/*
Theme Name: KillerPHP Blog
Theme URI: http:/www.killerphp.com/
Description: KillerPHP Blog theme, based on the KS Blog.
Version: 1.0
Author: Ben Falk
Author URI: http:/www.falkencreative.com/
Tags: 

*/

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a { color:#000099; }
	a:hover { color: #000066; }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/

	html { min-width: 960px; } 
	body { background: #e6e6e6 url(images/bg-body.jpg) top center no-repeat;
		font-family: Arial, sans-serif; font-size:62.5%; line-height: 1.7em;}
		
	.left, .alignleft { float: left; }
	.right, .alignright { float: right; }
	.hidden { visibility: hidden; }
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
	
	img.alignright { padding: 0 0 20px 20px; float:right; }
	
	#wrapper { width: 924px; margin: 0 auto; 
		border-left: 1px solid #fff; border-right: 1px solid #fff; background: #fff; border-bottom:1px solid #FFFFFF; }
	
	/* header */
	#header { height:110px; margin: 0 30px; font-size: 1.1em; }
		#header .skip { display: none; }
		#header .logo { margin-top: 32px; float: left; }
		
		#header .right { width: 400px; margin-top: 40px; position: relative; }
		#network { background: url(images/dropdown-ksnetwork.gif) 0 0 no-repeat; height: 29px; width: 200px; cursor: pointer;
			line-height: 30px; float: left; color: #4d4d4d; }
			#network:hover, #header .active { background-position: left bottom; cursor: pointer; }
			#network p { padding: 0px 0 0 12px; }
		
		#networkdropdown { background: url(images/bg-dropdown.png) left bottom no-repeat; display: none; position: absolute; top:26px; left: -10px; width:220px; }
			#networkdropdown ul { padding: 5px 22px 15px 22px; }
			#networkdropdown li { border-top:1px solid #ECECEC; padding:4px 0 4px 0; }
			#networkdropdown a { text-decoration: none; color: #545454; padding-left: 10px;
				background: url(images/bullet-black.gif) left center no-repeat; display: block; }
			* html #networkdropdown a { float: left; }
			#networkdropdown a:hover { text-decoration: underline; color: #438C99;
				background: url(images/bullet-green.gif) left center no-repeat; }
			
		#cse-search-box { background: url(images/bg-search.gif) top right no-repeat; height: 29px; width: 192px; float: right;  }
			#cse-search-box .text { background: none; padding:9px 0 5px 7px; width:149px; border:0; float: left; color:#666666; }
			#cse-search-box .search { height: 29px; width: 30px; line-height: 29px; 
				background: url(images/button-search.gif) 0 0 no-repeat; 
				cursor: pointer; float: right; text-indent: -999px; overflow: hidden; border: 0; }
			#cse-search-box .search:hover { cursor: pointer; background-position: left bottom; }
	
	/* nav */
	#nav { clear:both; overflow: hidden; background: #AACBD1; width: 924px; font-size: 1.2em; }
		#nav ul { overflow: hidden; }
		#nav li { float: left; font-weight: normal; }
		#nav li a { display: block; padding: 12px 16px 10px 16px; background: #AACBD1; color: #393939; text-decoration: none; font-weight: bold; }
		#nav li a:hover, #nav li a:focus { background: #D5E5E8; }
		#nav li a.selected { background: #438C99; color: #fff; }
		#nav li.selected a:hover, #nav li.selected a:focus { text-decoration: none; }
	
	/* footer */		
	#footer { clear:both; background: url(images/bg-footer.jpg) 0 0 no-repeat; font-size: 1.1em; height: 264px; position: relative; }	
	
		/* link styling */
		#footer a { text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
			
		#footer .left { padding: 25px 0 0 32px; }
		#footer .left a { color: #438C99; text-decoration: underline; }
		#footer .right { width:342px; padding: 25px 0 0 0;  }
		
		#footer .list { clear:both; padding: 34px 0 0 32px; width: 900px; overflow: auto; float: left; }
		#footer .list li { float:left; width: 190px; color: #fff; line-height: 16px; }
		#footer .list li.sml { width: 170px; }
		#footer .list h4 { font-size: 1.18em; margin-bottom: 2px; }
		#footer .list a { color: #fff; }
		#footer .list a:hover, #footer .list a:focus { color:#D5E5E8; }
		
		/* IE Fixes */
		* html #footer { left:26px; margin-top: 30px; /* ie6 fix */ }
		* html #footer .right { width: 380px; }
		
	#footer2 { height: 53px; width: 924px; margin: 0 auto; text-align: right; color: #8d8d8d; font-size: 1.1em;
		background: url(images/bg-footer2.jpg) 0 0 no-repeat; }
		#footer2 p { padding: 10px 22px; }
		#footer2 a { color: #8d8d8d; }
		#footer2 a:hover, #footer2 a:focus { color: #555555; }
		#footer2 .pgtop { position:relative; top: 3px; }


/*  PAGE STYLES 
	--------------------------------------------------------------------------*/

	/* banner */	
	#banner { clear:both; height: 134px; background: #448C9A url(images/banner.jpg) 0 0 no-repeat; }
		#banner img.blocks { padding: 26px 0 0 32px; float: left; }
		#banner img.title { padding: 48px 0 0 16px; float: left; }
		
	/* content - two column template -----------------------------------------*/	
	#content { clear:both; overflow: hidden; padding-bottom: 30px; background: url(images/bg-content2.jpg) 0 0 repeat-x; }
	
		/* main column */
		.main { width:624px; float: left; background: url(images/bg-content.jpg) top right no-repeat; overflow: hidden; }
			.main-inner { padding: 24px 32px 0 32px; overflow: hidden; font-size: 1.3em; }		
			* html .main-inner { padding: 24px 28px 0 32px; }
		/* sidebar column */		
		.sidebar { width:300px; float: right; font-size: 1.2em; background:#fff; }
		.sidebar-inner { padding: 0 26px; }
		
			/* link styling */
			.sidebar a { text-decoration: none; }
			.sidebar a:hover { text-decoration: underline; }
		
			/* sidebar */	
			.sidebar #sidebar ul { margin:0; padding:0; }
			.sidebar #sidebar li { background:none; }
			
			.sidebar .widget { border-top: 1px solid #e6e6e6; padding: 20px; }
				.sidebar .widget h2 { font-size: 1.083em; margin-bottom: 12px; }
				#content .sidebar .widget ul { margin:0; padding: 0; }
				#sidebar .widget ul li { padding-left: 12px; background: url(images/bullet-blue.gif) left 7px no-repeat;
					margin-bottom: 3px; color: #888; }
				.sidebar .widget ul li.bold { font-weight: bold; margin-top: 14px; }
				
			/* sidebar - search */
			.sidebar #sidebar .widget_search { background: url(images/bg-sidebar-search.gif) 0 0 repeat-x; height: 64px; padding:0; border: 1px solid #e6e6e6; padding:0 12px; }
				.sidebar .widget_search form { background: none; }
				.sidebar .widget_search h2 { font-size: 1.083em; margin: 12px 0 2px 0; }
				.sidebar .widget_search label { display: none; }
				.sidebar .widget_search #s { border: 1px solid #bfbfbf; padding:2px 4px; width: 138px; font-size:.916em; color:#666666; margin-right: 4px; }
				.sidebar .widget_search #searchsubmit { overflow: hidden; text-indent: -999px; height: 20px; width: 66px;
					background: url(images/button-search2.gif) 0 0 no-repeat; border: 0; cursor: pointer;
					text-transform: capitalize; }
					
			/* newsletter */
			.sidebar #sidebar #text-3 { background: #F8F8F8 url(images/bg-newsletter.gif) 0 0 repeat-x; border: 1px solid #e6e6e6; padding: 0 0 0 12px; }
				.sidebar #sidebar #text-3 h2 { padding-top: 12px; margin: 0 0 2px 0; }
				.sidebar #sidebar #text-3 p { padding: 0 20px 10px 0; font-size: .9em; }
				.sidebar #text-3 form { background: none; padding: 0 0 12px 0; }
				.sidebar #text-3 label { display: none; }
				.sidebar #text-3 .textinput { border: 1px solid #bfbfbf; padding:2px 4px; width: 136px; font-size:.916em; color:#666666; margin-right: 4px; }
				.sidebar #text-3 .submit { overflow: hidden; text-indent: -999px; height: 20px; width: 66px;
					background: url(images/button-joinnow.gif) 0 0 no-repeat; border: 0; cursor: pointer;
					text-transform: capitalize; }
				.sidebar #text-3 a { margin: 2px 0 0 4px; font-size:.916em; }					
			
			/* university */
			.sidebar #text-4 { margin:8px 0 0 0; padding:0; border:0; }
			.sidebar .university { background: url(images/bg-university.jpg) 0 0 no-repeat; height: 190px; border: 1px solid #195F3D; padding-left: 18px; }
				.sidebar .university p { padding: 0px 90px 14px 0; color: #fff; }
				.sidebar .university strong { font-size: 1.2em; }
				.sidebar .university a { color:#CCFF99; text-decoration: underline; font-size:1.2em; }
				.sidebar .university img { padding-top:20px; }
				
			.sidebar #text-5 { padding:0; border:0; margin:0; }	
			.sidebar .university2 { 
				background:#ebf9f2 url(images/sidebar-university.gif) 14px 18px no-repeat; 
				border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; padding: 14px; margin-top: 8px; }
				#content .sidebar .university2 h3 { font-size: 1.4em; font-weight: bold; line-height: 1.3em; margin:0 0 6px 42px; }
				.sidebar .university2 p { margin:0; }
				.sidebar .university2 a { font-size: 1.2em; text-decoration: underline; }
			
			.sidebar #sidebar #categories-1 { border-top:0; margin-top:10px; }	
			.sidebar #sidebar #tag_cloud-2 div { line-height: 1.7em; }	
									

	/* content - general text styles -----------------------------------------*/	
	#content .main h1, #content .main h2 { color:#000; font-size: 1.8em; font-weight: normal; }
		#content .main h2 { padding-top: 16px; clear:both; line-height: 1.3em; }
		#content .main h2 a { text-decoration:none; color:#000; } 
		#content .main h2 a:hover { color:#2C697E; }
		#content .main small { color:#438C99; font-size: .9em; }
			
		#content ul { padding: 0 0 14px 20px; }
		#content ul li { padding-left: 12px; background: url(images/bullet-black.gif) left 6px no-repeat;
			margin-bottom: 2px; }
			
		#content ol { padding: 0 0 14px 20px; }
		#content ol li { margin-left: 12px; list-style-type: decimal; margin-bottom: 2px; }	
		
		#content .dean_ch ol { padding: 4px 0 4px 20px; }
		
		acronym, abbr, span.caps { cursor: help; }
		acronym, abbr {	border-bottom: 1px dashed #999; }
		blockquote { margin: 22px 0 22px 0; padding: 0 6px 0 50px; background: url(images/quote.gif) 4px 6px no-repeat; 
			font-style: italic; color: gray; font-family: Georgia, Times New Roman, serif; 
			font-size: 1.05em; line-height: 1.4em; }
		blockquote cite { margin: 5px 0 0; display: block; }
						
		#content .main p { margin-bottom: 16px; }
		#content .main p.indent { padding-left: 20px; }
		#content .photo { float:right; padding: 0 0 15px 20px;}
		
		/* post view */
		.navigation-top { border-bottom: 1px solid #e6e6e6; padding: 16px 0 8px 0; margin-bottom: 20px; overflow: hidden; }
		#content .navigation-top .alignleft { float: left; width:50%; }
		#content .navigation-top .alignright { float: right; width:50%; text-align: right; }
	
		#content div.post { margin-bottom: 50px; clear:both; }
		#content .entry { margin: 20px 0; }
		#content .postmetadata { border-top:1px solid #E6E6E6; padding-top: 6px; margin-top: 20px; color: gray; }
		#content .postmetadata small { color:gray; }
		#content .postmetadata a { text-decoration: none; }
		#content .postmetadata a:hover { text-decoration: underline; }
		
		#content h3 { font-size: 1.2em; margin-bottom: 20px; line-height: 1.3em; }
		#content .commentlist { border-top:1px solid #E6E6E6; margin-bottom: 20px; padding-left:0; }
		#content .commentlist li { list-style: none;  }
		#content .commentlist li.comment { border-bottom:1px solid #E6E6E6; padding: 14px 14px 0 14px; margin-left:0; margin-bottom: 0; }
		#content .commentlist li.even { background: #F8F8F8 }
		#content .commentlist .comment .avatar { display: none; }
		#content .commentlist cite a { text-decoration: none; font-weight: bold; font-style: normal; }
		#content .commentlist .commentmetadata a { text-decoration: none; }
		#content .commentlist cite a:hover, #content .commentlist .commentmetadata a:hover { text-decoration: underline; }
		#content .commentlist span.says { font-weight: bold; }
		#content .commentlist .comment .commentmetadata { margin-bottom: 14px; font-size:0.9em; }
		
		#content #commentform label small { color: #000; }
		#content #commentform input { border:1px solid #BFBFBF; padding:4px; margin-right: 10px; }
		#content #commentform textarea { border:1px solid #BFBFBF; padding:4px; width: 550px;  }
		#content #commentform input#submit {
			clear:both; float:left; padding: 0 10px;
			background: #FF7E00; height: 22px; line-height:22px; border:0; text-transform: capitalize; color: #fff; font-size:.846em;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; }
		#content #commentform input#submit:hover { cursor: pointer; }
		
		.social { margin-top:20px; overflow:hidden; }
	.social-bottom { margin:14px 0; overflow:hidden; }
	.postmetadata .social-bottom { margin:10px 0; }
	.social iframe, .social-bottom iframe { float:left; padding-top:1px; }
	.social div, .social-bottom div { float:left; position:relative; left:-22px; }
		
		/* archive view */
		.archive #content h2.pagetitle, .search #content h2.pagetitle, .category #content h2.pagetitle { margin-bottom: 50px; }
		
		.archive #content h3 { margin-bottom: 3px; font-size: 1.4em; font-weight: normal; line-height: 1.3em; }
		.archive #content h3 a { text-decoration: none; color: #000; }
		.archive #content h3 a:hover { color:#00753B; }
		
		/* page */
		.page #content p.nocomments { display: none; }
		
		/* search */
		#content .main #searchform { margin: 30px 0; }
		#content .main #searchform #s {  border:1px solid #BFBFBF; padding:4px; margin-right: 3px; }
		#content .main #searchform #searchsubmit {
			padding: 0 10px;
			background: #FF7E00; height: 22px; line-height:22px; border:0; text-transform: capitalize; color: #fff; font-size:.846em;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; }
		#content .main #searchform #searchsubmit:hover { cursor: pointer; }
		
		.search #content h3 { margin-bottom: 3px; font-size: 1.6em; font-weight: normal; line-height: 1.3em; }
		.search #content h3 a { text-decoration: none; color: #000; }
		
		/* navigation */
		#content .navigation { overflow: hidden; }
		#content .navigation .alignleft { float:left; }
		#content .navigation .alignright { float:left; margin-left: 10px; }
		#content .navigation .alignleft a { float:left; background: #FF7E00; height: 22px; line-height:22px; border:0; text-transform: capitalize; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 12px; text-decoration: none; }
		#content .navigation .alignright a { float:left; background: #FF7E00; height: 22px; line-height:22px; border:0; text-transform: capitalize; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 12px; text-decoration: none; }
		
