/*
Theme Name: KillerSites Magazine
Version: 1.0
Author: Benjamin Falk
Tags: 

*/				
	
	
/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a { color:#000099; }
	a:hover { color: #000066; }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/
	
	.left, .alignleft { float: left; }
	.right, .alignright { float: right; }
	img.alignleft { margin: 0 20px 20px 0; }
	img.alignright { margin:0 0 20px 20px; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	
	.hidden { visibility: hidden; }
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
	#fancy_frame, #fancy_content { overflow: hidden !important; }

	html { min-width: 980px;} 
	body { background: #fff url(images/bg-sub-body.jpg) 0 102px repeat-x; font-family: Arial, sans-serif; font-size:62.5%; line-height: 1.7em; }
	#wrapper { width: 980px; margin: 0 auto; background: url(images/bg-sub-banner.jpg) 0 0 repeat-x; clear:both; }
	
	
	/* header */
	#header { height:110px; width:920px; margin: 0 auto; font-size: 1.1em; }
		#header .skip { display: none; }
		#header .logo { margin-top: 30px; float: left; }
		
		#header .right { width: 400px; margin-top: 40px; position: relative; z-index: 300; }
		#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; z-index: 300; }
			#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: #236613;
				background: url(images/bullet-green.gif) left center no-repeat; }
			
		/*
#sitesearch { background: url(images/bg-search.gif) top right no-repeat; height: 29px; width: 192px; float: right;  }
			#sitesearch label { display: none; }
			#sitesearch .text { background: none; padding:9px 0 5px 7px; width:149px; border:0; float: left; color:#666666; }
			#sitesearch .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; }
			#sitesearch .search:hover { cursor: pointer; background-position: left bottom; }
*/
			
		#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 */
	.menu-main-container { clear:both; background: #027844; font-size: 12px; z-index: 200; position: relative; }
	.menu-main-container ul { background: #027844; margin: 0 auto; width:930px; }
		.menu-main-container ul { border-left:1px solid #008E52; }
		.menu-main-container li { float: left; }
		.menu-main-container li a { display: block; padding: 12px 18px 11px 18px; background: #027844; color: #fff; text-decoration: none; border-right:1px solid #008E52; }
		.menu-main-container li a:hover, .menu-main-container li a:focus { background: #02673B; color: #fff; }
		.menu-main-container li.current_page_item a, .menu-main-container li.current-menu-ancestor a { background: #008E52; color: #CCFF99; }
		.menu-main-container li.current_page_item a:hover, #nav li.current_page_item a:focus { text-decoration: none; }
		
		/* sub */
		.menu-main-container ul ul { z-index: 200; border: 0; }
		li.sfHover a { background: #02673B; }
		.menu-main-container li li a { border: 0; background: #02673B; color: #fff; border-bottom: 1px solid #027844; padding-top:8px; padding-bottom: 8px; }
		.menu-main-container li li a:hover { color: #CCFF99; text-decoration: underline; }
		
		.menu-main-container ul ul ul a { border-left: 1px solid #008E52; }
		
		/* arrows */
		.menu-main-container li span { display: none; }
		.menu-main-container li li span { display: block; }

	/* content */	
	#content { margin: 0 27px 30px 27px; overflow: hidden; }
		
		/* main content */
		#content .main { float:left; width: 575px; min-height:250px; font-size:1.3em; }
			* html #content .main { height:250px; }			
			
		/* sidebar */		
		.sidebar { width:323px; float: right; font-size: 1.2em; padding-top: 20px; }
		.sidebar #sidebar { padding: 0; }
			
			/* 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-search.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; height: 134px; padding: 0 0 0 12px; }
				.sidebar #sidebar #text-3 h2 { padding-top: 12px; margin: 0 0 2px 3px; }
				.sidebar #sidebar #text-3 p { margin: 0 20px 10px 3px; line-height: 1.3em; }
				.sidebar #text-3 form { background: none; padding: 0; }
				.sidebar #text-3 label { display: none; }
				.sidebar #text-3 .textinput { border: 1px solid #bfbfbf; padding:2px 4px; width: 156px; 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 #sidebar #text-6 { background: #fff url(http://www.killersites.com/magazine/wp-content/themes/killersites-magazine/images/ad-university.jpg) 0 0 no-repeat; height: 237px; width: 318px; overflow:hidden; border: 1px solid #00753b; padding: 0; margin: 0; }
				.sidebar .university-inner { height: 204px; padding: 0 0 0 20px; }
				.sidebar #text-6 p { padding: 0px 150px 10px 0; color: #fff; font-size: 1.083em; }
				.sidebar #text-6 a { color:#CCFF99; text-decoration: underline; font-size: 1.2em; }
				.sidebar #text-6 img { padding-top:26px; }
				
				.sidebar #text-6 form { padding: 0 0 0 20px; }
				.sidebar #text-6 label { display:none; }
				.sidebar #text-6 #uniusername { width: 102px; margin-right: 4px; border: 1px solid #bfbfbf; padding:3px; 
					font-size:.916em; color:#666666; }
				.sidebar #text-6 #unipassword { width: 102px; margin-right: 4px; border: 1px solid #bfbfbf; padding:3px;
					 font-size:.916em; color:#666666; }
				.sidebar #text-6 .login { width: 48px; height: 20px; overflow: hidden; text-indent: -999px;
					border:0; background: url(images/button-login.gif) 0 0 no-repeat; cursor: pointer;
					text-transform: capitalize; }	
					
			.tagcloud { line-height: 1.7em; }	
			
			/* forum */
			.sidebar #sidebar #forumposts li { padding-left: 12px; background: url(images/bullet-blue.gif) left 7px no-repeat;
					margin-bottom: 3px; color: #888; }		
	
			/* social widget */
			.sidebar #text-3 { padding:0; border: 0; margin: 0; }
			.sidebar .social { border: 1px solid #e6e6e6; background: #f8f8f8 url(images/widget-bg.gif) 0 31px repeat-x; margin-bottom: 10px; width:321px; }
			* html .sidebar .social { zoom:1; }
			
				#content .sidebar .social .tabs { overflow:hidden; margin: 0; padding:0; }
				#content .sidebar .social .tabs li { float:left; background: #f8f8f8; padding:0; margin: 0; }
				#content .sidebar .social .tabs li:first-child { border-right: 1px solid #e6e6e6; }
				.sidebar .social .tabs a { color: #666; text-decoration: none; font-size: 12px; font-weight: bold;
					width:160px; padding: 10px 0; display: block; text-align: center; outline:none; border-bottom: 1px solid #e6e6e6; }
				* html .social .tabs a#tab-rss { width:161px; }	
				.sidebar .social .tabs img { position: relative; top:2px; }
				.sidebar .social .tabs a:hover { color:#000; }
				#content .sidebar .social .tabs .active { background: #ededed url(images/widget-tab-active.gif) 0 0 repeat-x; }
				.sidebar .social .tabs a.active { color:#000; text-decoration: none; border:0; }
				
				#content #widget-social { position: relative; height:146px; clear:both; }
				* html #content #widget-social { zoom:1; }
				
				#content #widget-email { padding: 16px 20px; position: absolute; top:0; left:0;
					background: url("images/widget-bg.gif") 0 0 repeat-x; }
				.sidebar #widget-email h3 { margin: 0 0 2px 3px; font-size:1.083em }
				.sidebar #widget-email p { margin: 0 0 10px 3px; line-height: 1.3em; }
				.sidebar #widget-email form { background: none; padding: 0; }
				.sidebar #widget-email label { display: none; }
				.sidebar #widget-email .textinput { border: 1px solid #bfbfbf; padding:2px 4px; width: 196px; font-size:.916em; color:#666666; margin-right: 4px; }
				.sidebar #widget-email .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 #widget-email a { margin: 2px 0 0 4px; font-size:.916em; }
				
				#content .sidebar #widget-rss { padding: 16px 20px; position: absolute; top:0; left:0; 
					background: url("images/widget-bg.gif") 0 0 repeat-x; }
					#content .sidebar #widget-rss h3 { margin: 0 0 12px 3px; font-size:1.083em }
					#content .sidebar #widget-rss ul { padding: 0 0 0 8px; }
				
				#content .sidebar ul.widget-social { background: url(images/widget-social-bg.gif) top center no-repeat; overflow: hidden;
					padding:16px 0 12px 23px; margin: 0; line-height: 12px; }
				* html #content .sidebar .widget-social { zoom:1; }
					#content .sidebar ul.widget-social li { padding: 0; background: none; float: left; }
					#content .sidebar .widget-social li.img { padding-right: 8px; }
					#content .sidebar .widget-social li.txt { padding-top: 10px; padding-left: 4px; }
					#content .sidebar .widget-social li.txt a { text-decoration: underline; }	
					
						
	/* footer */		
	#footer { margin: 0 30px; height: 70px; clear: both; background: url(images/bg-footer.gif) 0 0 no-repeat; font-size: 1.1em; }	
		#footer .left { padding: 18px 0 0 70px; }
		#footer .left a { color: #028242; }
		
		#footer .right { padding: 18px 20px 0 0; }
		#footer .right .pgtop { position:relative; top:2px; }
		#footer .right a { color: #8D8D8D; }
		#footer .right a:hover { color:#555555; }
		
		
/*  HOME PAGE
	--------------------------------------------------------------------------*/	


/*  SUB PAGES
	--------------------------------------------------------------------------*/	

	#banner { height: 135px; width: 930px; margin: 0 auto; position: relative; }
	#banner img { margin:42px 0 0 0; }
	
	#banner-subnav { height: 100px; padding: 30px 0 0 0; margin: 0 auto; width:930px; position: relative; }
	
		h1.cssintro { display: block; height: 38px; width: 364px;  text-indent: -999px; overflow: hidden;
		background: url(images/header-intro.png) 0 0 no-repeat; margin-left: 25px; }
		h1.part1 { display: block; height: 38px; width: 364px;  text-indent: -999px; overflow: hidden;
		background: url(images/header-css1.png) 0 0 no-repeat; margin-left: 25px; }
		h1.part2 { display: block; height: 38px; width: 364px;  text-indent: -999px; overflow: hidden;
		background: url(images/header-css2.png) 0 0 no-repeat; margin-left: 25px; }
		
	#banner-subnav .subnav { font-size: 12px; color: #fff; padding-left: 27px; }
	#banner-subnav .subnav a { color:#fff; }
	#banner-subnav .subnav a.current { font-weight: bold; color: #CCFF99; }
	
	.wp_syntax pre { padding: 4px; }
	
/*  CONTENT STYLING
	--------------------------------------------------------------------------*/	
   
	#content .main h1, #content .main h2 { color:#000; font-size: 1.7em; font-weight: normal; margin-bottom:5px; margin-top: 30px; line-height:1em; }
	#content .main h2 a { text-decoration: none; color: #000; }
	#content .main h2 a:hover { color:#00753B; }
	
	.home h1 { margin-top: 30px; }
	.main h3 { font-size: 1.3em; line-height: 1.3em; font-weight: normal; color: #000; margin: 30px 0 20px 0px; }
	.main h4 { margin-bottom: 14px; font-weight: bold; font-style: italic; font-size: 1.153em; }
	
	.border { margin-top:40px; padding-top: 20px; border-top: 1px solid #e6e6e6; }
	.next { border: 1px solid #e6e6e6; padding: 10px; margin: 40px 0 20px 0; text-align: right; overflow: hidden; background: #F9F9F9; }
	
	/* video */
	.video { border: 1px solid #EFEBB3; padding: 16px 20px 2px 120px; margin: 20px 0; background: #FFFEEF url(images/icon-video.png) 34px center no-repeat; }
	
	/* newsletter */
	
	#content .newsletter { background: #F8F8F8 url(images/icon-newsletter.png) 26px center no-repeat; border: 1px solid #e6e6e6; padding: 16px 20px 16px 120px; margin: 20px 0; }
	* html #content .newsletter { padding-bottom: 0; }
	#content .newsletter h2 { margin: 0 0 2px 3px; font-size:1.083em; font-weight: bold; }
	
	#content .newsletter p { margin: 0 10px 10px 3px; padding:0; }
	#content .newsletter form { background: none; padding: 0; margin:0; height: 22px; line-height:22px; } 	
	#content .newsletter .textinput { 
		border: 1px solid #bfbfbf; padding:2px 4px; width: 156px; font-size:.916em; color:#666666; margin: 0 4px 0 0; } 
	#content .newsletter .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; margin:0; }
	#content .newsletter a { margin: 2px 0 0 4px; font-size:.916em; }

	
	
	a.button, input.button { clear:both; float:right; padding: 5px 14px 4px 14px;
		background: #FF7E00; border:0; text-transform: capitalize; color: #fff; font-size:.846em;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; }
	a.button:hover, input.button:hover { cursor:pointer; background-color: #FF952F; }
	a.readmore { font-size:1.1em; }
	
	#content .main small { color:#00753B; 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; }	
	
	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:49%; }
	#content .navigation-top .alignright { float: right; width:49%; 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; clear:both; }
	#content .postmetadata small { color:gray; }
	#content .postmetadata a { text-decoration: none; }
	#content .postmetadata a:hover { text-decoration: underline; }
	
	#content h3 { font-size: 1.3em; margin-bottom: 20px; line-height: 1.3em; }
	#content .commentlist { border-top:1px solid #E6E6E6; margin-bottom: 20px; padding:0; }
	#content .commentlist li.pingback { border-bottom:1px solid #E6E6E6; padding: 14px 14px 0 14px;
		list-style: none; margin: 0; }
	#content .commentlist li.comment { border-bottom:1px solid #E6E6E6; padding: 14px 14px 0 14px;
		list-style: none; margin: 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; }
	
	.main .social { margin-top:20px; overflow:hidden; }
	.main .social-bottom { margin:14px 0; overflow:hidden; }
	.postmetadata .social-bottom { margin:10px 0; }
	
	.main .social iframe, .main .social-bottom iframe { float:left; padding-top:1px; }
	.main .social div, .main .social-bottom div { float:left; position:relative; }
	
	/* archive view */
	.archive #content h2.pagetitle, .search #content h2.pagetitle, .category #content h2.pagetitle { margin-bottom: 30px; }
	
	.archive #content h2 { margin-bottom: 3px; }
	.archive #content h2 a { text-decoration: none; color: #000; }
	.archive #content h2 a:hover { color:#00753B; }
	
	.page-template-archives-php #content h2 { margin-bottom: 16px; }
	.page-template-archives-php #content h2.pagetitle { font-size: 1.2em; font-weight: bold; }
	.alpha { float: left; width: 300px; }
	.omega { float: left; width: 250px; }
	
	/* page */
	.page #content p.nocomments { display: none; }
	
	/* search */
	#content .main #searchform { margin: 20px 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 h2.pagetitle { font-size: 1.2em; font-weight: bold; }
	.search #content .main h3 { margin-bottom: 3px; font-size: 1.6em; font-weight: normal; line-height: 1.3em; }
	.search #content .main h3 a { text-decoration: none; color: #000; }
	.search #content .main h3 a:hover { color: #00753B; }
	
	/* 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; }

	/* rss */
	.rss { position: relative; top: 4px; }