/*
Theme Name: BrianArtka.com
Theme URI: http://brianartka.com
Description: Hand crafted custom design, from scratch by Brian Artka for Brianartka.com
Version: 1.0
Author: Brian Artka
Author URI: http://brianartka.com
Tags: sutnar
*/



/* Begin Typography & Colors */
body {
	margin:0;
	padding:0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, sans-serif;
	background: #000 url(images/sutnarBG.jpg) top left;
	color: #666;
	text-align: center;
	}

#outerWrapper{background: transparent url(images/topBG.png) top left repeat-x;}
#innerWrapper{background: transparent url(images/bottomBG.png) bottom left repeat-x;}

#wrapper{
background: transparent url(images/wrapperBG.png) top left no-repeat;
width:960px;
margin: 0 auto;
text-align:left;
}


#header{position:relative; height:200px; padding-bottom:30px;}

#logoArea{
position:absolute;
top:25px;
left:0px;
width:273px;
height:110px;
}

#logoArea a img{border:none}

#header #nav{
float:right;
margin:25px 0 0 0;
padding:0;
}

#nav ul{margin:0; padding:0;}
#nav ul li{list-style-type:none;}
#nav ul li a{display:block; width:135px; height:30px; text-indent:-9999px;}

#nav ul li a.about{background: url(images/navSprite.png) 0px 0px no-repeat;}
#nav ul li a.archives{background: url(images/navSprite.png) 0px -30px no-repeat;}
#nav ul li a.contact{background: url(images/navSprite.png) 0px -60px no-repeat;}

#nav ul li a.about:hover{background: url(images/navSprite.png) -135px 0px no-repeat;}
#nav ul li a.archives:hover{background: url(images/navSprite.png) -135px -30px no-repeat;}
#nav ul li a.contact:hover{background: url(images/navSprite.png) -135px -60px no-repeat;}

#contentContainer{float:left; padding:0 0 30px 0;}

#mainContent{width:640px; margin:0; padding:2px 30px 0 0;float:left;}

#sideContent{float:left; width:290px;}

#footerContainer{clear:both; height:325px;padding:50px 0 30px 0; margin:0 0 0 0;}

/* post css */

.post{padding:0 0 20px 0; border-bottom:5px solid #000; margin:0 0 30px 0; position:relative;}

.singlePost .post{margin:0;}

.post h2{margin:0px 0 0px 0; font-size:30px; text-transform:uppercase; font-weight:bold; color:#000;}
.post h2 a{font-size:30px; text-transform:uppercase; font-weight:bold; color:#000; text-decoration:none;}
.post h2 a:hover{}



.post .entry{position:relative;}

.post .entry small{
position: absolute;
font-size:1.4em;
padding:5px;
background-color:#000;
color:#fff;
top:10px;
left:10px;
}

.post .entry .postmetadata{
margin:0;
position: absolute;
font-size:1.4em;
padding:2px 5px 2px 5px;
background-color:#000;
color:#fff;
top:10px;
right:10px;
font-family:Helvetica, Arial, sans-serif;
}

.post .entry .singlepostmetadata{
position:relative;
font-size:1.0em;
padding:0px;
background-color:transparent;
color:#fff;
}

.post a{text-decoration:none; color:#CC3333; }

.post a:hover{text-decoration:none;border-bottom:1px dotted #0e0e0e;}

.post .entry .postmetadata a{text-decoration:none; color:#999;}

.post .posttagdata{
margin:0;
position: absolute;
font-size:1.2em;
padding:5px 5px 0 5px;
background-color:#000;
color:#fff;
bottom:0px;
right:0px;
font-family:Helvetica, Arial, sans-serif;
}

.post .singlepostmetacategory{
margin:0;
position: absolute;
font-size:1.2em;
padding:5px 5px 0 5px;
background-color:#000;
color:#fff;
bottom:0px;
left:0px;
font-family:Helvetica, Arial, sans-serif;
}

p.trackbackRSS{margin:5px 0 20px 0; text-align: right;}

.trackbackRSS a{
margin:0 0px 0 10px;
font-size:11px;
padding:5px 5px 5px 5px;
background-color:#CC3333;
color:#fff;
text-decoration: none;
font-family:Helvetica, Arial, sans-serif;
}

.trackbackRSS a:hover{color#aaa;}


.post .trackbackRSS{text-align: left;}
.post .posttagdata a{text-decoration:none; color:#999;}
.post .posttagdata a:hover{text-decoration:none; color:#999;}

.entry p{font-size:2.0em; color:#0e0e0e; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif;}


#sideConent{margin:0; padding:0;}
#sidebar{width:260px; padding:0px 0 0 30px;}

#sidebar a img{border:none; margin:0; padding:0;}

#sidebar ul{list-style-type:none; margin:0; padding:0;}

#sidebar ul li ul{list-style-type:none; margin:0; padding:0 0 30px 0;}

#sidebar ul li{ text-align:right;}

#sidebar ul li a{font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#0e0e0e; text-transform:uppercase;}

#sidebar ul h4{font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}

#sidebar h2{display:block; width:260px; height:30px; text-indent:-9999px; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:5px solid #000; text-align:left;}

h2#sideConnect{background: url(images/sideConnect.png) top right no-repeat;}
h2#sideWork{background: url(images/sideWork.png) top right no-repeat;}
h2#sideContacts{background: url(images/sideContacts.png) top right no-repeat;}
h2#sideCategories{background: url(images/sideCategories.png) top right no-repeat;}


h2#sideSearch{background: url(images/sideSearch.png) top right no-repeat;}

#socialConnect a{ display:block; height:40px; padding:0 37px 0 0px; line-height:40px; letter-spacing:3px;}

#socialConnect a.twitter{background: transparent url(images/Twitter.png) right 50% no-repeat;}
#socialConnect a.linkedin{background: transparent url(images/Linkedin.png) right 50% no-repeat;}
#socialConnect a.facebook{background: transparent url(images/Facebook.png) right 50% no-repeat;}
#socialConnect a.vimeo{background: transparent url(images/Vimeo.png) right 50% no-repeat;}
#socialConnect a.flickr{background: transparent url(images/Flickr.png) right 50% no-repeat;}
#socialConnect a.delicious{background: transparent url(images/Delicious.png) right 50% no-repeat;}
#socialConnect a.articleRSS{background: transparent url(images/RSSFeed.png) right 50% no-repeat;}

#socialConnect a:hover{background-color:#000; color:#fff;}

#bottomRight{width:260px; padding:30px 0 0 30px; float:right;}
#bottomRight h2{display:block; width:260px; height:30px; text-indent:-9999px; margin:0px 0 30px 0; padding:0 0 5px 0; border-bottom:5px solid #000; text-align:left;}

#bottomCenter{float:left; width:305px; padding:30px 0 0 0;}
#bottomCenter .amzshcs-item{padding:0 0 30px 0;float:left;}
h2#bottomReading{background: url(images/bottomReading.png) top right no-repeat;}
#bottomCenter h2{display:block; width:305px; height:30px; text-indent:-9999px; margin:0 0 0px 0; padding:0 0 5px 0; border-bottom:5px solid #000; text-align:left;}

#bottomCenter p{float:left; width:150px; padding:30px 0 0 0; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.0em; margin:0;}
#bottomCenter p a{color:#000; text-decoration:none; border:0;}
#bottomCenter p a:hover{color:#fff; background-color:#000;}
#bottomCenter p.bookImage{float:left; width:125px; padding:30px 0px 0 30px; margin:0;}
#bottomCenter p.bookImage a img{border:none;}

#bottomLeft h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:3.0em; line-height:45px; color:#FFF; font-weight:bold;}
#bottomLeft{float:left; width:305px; padding:30px 30px 0 0;}

form#searchform{height:30px;}
input#s {height:26px; width:196px; font-size:16px; padding:2px; margin:0; border:none; background-color:#fff;}
input#searchsubmit{background: #000 url(images/goButtonOff.png) no-repeat; width:40px; height:30px; border:none; text-indent:-9999px; margin:0 0 0 10px; cursor:pointer; font-size:0px; text-align:left; padding:0; vertical-align: middle; *vertical-align: text-bottom;}
#searchFormContent{padding:0 0 30px 0; border-bottom:5px solid #000; height:30px;}

#howBuilt{padding:30px 0 0px 0;}

#howBuilt p{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; line-height:18px; padding:0;margin:0;}
#howBuilt p a{text-decoration:none; color:#000; border-bottom:1px dotted #151515;}
#howBuilt p a:hover{text-decoration:none; background-color:#000; color:#fff;}

#metaInfo{clear:both;width:305px; margin:0px 0 0 0;}
#metaInfo p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000; line-height:12px; padding:10px 0 0 0;margin:0; width:305px;}
#metaInfo p a{text-decoration:none; color:#000; border-bottom:1px dotted #151515;}
#metaInfo p a:hover{text-decoration:none; background-color:#000; color:#fff;}

textarea#comment {width:340px;}

.postHeaderBG{background:url(images/postHeaderFull.jpg) top left no-repeat; width:640px; height:50px;margin:20px 0 0 0;}

/*comment styles*/

#comments{font-size:20px; padding:10px 0 10px 0;}

.commentlist{padding:0; margin:30px 0 30px 0; font-size: 18px;}

.commentlist li{margin:0 0 10px 0; padding:10px 0 10px 0; border-top:5px solid #252525;}

.fn a{text-decoration: none; color:#252525;}

.commentlist .comment-author{float:left;}

.commentlist .commentmetadata{float:right;}

.commentlist li div p{clear:both; padding:10px 0 10px 0;}