/*
Theme Name: DIYSEO
Theme URI: http://www.diyseo.com/
Description: Custom theme for DIYSEO
Version: 1.0
Author: James Hewett (code)
Author URI: http://www.jameshewett.com/
*/

/* ------------------------------------------ */
/* {00} RESETS
/* ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;}
#twitterbox ul {list-style:none;}
#categoriesbox ul {list-style:none;}
#popularbox ul {list-style:none;}

/* ------------------------------------------ */
/* {01} GLOBAL ELEMENTS
/* ------------------------------------------ */
body {margin:0;padding:0;font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#666;background:#fff;}
a {color:#125da6;text-decoration:none;}
a:hover {color: #000;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;line-height:normal;}
acronym {cursor:help;border-bottom:1px dashed #333;}
strong {font-weight:bold;}
em {font-style:italic;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
p {padding: 7px 0;}
#container {width:940px;margin:0 auto;background:url(images/background_rightcol.jpg) right repeat-y;}

/* ------------------------------------------ */
/* {02} HEADER
/* ------------------------------------------ */
#header {height:157px;background:url(images/header_bg.jpg);}
#logo {float:left;display:block;width:276px;height:157px;text-indent:-9999px;background:url(images/header_logo.jpg)}
ul#featuredposts {float:right;width:600px;}
ul#featuredposts li {border:#d2d2d2 1px solid;background:#fffce4;padding:5px;float:left;width:120px;margin:15px 0 15px 10px;line-height:14px;height:108px;overflow:hidden;}
ul#featuredposts a {color:#000;font-size:11px;}
ul#featuredposts a:hover {text-decoration:underline;}

/* ------------------------------------------ */
/* {03} LEFT COLUMN
/* ------------------------------------------ */
#leftcol {float:left;width:640px;margin-right:15px;}
#leftcol h3, #leftcol p, #leftcol ol, #leftcol ul {padding: 7px 0;}
/* POSTS */
.post {margin-top: 15px;padding-bottom:5px;border-bottom:2px #dcdcdc solid;}
.post .alignleft {float: left;}
.post .alignright {float: left;}
.post .aligncenter {display:block; margin-left:auto; margin-right:auto;}
.post h1 {margin-bottom:3px;}
.post h1 a {font-size:24px;color:#000;}
.post blockquote {margin:7px 25px;font-family:georgia,times,serif;font-size:120%;color:#434343;padding:0 10px;background:#e5e5e5;}
.postinfo {float:left;}
.postinfo a {color:#000;font-weight:bold;}
.postinfo a.commentslink {color:#125da6;font-weight:normal;}
.addthis_toolbox {float:right;text-align:right;margin-right:0px;margin-top:-6px;}
/* .addthis_toolbox {float:right;width:300px;margin-top:-6px;} */
.post ul,ol {margin-left:40px;margin-top:5px;margin-bottom:5px;}

.excerpt {margin-top:0;}
.postread {margin:10px 0;text-transform:uppercase;}
.postread a {font-size:24px;font-weight:bold;}
.postcats {font-size:11px;}
.postcats a {color:#000;font-style:italic;}
.social {padding-top:15px;}
.socialline {height:2px;background:#dcdcdc;margin:0;padding:0;}
.social a img {float:left;margin-right:5px;}
.social a img.last {margin:0;}
.emailafriend {margin-top:3px;}
h1#cattitle {font-size:30px;border-bottom:2px #dcdcdc solid;color:#125da6;padding: 20px 0 10px 0;}

/* PAGE NAV */
.wp-pagenavi {text-align:right;margin:10px 0;}
.wp-pagenavi a {margin:3px;padding:1px 2px;text-decoration:none;color:#fff;background:#797979;font-weight:bold;}
.wp-pagenavi a:hover {color:#fff;background:#000;}
.wp-pagenavi a.page {color:#797979;background:none;}
.wp-pagenavi a.page:hover {color:#000000;}
.wp-pagenavi span.current {margin:3px;font-weight: bold;color: #000000;}
.wp-pagenavi span.pages {display:none;}

/* COMMENTS */
h2#comments, #respond h2 {color:#333;font-size:20px;text-transform:uppercase;font-weight:bold;padding: 20px 0 0;}
p.commentinfo {padding-bottom:20px;font-size:12px;}
#respond {font-size:11px;}
#respond .button {background:url(images/sayit.jpg) #003a6f -8px 0;border:none;width:98px;height:29px;text-indent:-9999px;float:left;margin:0 0 20px 0;cursor:pointer;}
ol.commentlist {list-style:none;}
ol.commentlist img.avatar {float:left;margin-right:10px;display:block;}
ol.commentlist img.fbavatar {float:left;margin-right:10px;}
ol.commentlist ul.children img.avatar {margin-left:80px;}
ol.commentlist li {padding: 15px 0;border-bottom: 1px #ccc solid;}
ol.commentlist li ul.children li {padding: 15px 0 0;margin-top:15px;border-bottom:none;border-top: 1px #ccc solid;}
.comment-meta {*margin-top:-20px;color:#333;}
.comment-meta ul.children li {*margin-left:138px;}
a.comment-reply-link {font-style:italic;}
a.url {color:#000;font-weight:bold;}
ol.commentlist p {margin-left: 58px;}
ol.commentlist li ul.children li p {margin-left: 138px;}
ul.children {list-style:none;}


/* ------------------------------------------ */
/* {04} RIGHT COLUMN
/* ------------------------------------------ */
#rightcol {float:right;width:280px;}
#rightcol h3 {font-size:14px;color:#3e3e3e;font-weight:bold;padding:10px 5px 5px;}
#rightcol ul {padding-bottom:10px;}
#rightcol ul li {padding:1px 5px;}
#rightcol ul li a {font-size:14px;color:#3e3e3e;}
#rightcol ul li a:hover {text-decoration:underline;}
#rightcol div {border-bottom:5px #f1efd8 solid;}
/* SIGNUP BOX */
#signupbox {background:#fff9ce url(images/background_signupbox.jpg) left top no-repeat;height:255px;}
#Mail_ActionPage_FormResponse {padding-top:220px;text-align:center;}
#Mail_ActionPage_FormResponse button {background:#a02523 url(images/signup.jpg) no-repeat;width:47px;height:21px;text-indent:-9999px;border:none;}
#Mail_ActionPage_FormResponse input {border:none;border-top:#b4b2b1 2px solid;font-size:11px;color:#444;padding:3px;width:175px;margin-right:5px;}

/* TWITTER BOX */
#twitterbox {background:#ceebff url(images/background_twitter.jpg) bottom right no-repeat;position:relative;}
.followus {color:#000;font-size:24px;margin-top:200px;position:absolute;bottom:10px;left:10px;line-height:26px;}
#twitterbox #twitter_div {border:none;color:#000;padding:5px;margin-bottom:250px;margin-top:-25px;border-top:5px #f1efd8 solid;}
#twitterbox .even {padding:6px;}
#twitterbox .date {display:none;}
#twitterbox .user {font-weight:bold;}

/* SUBSCRIBE BOX */
#subscribebox {background:#ffd1ce url(images/background_rssfeed.jpg) top left no-repeat;height:215px;position:relative;}
.rssfeedicon {position:absolute;top:105px;left:12px;}
#feedburner {position:absolute;top:180px;left:20px;text-align:center;}
#feedburner button {background:#ffd1ce url(images/signup2.jpg) no-repeat;width:47px;height:21px;text-indent:-9999px;border:none;margin-left:5px;}

/* FACEBOOK BOX */
#facebookbox {}
.iframe {width:280px;height:340px;*height:329px;}
.fbavatar {width:200px;}

/* CONNECT WITH US BOX */

#connectbox ul {list-style:none;}

#link-twitter,
#link-crunchbase,
#link-linkedin,
#link-facebook {
	display: inline-block;
	line-height: 16px;
	padding-left: 21px;
	margin-bottom: 7px;
	vertical-align: middle;
}

#link-twitter {background: transparent url(images/icon_twitter_16.png) left center no-repeat;}
#link-facebook {background: transparent url(images/icon_facebook_16.png) left center no-repeat;}
#link-crunchbase {background: transparent url(images/icon_crunchbase_16.png) left center no-repeat;}
#link-linkedin {background: transparent url(images/icon_linkedin_16.png) left center no-repeat;}


/* ------------------------------------------ */
/* {05} FOOTER
/* ------------------------------------------ */
#containerbase {background:url(images/background_base.jpg);height:35px;}
#footer {background:#801914 url(images/footer_bg.jpg);height:71px;color:#dfdfdf;font-weight:bold;}
#footercontainer {width:940px;margin:0 auto;}
#footer a {color:#dfdfdf;font-weight:bold;text-decoration:underline;margin-left:10px;}
#footer .left, #footer .right {padding: 20px;}