/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height:1.5; background-color:#fff; margin:0; }
table { border-collapse:separate; border-spacing: 0; }
caption, th, td { text-align:left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
* { outline:none; }

/* General */
* html .clear { height:1%; }
body { color:#222; font-family:"Lucida Grande",Verdana,Helvetica,sans-serif; font-size:12px; background:#f7f7f7 url(/media/images/content_bg.gif) center 0 repeat-y; }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.4em; border:none; }
hr.space { background:#fff; color:#fff; }

/* Headings  */
h1,h2,h3,h4,h5,h6 { color:#111; font-family:Arial,Helvetica,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1 { font-size:22px; padding:20px 0 5px 0; margin:0; }
h2 { font-size:16px; font-weight:bold; padding:20px 0 5px 0; margin:0; }
h3 { font-size:18px; font-weight:bold; color:#696969; padding:5px 0; margin:0; border-bottom:1px solid #ccc; }
h3 a { text-decoration:none; }
h4 { font-size:12px; font-weight:normal; color:#696969; padding:5px 0; margin:0; border-bottom:1px solid #ccc; }
h5 { font-size:14px; font-weight:bold; color:#696969; padding:5px 0; margin:0; border-bottom:1px solid #ccc; }

/* Text Elements */
p { margin:0 0 1.5em; }
p.last { margin-bottom:0; }
p img { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.top { margin-top:0; }
img { margin:0 0 1.5em; }

ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:circle; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em;}

abbr, acronym { border-bottom:1px dotted #666; }
address { margin-top:1.5em; font-style:italic; }
del { color:#666; }

a:focus, a:hover { text-decoration:none; }
a { color:#fd06c6; text-decoration:underline; }

.smallr { color:#565656; font-weight:bold; }
.r { color:#fd06c6; }

blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; background:#ffc; }
dfn { font-weight:bold; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono','monotype.com','lucida console',monospace; line-height:1.5; } 
tt { display:block; margin:1.5em 0; line-height: 1.5; }

/* Misc */
.optional { color:#999; }
.clear { display:inline-block; }   
.clear:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { display:block; }
.column { float:left; margin-right:10px; }
.last { margin-right: 0; }
.box { padding:1.5em; margin-bottom:1.5em; background:#eee; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
ul.form { list-style:none; list-style-type:none; padding:0; margin:0 auto; text-decoration:none; font-size:12px; }
ul.form li { list-style:none; line-height:1.7em; padding:5px 0 0 0; margin:0; }
ul.form li label { color:#565656; position:relative; display:block; padding:5px 0 2px 0; text-align:left; margin:0; font-size:16px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; }
ul.errorlist { list-style:none; padding:0 0 5px 0; margin:0; text-decoration:none; color:#FF0000; font-size:11px; }
ul.errorlist li { line-height:1.0em; margin:0; padding:0; }
.help, p.help { color:#999; font-size:11px !important; line-height:1.4em; }
input, select, textarea { background:#fff none repeat scroll 0%; border-color:#777 rgb(204, 204, 204) rgb(221, 221, 221); border-style:solid; border-width:1px; margin:0; padding:3px; font-size:16px; color:#000; }
input[type=file] { border:0; }
/* input.button { padding:0; border:0; } */
input.button { padding:5px 10px; border:0; background-color:#FC06C6; color:#FFF; font-size:16px; font-weight:normal; }
input.button:hover { cursor:pointer; }
textarea { width:630px; height:150px; }
fieldset { list-style:none; list-style-type:none; padding:10px; margin:10px 0 0 0; text-decoration:none; font-size:12px; background-color:#FFFFFF; border:1px solid #CCCCCC; }
legend { font-weight:bold; padding:0 3px; background-color:#FFFFFF; }
input.url { width:700px; }
input.slug { width:250px; }
pre.code { overflow:auto; width:90%; color:#696969; background-color:#eee; line-height:1.5; padding:5px; border-left:3px solid #999; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; }
span.code { color:#696969; background-color:#eee; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success { padding:5px 7px; margin-bottom:1em; border:1px dotted #ddd; font-weight:bold; font-size:14px; font-family:Arial,Helvetica,sans-serif; }
.error { background-color:#FFF6A9; color:#ff0000; border-color:#ff0000; }
.notice { background:#FFF6BF; color:#817134; border-color:#FFD324; }
.success { background:#E6EFC2; color:#529214; border-color:#C6D880; }
.error a { color:#D12F19; }
.notice a { color:#817134; }
.success a { color:#fd06c6; }

/* Layout */
#logo { padding:10px 0; float:left; width:200px; }
#ads { padding:10px 0; float:right; text-align:right; width:500px; }
#menu { float:left; width:100%; background:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; }
#menu ul { list-style:none; background-color:red; text-align:center; margin-left:10px; }
#menu li { display:inline; margin:0; padding:0; }
#menu a { float:left; background:url(/media/images/menu_tab_left.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#menu a span { float:left; display:block; background:url(/media/images/menu_tab_right.gif) no-repeat right top; padding:5px 15px 4px 10px; color:#666; }
#menu a span { float:none; }
#menu a:hover span, #menu a.active span { color:#000; }
#menu a:hover, #menu a.active { background-position:0% -42px; }
#menu a:hover span, #menu a.active span { background-position:100% -42px; }
#container { width:710px; padding:0; margin:0 auto; }
.info { clear:both; }
#content { clear:both; margin-bottom:30px; }
#footer { width:710px; clear:both; padding:3px 0 0 0; margin:0 auto; border-top:1px solid #ccc; text-align:center; background:#FFF url(/media/images/shade.gif) 0 0 repeat-x; }
#footer-menu { color:#ccc; font-size:11px; }
#copyright { font-size:11px; padding-top:5px; }
#blog-detail { width:100%; }
#blog-archive { width:540px; float:left; }
#blog-detail ul,
#blog-archive ul { list-style:none; list-style-type:none; padding:0 0 20px 0; margin:0 auto; text-decoration:none; }
#blog-detail ul p,
#blog-archive ul p { padding:5px 0; margin:0; }
#blog-detail ul li,
#blog-archive ul li { list-style:none; line-height:1.7em; padding:0; margin:0; }
#blog-archive-months { width:150px; float:left; margin-left:20px; text-align:right; }
#blog-archive-months ul { list-style:none; list-style-type:none; padding:0; margin:0 auto; text-decoration:none; }
#blog-archive-months ul li { list-style:none; line-height:1.7em; padding:0; margin:0; }
.date { font-size:11px; color:#696969; }
.comment { padding-bottom:20px; }
.comment div.content { padding:4px 5px; line-height:1.5em; margin:0; background:#FFF url(/media/images/shade.gif) 0 0 repeat-x; display:block; }
.smallr-url { color:#fd06c6; }
a.clipboard { background-color:#fd06c6; color:#fff; text-decoration:none; padding:5px 7px; }