/*
	File: custom.css
	Thesis customizations by Alex Fraiser
	Site URI: http://kolakube.com/
*/

body.custom { background: #F0F0F0; }

.custom a { color: #3F7AB5; outline: none; }

	.custom h1, .custom h2 a { color: #404040; letter-spacing: -1px; }
	
		.custom h2 a:hover { text-decoration: underline; }
		
.custom #sidebars h3 { color: #3c3c3c; font-size: 21px; font-variant: normal; letter-spacing: -1px; padding: 1em 1em 7px 1em; }

.custom #page { position: relative; }

.custom #container { border: 1px solid #D3D4D4; border-width: 0 1px; }

.custom #content_box { background: #FFF url(images/sidebar.gif) repeat-y left; }

.custom #footer { border: 0; }

/*--- :[ header elements ]: ---*/

.custom #header { background: #353535 url(images/header.gif) repeat-x top; border: 0; padding: 9px 1em 0 23px; }

	.custom #header #logo a { background: url(images/logo.png) no-repeat; display: block; height: 95px; text-indent: -9999px; width: 350px; }
	
	.custom #header #tagline { display: none; }
	
/*---:[ nav menu styles ]:---*/

.custom #tabs { background: #252525 url(images/nav_bg.gif) repeat-x bottom; border: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; position: absolute; right: 23px; }

	.custom #tabs li { background: url(images/graphic-sep.gif) no-repeat left 50%; border: 0; margin-bottom: -0.1em; padding: 6px 4px 6px 4px; }
	.custom #tabs li.home-item { background: none; }
		.custom #tabs a { color: #cee6ff; letter-spacing: normal; }
		
			.custom #tabs a:hover { text-decoration: underline; }
			
			.custom #tabs .current_page_item, .custom #tabs .current-cat {  }
			
				.custom #tabs .current_page_item a, .custom #tabs .current-cat a { cursor: default; }
		
					.custom #tabs .current_page_item a:hover, .custom #tabs .current-cat a:hover { text-decoration: none; }
		
		.custom #tabs .rss { margin-right: 6px; }
		
			.custom #tabs .rss a { padding-right: 16px; background: url(images/nav_rss_icon.gif) 100% 50% no-repeat; }
			
/*---:[ information box styles ]:---*/

#info { background: #3F7AB5 url(images/box_bg.gif) repeat-x; overflow: hidden; position: relative; }

	#info a { color: #FFF; text-decoration: underline;}
	
		#info a:hover { text-decoration: none; }

	#info, #info ul { list-style-type: none; }

		#info li { background: url(images/box_divider.png) repeat-y left; float: left; height: 159px; margin-bottom: 0; width: 23.2em; }
			#info li.emailupdates { width: 22em; }
		
	#info h3 { color: #C7E3FF; font-size: 12px; padding: 10px 0 21px 20px; text-transform: uppercase; }
	
	#info p { color: #FFF; font-size: 12px; line-height: 18px; margin-bottom: 0; padding: 0 10px 10px 20px; }
	
	#info form { padding-left: 23px; width: 100%; }
	
		#info input { border: 0; padding: 8px; -webkit-border-radius:  5px; }
		
		#info .info-email { background: url("images/sidebar_newsletter_input.gif") repeat-x; border: 1px solid #29609f; -moz-border-radius: 5px;  }
		
	#info #submit { background: url(images/box_submit.png) center no-repeat; height: 31px; width: 44px; cursor: pointer; }
	
	
	.welcome { background: url(images/box_rich.gif) no-repeat !important; }
	
		.welcome p, .welcome h3 { margin-left: 5em; }
		
		#info .welcome p { text-align: center; line-height: 17px; }
		
		.welcome p#emailme { text-align: right; }
		
			#emailme a { background: url(images/box_email_icon.gif) no-repeat 0 50%; color: #FFF; padding: 1px 0 0 25px; text-transform: uppercase; }
			
			
	#social a { display: block; float: left; margin-right: 10px; text-indent: -9999px; }
	
	#social .rss { background: url(images/box_rss_icon.gif) no-repeat; height: 34px; width: 34px; }
	
	#social .twitter { background: url(images/box_twitter_icon.gif) no-repeat; height: 30px; width: 52px; }
	
	#social .facebook { background: url(images/box_facebook_icon.gif) no-repeat; height: 39px; width: 38px; }
	
	#social .linkedin { background: url(images/box_linkedin_icon.gif) no-repeat; height: 39px; width: 38px; }

									
/*---:[ content box styles ]:---*/

.custom #content { background: #FFF url(images/blueGrad.gif) repeat-x; clear: both; }

.custom .post img.aligncenter { border: 0.4em solid #ECEBEB; }

.custom .to_comments { display: none; }

.custom .post_box { border-top: 0; padding: 14px 10px 0 10px; }

.custom .prev_next { border: 0; }

.custom blockquote.right p, .custom blockquote.left p { color: #3F7AB5; font-family: Georgia, "Times New Roman", Arial; font-style: italic; line-height: 1.4em; }

.postbar { background: #FFF url(images/content_socialbar2.gif) repeat-x; margin: 0 -19px -33px -29px; padding: 0 1.8em 32px 1.8em; overflow: hidden; }

	.postbar .flip { background: url(images/content_flip.gif) no-repeat; height: 58px; position: absolute;right: -13px; width: 13px; }

	.postbar span.comm { background: url(images/content_comment_icon.gif) no-repeat 0 50%; color: #E4F6FE; display: block; float: left; line-height: 15px; padding: 7px 0 8px 3em; text-transform: uppercase; }
	
	.postbar .comm a { color: #0D0D0D; font-size: 12px; text-decoration: none; text-transform: lowercase; }
	
		.postbar .comm a:hover { text-decoration: underline; }
		

.social_icons { float: right; margin-top: 6px; }

	.social_icons a { display: block; height: 32px; float: left; padding-left: 15px; text-indent: -9999px; width: 31px; }

	.social_icons .su { background: url(images/content_su_icon.gif) no-repeat; }
	
	.social_icons .digg { background: url(images/content_digg_icon.gif) no-repeat; }
	
	.social_icons .del { background: url(images/content_del_icon.gif) no-repeat; }
	
#disqus_thread { clear: both; margin: 2em; }

	/* Facebook */
	.custom .headline_area { margin-bottom: .5em; }
	
/*---:[ sidebar styles ]:---*/

.custom ul.sidebar_list { color: #757474; margin: 0; padding: 0; position: relative; }

.custom li.widget { background: #EFEFEF url(images/sidebar_widget.gif) repeat-x; margin-bottom: 0; }

.custom #sidebars p, .custom #sidebars li ul { padding: 0 1em 0 1.5em; }

.custom #sidebars form { padding-right: 1em; }


#newsletter { background: #353535 url(images/sidebar_newsletter.gif) repeat-x; height: 370px; max-width: 18.4em; position: relative; width: 19.6em; }

	#newsletter h3 { background: url(images/newsletter-h3.png) no-repeat; height: 56px; left: 20px; position: relative; text-indent: -9999px; top: 20px; width: 224px; }
	
	#newsletter img { float: left; margin:0 15px 0 10px; }
	
	.custom #sidebars #newsletter p { color: #fff; padding-top: 20px; font-weight: bold; font-size: 14px; }

	#newsletter form { left: 20px; position: absolute; top: 18em; }

	#newsletter input { background: url(images/sidebar_newsletter_input.gif) repeat-x; border: 0; margin-bottom: 8px; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	
	#newsletter #submit { background: url(images/sidebar_newsletter_submit.gif) center no-repeat; height: 31px; width: 103px; cursor: pointer; }
	
	#newsletter span { color: #adacac; float: right; font-size: 11px; margin-right: 15px; width: 75px; }
	
		#newsletter span a { color: #adacac; text-decoration: underline; }
		
			#newsletter span a:hover { text-decoration: none; }
	
	
#popular-posts li, #related li { background: url(images/sidebar_li.gif) repeat-x bottom; color: #3a3a3a; font-size: 11px; height: 70px; height: auto !important; min-height: 70px; padding: 5px 0; text-transform: uppercase; }

#popular-posts a, #related a { font-size: 13px; text-transform: none; }

#popular-posts img, #related img { border: 2px solid #373737; float: left; margin-right: 10px; }

.widget_links li { background: url(images/sidebar_li.gif) repeat-x bottom; font-size: 12px; padding-bottom: 8px; }

.widget_links a { background: url(images/sidebar_resources_li.gif) no-repeat 0 50%; padding-left: 1.8em; }

#search { margin-top: 1.5em; }

	#search input { background: #fff; border: 1px solid #dad9d9; padding: 10px; }
	
#related { float: left; padding: 2em; width: 40%; }

	#related h3 { color: #488BBF; font-size: 1.8em; }

	#related ul { list-style: none; }
	
		#related li { padding: 1em 0 0; }
		
		#related a:hover { text-decoration: underline; }
		
#subscription, #report {
	background: #f0903a url(images/infobox_rss.png) repeat-x;
	-moz-border-radius: 6px;
	margin: 2em;
	float: right;
	width: 40%;
	padding: 2em;
	-webkit-border-radius: 6px;
}

#report { background: #5da0ce url(images/report_bg.jpg) no-repeat bottom; margin-top: 0; }

#subscription form { margin-top: 1em; }

#subscription input { border: 0; padding: 9px; -webkit-border-radius:  5px; -moz-border-radius: 5px; }
		
		#subscription .info-email { background: #AB651E; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
		
	#subscription #submit { background: url(images/box_submit.png) center no-repeat; height: 31px; width: 44px; cursor: pointer; }

#subscription h3 {
	background: url(images/infobox-h3.png) no-repeat;
	height: 57px;
	text-indent: -9999px;
	width: 295px;
}

#subscription p { margin-top: 1em; font-size: 13px; color: #FFF; }

#subscription li { margin-top: 1em; margin-left: 2em; list-style: square; }

#subscription a { color: #FFF; font-size: 13px; }

	#subscription a:hover { text-decoration: underline
	; }
	
	#report h3 { background: url(images/report_h3.png) no-repeat; display: block; text-indent: -9999px; height: 52px; width: 278px; margin-bottom: .5em; }
	#report h4 { background: url(images/report_h4.png) no-repeat; display: inline-block; text-indent: -9999px; height: 30px; width: 167px; margin-top: .1em; }
	#report img {  float: left; margin-right: 10px; }
	#report input { border: 0; padding: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #175c8f; color: #fff; margin-top: 7px; }
	#report #submit { background: url(images/box_subscribe.png) no-repeat;; height: 33px; width: 103px; cursor: pointer; -webkit-border-radius: 0; padding: 0; }
	
/*---:[ custom page styles ]:---*/

.contact #content ul { margin-left: 0; }

.contact h4 { clear: both; }

.contact .fb_share_large { display: none !important; }

.contact #content ul, .contact #content ol, .contact #content h4 { padding-right: 2em; }

.contact li, .contact h4 { margin-bottom: 10px; }

.custom h4 { color: #3F7AB5; font-size: 17px; font-weight: normal; }

.contact #contact { list-style-type: none; }

.contact .box { float: left; width: 44.7%; }

li.email { background: url(images/contact_email.gif) no-repeat 0 50%; padding: 3px 0 3px 2.5em; }

li.phone { background: url(images/contact_phone.gif) no-repeat 0 50%; padding: 3px 0 3px 2.5em; }
	
li.twitter { background: url(images/contact_twitter.gif) no-repeat 0 50%; padding: 3px 0 3px 2.5em; }

li.facebook { background: url(images/contact_facebook.gif) no-repeat 0 50%; padding: 3px 0 3px 2.5em; }

.linkedin a { background: url(images/contact_linkedin.gif) no-repeat 0 50%; padding: 4px 0 4px 2.5em; }

.contact #content input, .contact #content textarea { background: #FFF url(images/blueGrad.gif) repeat-x; border: 1px solid #74b3ce; color: #29708f; padding: 10px; }

#content #sendmsg input { background: url(images/contact_submit.gif) repeat-x; border: 2px solid #2b6096; color: #FFF; -moz-border-radius: 5px; padding: 8px; -webkit-border-radius: 5px; width: 75px; }

.about .hlight { color: #888; font-size: 15px; font-style: italic; }

.about h1 { background: url(images/about-heading.png) no-repeat; height: 49px; margin-top: 7px; text-indent: -9999px; width: 483px; }

.newsletter h1 { background: url(images/newsletter_h1.png) no-repeat; height: 58px; margin-top: 3px; text-indent: -9999px; width: 452px; }

.newsletter #content input { background: url(images/sidebar_newsletter_input.gif) repeat-x; border: 1px solid #999; margin-bottom: 0.7em; -moz-border-radius: 5px; padding: 0.6em; -webkit-border-radius: 5px; width: 300px; }

.newsletter #content input.button { background: url(images/sidebar_newsletter_submit.gif) no-repeat; border: 0; height: 32px; width: 100px; cursor: pointer; }

.twitter h1 { background: url(images/twitter-h1.png) no-repeat; height: 54px; margin-top: 5px; text-indent: -9999px; width: 429px; }

.congrats h1 { background: url(images/congrats-h1.png) no-repeat; height: 69px; margin-top: -2px; text-indent: -9999px; width: 393px; }

/*--- :[ footer elements ]: ---*/

.custom #footer { background: url(images/footer.gif) repeat-x; height: 95px; margin: 0; padding: 0 23px; position: relative; }

	#footer a { border: 0; color: #E0E0E0; font-size: 12px; }
	
		#footer a:hover { color: #E0E0E0; text-decoration: underline; }
		
	#footer span { background: url(images/footer_span.png); border: 1px solid #4b4b4b; font-size: 13px; padding: 5px; }

	#footer ul { list-style: none; padding: 8px 0 3em 0; }
	
		#footer li { display: inline; margin-left: 1.5em; }
		
			#footer li a { text-transform: uppercase; }

.f_logo a { background: url(images/footer_logo.gif) no-repeat; display: block; height: 95px; left: 23px; position: absolute; top: 0; width: 350px; }

.f_logo span { display: none; }