/*
Theme Name: zakkap
Description: zakkap bitches!
Version: 1
Author: zakkap
Author URI: http://zakkap.com/
*/

/* reset */
* { margin:0;padding:0;text-transform:lowercase; }
a { text-decoration:none; }
a img { border:none; }
ul, ol { list-style-position:inside;list-style:none; } 
:focus { outline:none; }

/* general typography */
body { font:10px "Helvetica", sans-serif; color:#888;text-align:justify;letter-spacing: -.02em; }
h2 { color:#5c5c5c;font-size:2.2em; }
h3, h4 { 
	color:#c6c6c6;
	font-size:12px;
	font-weight:normal;
	padding-bottom:3px;
}
p { line-height:1.4em; font-size:1.2em; }
code { background-color:#F9F9F9;color:#CC00CC;font-size:14px; }
a:link, a:visited { color:#E62CAB; }
a:hover, a:active {  }

/* layout */
html { background-color:#fff; }
body { width:800px; margin:20px auto; position:relative; }
#header { border-bottom:1px solid #e0e0e0; }
#header, #content { overflow:hidden; }
#content , #sidebar { 
	border-top:2px solid #e0e0e0; 
	float:left; 
	margin-top:2px;
	padding:20px 20px 20px 0;
	width:579px;
	border-right:1px solid #e0e0e0; 
}
#sidebar { 
	border-right:0;
	border-left:1px solid #E0E0E0;
	margin-left:-1px;
	padding:194px 0 10px 20px;
	width:180px;
}
.page-child > #content { width:800px;padding-right:0;border-right:0; }
#footer { border-top:1px solid #e0e0e0;clear:both; }

/* style */
code.attr, small.eg { font-weight: bold; }
code.attr { color:#000; }
small.eg { display:block;font-size:14px; }

#header > h1 > a { 
background:transparent url(images/logo.png) no-repeat scroll center center;
height:153px;
opacity:0.8;
position:absolute;
right:0;
text-indent:-9999px;
top:62px;
width:180px;
}
#header > h1 > a:hover { opacity:1; }
#header > ul { margin-left:1px; }
#header > ul, #header > ul > li { float:left; }
#header > ul > * + * { margin-left:10px; }
#header > ul > li > a { float:left;font-size:1.8em;padding:10px;}
#header > ul > li:first-child > a { padding-left:0; }
#header > ul > li > a:link, #header > ul > li a:visited { color:#c6c6c6; }
#header > ul > li > a:hover, #header > ul > li > a:active { color:#adadad; }
#header > ul > li[class*="current"] > a, #header > ul > li > a[class*="current"] { color:#E62CAB; }
#header > ul > li[class*="current"] > a:hover, #header > ul > li > a[class*="current"]:hover { opacity:.8; }
.home > #header > ul > li > a:link, .home > #header > ul > li > a:hover { color:#E62CAB; }

#content .ref { font-size:10px; }
#content > * + * { margin-top:20px; }
#content .wp_syntax pre { font-size:14px; } 

#content > ul { border-top:1px solid #F4F4F4; padding-top:10px; margin-top:0;position: relative; }
#content > ul:hover, .home > #content > h4:hover + ul, .home > #content > h5:hover + ul  { border-top:1px solid #E0E0E0; }
#content > ul > li > a:link, #content > ul > li > a:visited { 
	display:block;
	color:#4c4c4c;
	font-size:2.2em;
	font-weight:bold;
	
}
#content > ul > li + li > a { padding-top:2px; }
#content > ul > li > a:hover, #content > ul > li > a:active { color:#E62CAB; }
#content > ul > li > a > small { visibility:hidden;color:#c8c8c8;font-size:.5em;font-weight:normal;margin-left:5px;float:right;line-height:2em; }
#content > ul > li > a:hover > small { visibility:visible; } 
#content > h4 + ul { margin-top:0px; }
.home > #content > h4, .home > #content > h4 + ul { width:188px;float:left; }
.home > #content > h4 { margin-top:0; position: relative;top:20px; }
.home > #content > h4 + ul  { margin-left:-188px;margin-top:35px }
.home > #content > h4 + ul + h4, .home > #content > h4 + ul + h4 + ul {right:-12px;}
.home > #content > h4 + ul + h4 + ul + h4, .home > #content > h4 + ul + h4 + ul + h4 + ul { right:-24px; }
.home > #content > h4 + ul > li > a:link, .home > #content > h4 + ul > li > a:visited { color:#999;font-size:13px;font-weight: normal; }
.home > #content > h4 + ul > li > a:hover, .home > #content > h4 + ul > li > a:active  { color:#666; }

#respond * + * { margin-top:10px; }
#respond textarea, #respond input[type="text"] { width:99.9%;border:1px solid #E0E0E0; }
#respond input#submit { width:100%; }

#sidebar > * { padding:10px; }
#randomtip {
	-moz-border-radius:6px;
	-webkit-border-radius:6px; 
	background:#f1f1f1 url(images/twitter-bg.png) no-repeat scroll 164px bottom;
	position: relative;
	padding-bottom:20px;
	line-height:125%;
	border-bottom:10px solid #f1f1f1;
}
#randomtip > a[href="http://twitter.com/randomtip"]{ color:#9c9c9c;position:absolute;bottom:0;right:20px; }
#randomtip > a[href="http://twitter.com/randomtip"]:hover, randomtip > a[href="http://twitter.com/randomtip"]:active, #randomtip:hover > a  
{ color:#e62cab;font-weight:bold; }

/* character */
.character { padding-left:253px;background:transparent url("images/character.png") no-repeat top left;min-height:192px;overflow: hidden; }
.character:hover p { opacity:1; }
.character > p { opacity:.95;text-shadow:0 -1.5px 0 #000000;background:#515a5f;padding:10px; color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;display:inline-block;font-size:1.6em; }
.character a:link, .character a:visited { color:#d4efff;font-weight: bold; }
.character a:hover, .character a:active { border-bottom:1px dotted #d4efff; }