/*
	Theme Name: Simply Put
	Description: Theme for KeithBrinks.com
	Version: 2.0
	Author: Keith Brinks
	Author URI: http://keithbrinks.com
	Tags: Simple, clean, dark, blue
*/
*										{ margin: 0; padding: 0; }
ol, ul									{ list-style-type: none; }
a:link, a:visited						{ color: #2268bd; text-decoration: none; outline: 0; }
a:hover									{ text-decoration: underline; }


/*
*	Main Layout Structure
*/
body										{ background-color: #0a0a0a; color: #ffffff; font: 12px arial; }
#page-wrap								{ width: 800px; margin: 50px auto; }
#container								{ margin: 20px 0 20px 0; }
#content								{ width: 520px; float: left; margin-right: 20px; }
#sidebar								{ width: 260px; float: right; }


/*
*	Header
*/
#header									{ overflow: hidden; }						
ul#top-nav li								{ float: left; }
ul#top-nav li a							{ display: block; height: 40px; text-indent: -9999px; }
ul#top-nav li a:hover						{ background-position: 0 -40px; }

li.home a									{ width: 250px; background: url(images/nav/logo.png) no-repeat; }
li.page-item-6 a							{ width: 110px; background: url(images/nav/portfolio.png) no-repeat; }
li.page-item-135 a						{ width: 110px; background: url(images/nav/themes.png) no-repeat; }
li.page-item-2 a							{ width: 110px; background: url(images/nav/about.png) no-repeat; }
li.page-item-17 a							{ width: 110px; background: url(images/nav/blog.png) no-repeat; }
li.page-item-15 a						{ width: 110px; background: url(images/nav/contact.png) no-repeat; }
li.current_page_item	a,
li.current_page_parent a					{ background-position: 0 -40px; }


/*
*	Page Intros
*/
.intro									{ display: block; width: 800px; height: 150px; text-indent: -9999px; }
.front									{ background: url(images/intros/intro-bg.png) no-repeat; }
.portfolio								{ background: url(images/intros/portfolio-intro-bg.png) no-repeat; }
.themes									{ background: url(images/intros/themes-intro-bg.png) no-repeat; }
.about									{ background: url(images/intros/about-intro-bg.png) no-repeat; }
.blogintro								{ background: url(images/intros/blog-intro-bg.png) no-repeat; }
.contact								{ background: url(images/intros/contactme-intro-bg.png) no-repeat; }


/*
*	Sidebar
*/
#sidebar h2								{ font: 18px georgia; color: #dddddd; margin-bottom: 5px; padding: 0 5px; letter-spacing: 1px; position: relative; }
#sidebar h2 span							{ font-size: 10px; position: absolute; right: 0; bottom: 2px; }

.sidebar-box							{ background: url(images/sidebar-box-bg.png) no-repeat; padding: 15px; margin-bottom: 10px; }

#twitter								{ color: #c0c0c0; }
.twitter-timestamp						{ display: block; text-align: right; font-size: 10px; color: #808080; }

.recent li, .findme li						{ padding: 4px 0px; }
.recent a								{ color: #606060; background: url(images/bullet-grey.png) no-repeat left center; padding: 4px 5px 4px 20px; }
.recent a:hover							{ color: #909090; }

.findme a								{ color: #606060; font: 12px arial; padding: 4px 5px 4px 25px; }
.findme a:hover							{ color: #909090; text-decoration: underline; }
li.twitter a								{ background: url(images/contact/twitter.png) no-repeat center left; }
li.facebook a								{ background: url(images/contact/facebook.png) no-repeat center left; }
li.youtube a								{ background: url(images/contact/youtube.png) no-repeat center left; }
li.steam a								{ background: url(images/contact/steam.png) no-repeat center left; }


/*
*	Front Page
*/
#services								{ display: block; width: 520px; height: 150px; background: url(images/services-bg.png) no-repeat; position: relative; }
#services ul								{ position: absolute; top: 52px; left: 40px; }
#services li								{ padding: 2px 20px; background: url(images/bullet-white.png) no-repeat left center; font: 12px arial; color: #dddddd; }

#action-buttons a						{ display: block; width: 220px; height: 40px; text-indent: -9999px; }
#action-buttons a:hover					{ background-position: 0 -40px; }
#portfolio-button						{ background: url(images/portfolio-button.png) no-repeat; position: absolute; right: 31px; top: 30px; }
#contact-button							{ background: url(images/contact-button.png) no-repeat; position: absolute; right: 31px; top: 87px; }


/*
*	Portfolio / Client Slide
*/
.client 									{ width: 510px;  height: 250px;  background-color: #f8f8f8; border: solid 5px #202020; overflow: hidden; position: relative; margin-bottom: 20px; }
.client:hover							{ border: solid 5px #004b82; }
.client img 								{ position: absolute; top: 0; left: 0; }
.client-info 							{ float: left; position: absolute; background-color: #000000; height: 250px; width: 180px; padding: 10px; opacity: .9;  }
.caption .client-info					{ right: 530px; top: 0; }
.client-info h3							{ color: #ffffff; font: italic 18px georgia; margin-bottom: 10px; }
.client-info h4							{ font: italic 14px georgia; margin-bottom: 2px; margin-bottom: 2px; }

a.client-link:link,
a.client-link:visited 					{ background-color: #98afc7; padding: 5px 20px; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 10px; }
a.client-link:hover						{ text-decoration: underline; }


/*
*	Blog Specific
*/
.post									{ position: relative; }
.date-box								{ background-color: #202020; width: 50px; color: #808080; text-align: center; padding: 5px 0; font: 16px arial; text-transform: uppercase; position: absolute; top: 0; left: -60px; }
.date-box p								{ margin: 0; font: 20px arial; }
.post-information						{ color: #808080; }
.post img								{ border: 1px solid #202020; padding: 5px; }
.post img:hover							{ border: 1px solid #2268bd; }

li.comment								{ padding: 10px; margin-bottom: 10px; position: relative; }
li.comment ul li							{ margin-top: 10px; }
.even									{ background-color: #101010; }
.odd									{ background-color: #202020; }
.avatar									{ width: 32px; float: left; margin-right: 10px; }
.comment-author							{ font: 18px georgia; display: block; height: 42px; }
.comment-meta							{ font: 10px arial; position: absolute; top: 10px; right: 10px; }
.reply									{ text-align: right; }
#respond textarea							{ width: 500px; height: 100px; padding: 10px; font: 14px georgia; }

.pn-nav									{ color: #808080; }


/*
*	Footer
*/
#footer									{ border-top: 1px solid #202020; padding-top: 20px; color: #404040; text-align: center; font: 12px georgia; text-transform: uppercase; letter-spacing: 1px; }
#footer a:link, #footer a:visited		{ color: #606060; }
#footer a:hover							{ color: #909090; text-decoration: none; }


/*
*	404 Page
*/
#error-not-found						{ background: url(images/404.png) no-repeat center left; height: 120px; padding: 90px 0 0 100px; }


/*
*	Wordpress Generated Classes
*/
.aligncenter							{ display:block; margin:0 auto }
.alignleft								{ float:left }
.alignright								{ float:right }
.wp-caption								{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.post blockquote							{ font: italic 16px georgia; color: #808080; border-left: 2px solid #606060; padding: 10px 0 10px 20px; margin: 10px 0 10px 20px; }
.post blockquote p							{ margin: 0; }
.post ul									{ list-style: disc inside; padding: 10px; }
.post ol									{ list-style: decimal inside; padding: 10px; }

.nocomments								{ font: italic 18px georgia; color: #808080; }

img.wp-smiley							{ border: none; padding: 0; }
img.wp-smiley:hover						{ border: none; }


/*
*	Global Styles
*/
h1										{ font: 24px georgia; color: #808080; margin-bottom: 10px; }
h1 a:link, h1 a:visited					{ color: #dddddd; }
h2										{ font: 18px georgia; color: #dddddd; margin-bottom: 10px; letter-spacing: 1px; }
h3										{ font: 18px georgia; color: #505050; border-bottom: 1px solid #303030; padding-bottom: 5px; margin: 10px 0; }
h4										{ font: bold 16px arial; color: #ffffffl }
p										{ margin-bottom: 15px; }
.clear									{ clear: both; }
.seperator								{ margin: 20px 0; background: url(images/hr.png) no-repeat; height: 20px; text-indent: -9999px; }