/*

Theme Name: ben peters
Theme URI: creativecrawler.com
Description: Ben Peters - See what's on my mind
Author: Ben Peters | CreativeCrawler
Author URI: creativecrawler.com
Version: 1.0

*/


body {
color:#fff;
background-image:url('images/ben_peters_bg.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top left;
background-color:#000;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}


/*General HTML Styles  ______________________________________________________________________________________________________________________________________________*/

* {
margin:0;
padding:0;
}

img {  
border:none;
}

p {
font-size:12px;
line-height:16px;
}


/*WordPress Image defaults ______________________________________________________________________________________________________________________________________________*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*WordPress link defaults ______________________________________________________________________________________________________________________________________________*/
a:link {color:#fff; text-decoration: none;}
a:visited {color:#ddd; text-decoration: none;}
a:active {color:#fff; text-decoration: none;}
a:hover {color:#fff; text-decoration:underline;}
.alignright {float:right; margin:10px 0;}
.alignleft {float:left; margin:10px 0;}
.navigation {font-size:14px; font-weight:bold; margin:0; padding:5px 0;}
.navigation a {color:#ff0;}
.navigation a:hover {text-decoration:underline;}


/*  Main Divs  ______________________________________________________________________________________________________________________________________________*/


#main {
position:absolute;
top:0;
left:0;
width:900px;
}

#tweet_cloud {
position:absolute;
top:20px;
left:20px;
background:url("images/tweet_bubbles.png");
background-repeat:no-repeat;
width:250px;
height:140px;
}

#header {
position:relative;
left:210px;
border-bottom:solid 2px #FFFFFF;
width:750px;
height:250px;
}

#benpeters {
position:relative;
top:71px;
padding-left:50px;
}

#tagline {
position:relative;
left:300px;
width:233px;
top:0;
}

#sharethis {
position:absolute;
left:693px;
width:60px;
top:185px;
}

#search_box {
position:relative;
left:580px;
width:171px;
height:22px;
top:-50px;
background:url("images/search_box.gif");
background-repeat:no-repeat;
}

#post_wrap {
left:260px;
position:relative;
width:650px;
}

#post_block {
display:block;
width:600px;
margin:0;
padding:40px 0 40px 0;
}

#footer {
position:relative;
left:210px;
width:750px;
border-top:solid 2px #FFFFFF;
padding:0 0 150px 0;
}

#DivClear {
clear:both;
height:1px;
}

#tweetWrap {
position:absolute;
left:688px;
top:10px;
width:71px;
height:30px;
}

#youtubeWrap {
position:absolute;
left:600px;
top:10px;
width:71px;
height:30px;
}

#rssWrap {
position:absolute;
left:555px;
top:12px;
width:25px;
height:25px;
}

/*  Tweet Styles  ______________________________________________________________________________________________________________________________________________*/

#tweet_cloud ul {
color:#333;
font-size:12px;
width:170px;
height:70px;
padding:15px 20px 20px 10px;
text-align:center;
}

#tweet_cloud li {
color:#22977B;
font-size:12px;
text-decoration:none;
list-style:none;
}

#tweet_cloud li a {
color:#22977B;
font-size:12px;
text-decoration:underline;
}

#tweet_cloud li a:hover {
text-decoration:none;
}



/*  Search Styles  ______________________________________________________________________________________________________________________________________________*/

input {
padding:4px 0 0 6px;
background:none;
border:none;
width:140px;
height:18px;
text-align:left;
vertical-align:middle;
color:#FFF;
}

input.search-go {
width:20px;
height:20px;
position:relative;
left:145px;
top:-20px;
}


/*  Post Styles  ______________________________________________________________________________________________________________________________________________*/


#post_block h1 {
font-size:36px;
line-height:36px;
font-weight:bold;
letter-spacing:-1.5px;
}

#post_block h2 {
padding:30px 0 0 0;
margin:0;
font-size:18px;
font-weight:bold;
clear:both;
}

#post_block h3 {
font-size:14px;
font-weight:bold;
margin-top:20px;
}

#post_block h4 {
font-size:12px;
font-weight:bold;
padding:30px 0 0 0;
margin:0;
}

#post_block p {
padding:15px 0 0 0;
font-size:14px;
font-weight:normal;
line-height:16px;
}

#post_block p a {
font-weight:bold;
color:#FF0;
}

#post_block ul {
padding:0px 40px;
font-size:14px;
}

#post_block li {
padding:10px 0px;
}

#post_block li a {
color:#FF0;
font-weight:bold;
}

p.postmetadata {
padding:5px 0 0 0;
clear:both;
}

#post_block small {
font-size:11px;
}

.entry {
clear:right;
}

#moretext {
font-size:12px;
color:#FF0;
font-weight:bold;
}

#moretext a {
color:#ff0;
}

#moretext a:hover {
text-decoration:underline;
}

#post_block object {
padding:30px 0;
}


/* Comment Styles ---------------------------------------------------   */

#WrapComments {
	width:600px;
	clear:left;
	padding-top:20px;
}

.commentlist ul ol {
margin:0;
font-size:12px;
}

.commentlist li {
margin:0 20px
}

.commentlist {
font-size:12px;
color:#FFF;
}


#respond {
	width:600px;
	clear:left;
	padding-top:40px;
}


#respond p {
	padding:0 20px;
}

#respond h3 {
	padding:0 20px;
}

#comments {
background-color:#FFF;
color:#000;
padding:5px;
text-align:center;
margin-top:20px;
}

cite {
	font-size:12px;
	color:#FFF;
}

.commentlist label {
background-color:#FFF;
}


/*  Footer DIVs  ______________________________________________________________________________________________________________________________________________*/

#footer_links {
float:left;
width:100px;
margin:20px 10px 10px 10px;
}

#footer_posts {
float:left;
width:400px;
margin:20px 0 10px 50px;
}


/*  Footer txt ______________________________________________________________________________________________________________________________________________*/

#footer_links ul {
font-size:16px;
font-weight:bold;
color:#22977B;
}

#footer_links li {
font-size:12px;
font-weight:bold;
color:#CCC;
list-style:none;
padding:2px 0;
}

#footer_links li a {
color:#ccc;
text-decoration:none;
}


#footer_links li a:hover {
color:#ff0;
text-decoration:underline;
}

#footer_links h2 {
font-size:12px;
font-weight:bold;
color:#CCC;
list-style:none;
padding:2px 0;
}

#footer_posts ul {
font-size:16px;
font-weight:bold;
color:#22977B;
}

#footer_posts li {
font-size:12px;
font-weight:bold;
color:#CCC;
list-style:none;
padding:2px 0;
}

#footer_posts li a {
color:#ccc;
text-decoration:none;
}


#footer_posts li a:hover {
color:#ff0;
text-decoration:underline;
}

small {
padding-right:5px;
}

#cc_logo {
position:relative;
left:250px;
width:600px;
height:40px;
}


/*  Subpage NAV _________________________________________________________________________________________________________________________________________*/

#portfolio_nav ul {
color:#FFF;
font-weight:bold;
padding:0;
margin:0;
font-size:14px;
}

#portfolio_nav li {
padding:0 20px 0 0;
display: inline;
}

#portfolio_nav a {
text-decoration:none;
color:#FFF;
font-weight:bold;
}

#portfolio_nav a:hover {
text-decoration:underline;
color:#ff0;
}

#post_pad {
height:40px;
}


 
/*  Forms ______________________________________________________________________________________________________________________________________________*/

input, textarea {
margin:0 0 10px 0;
padding:4px;
background:#fff;
color:#333;
}
 
input:focus, textarea:focus {
background-color:#FFFFCC;
}
 
 
.button {
margin:10px 0;
padding:5px;
color:#000;
width:150px;
height:30px;
background-color:#fff;
vertical-align:middle;
border:solid 1px #22977B;
}

form {
margin:0 0 10px 0;
}

#submit {
background:url("images/submit.gif");
background-repeat:no-repeat;
width:95px;
height:35px;
}