/*
Theme Name:The Designed v.2
Version:2.0
Author:Greg Dougherty
Author URI:http://www.thedesigned.com/
*/

/******************** RESET ********************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
a img{border:none}

/******************** GLOBAL ********************/
body{font-size:12px; color:#686868; background:url(images/bg-body.gif) repeat-x #f7f7f7 0 0; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif}

/* Headings */
h1, h2, h3, h4, h5{font-weight:normal; color:#3f3f3f; font-family:Georgia,serif;}
h1{font-size:28px; padding:0 0 10px 0; line-height:35px;}
h1 a{color:#3f3f3f;}
h1 a:hover{color:#d6491b;}
h2{font-size:20px; padding:0 0 5px 0; }
h3{font-size:14px; text-transform:uppercase; padding:0 0 5px 0; letter-spacing:2px;}
h4{font-size:14px; text-transform:uppercase; padding:0 0 10px 0; letter-spacing:2px;}
h5{font-size:20px; font-style:italic; padding:10px 0 5px 0;}

/* Links */
a{color:#d6491b; outline-style:none; text-decoration:none}
a:hover{color:#2281ac}

/* Lists */
ul{list-style-type:disc}
ol{list-style-type:decimal}
li ul, li ol{margin:0}
ul, ol{margin:0}

/* Misc */
img.left{float:left; margin:0 10px 10px 0; padding:4px; border:1px solid #d3d3d3;}
img.right{float:right; margin:0 0 10px 10px; padding:4px; border:1px solid #d3d3d3;}
blockquote{margin:10px; color:#666; font-style:italic}
strong{font-weight:bold; color:#4f4f4f;}
small{font-size:10px;}
em, dfn{font-style:italic}
del{color:#666}
pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}
hr{background:#ccc; color:#ccc; width:100%; height:2px; margin:2em 0; padding:0; border:none}
hr.space1{background:#fff; color:#fff; margin:10px 0 10px 0;}
hr.space2{background:#fff; color:#fff; margin:5px 0 5px 0;}

/* Other Classes */
.clear{clear:both}
.left{float:left}
.right{float:right}
.bottom-5{margin:0 0 5px 0;}
.bottom-10{margin:0 0 10px 0;}

/******************** LAYOUT ********************/
#container{width:960px; display:block; margin:0 auto 0 auto}
#mast{position:relative; height:100px; margin:0 0 30px 0;}
#content-top{background:url(images/bg-content-top.gif) no-repeat 0 0; height:19px; width:960px;}
#content{background:url(images/bg-content.gif) repeat-y 0 0; padding: 11px 0 0 0; float:left;}
#main{width:590px; position:relative; display:inline; float:left; padding:0 22px 20px 38px; margin:0;}
#sidebar{position:relative; float:left; display:inline; width:270px; padding:0 33px 0 7px; margin:0;}
#content-bottom{background:url(images/bg-content-bottom.gif) no-repeat 0 0; height:29px; width:960px;}
#footer{margin:30px 10px 40px 10px; width:940px; float:left; position:relative;}

/******************** MAST HEAD ********************/
/* Top Navigation */
ul#top-nav{position:absolute; top:0px; right:228px; height:30px;}
#top-nav li{display:inline; float:left;}
#top-nav li a{margin:0 0 0 30px; text-transform:uppercase; font-size:10px; color:#f7f7f7; line-height:30px;}
#top-nav li a:hover{text-decoration:underline;}

/* Search */
form#searchform{position:absolute; top:4px; right:10px; height:20px; width:194px;}
input#search-box{background:url(images/bg-search-box.gif) repeat-x 0 0; border:2px solid #E1E1E1; float:left; color:#aeaeae; padding:4px 5px 2px 5px; width:157px; height:12px; font-size:10px; text-transform:uppercase; border:1px solid #ffffff;}
input#search-button{background:url(images/bg-search-button.gif) no-repeat 0 0; float:right; width:25px; height:20px; cursor:pointer; padding:0; margin:0; border:none;}
input:hover#search-button{background-position:0 -20px;}
.no-results{margin:15px 0 30px 0; clear:both;}

/* Logo */
a#logo{background:url(images/bg-logo.gif) no-repeat 0 0; width:253px; height:38px; text-indent:-9999px; position:absolute; top:63px; left:10px;}
a:hover#logo{background-position:0 -38px}
#infinite-line{background-color:#D6491B; height:34px; left:-9970px; margin:0 0 0 -20px; position:absolute; top:64px; width:9999px;}

/* Navigation */
ul#nav{height:34px; position:absolute; top:75px; right:10px;}
#nav li{display:inline; float:left;}
#nav li a{margin:0 0 0 30px; text-indent:-9999px; display:block;}
#nav li.home a{background:url(images/bg-nav.gif) no-repeat 0 0; width:86px; height:34px;}
#nav li.articles a{background:url(images/bg-nav.gif) no-repeat -86px 0; width:108px; height:34px;}
#nav li.twitter a{background:url(images/bg-nav.gif) no-repeat -194px 0; width:96px; height:34px;}
#nav li.feed a{background:url(images/bg-nav.gif) no-repeat -290px 0; width:75px; height:34px;}
#nav li.home a:hover{background-position:0 -34px;}
#nav li.articles a:hover{background-position:-86px -34px;}
#nav li.twitter a:hover{background-position:-194px -34px;}
#nav li.feed a:hover{background-position:-290px -34px;}
#nav li.home-current a{background:url(images/bg-nav.gif) no-repeat 0 -34px; width:86px; height:34px; cursor:default;}
#nav li.articles-current a{background:url(images/bg-nav.gif) no-repeat -86px -34px; width:108px; height:34px; cursor:default;}


/******************** Main ********************/
/* Billboard/Carousel */
#billboard-container{background:url(images/bg-bilboard-background.gif) no-repeat 0 0;  width:570px;  height:200px;  margin:7px 0 30px 0; padding:9px 10px 11px 10px; position:relative;}
#billboard-container-featured{background:url(images/bg-featured.png) no-repeat 0 0; width:68px; height:68px; position:absolute; z-index:9999; left:4px; top:3px;}
#billboard-container a.next{background:url(images/bg-bilboard-next.gif) no-repeat 0 0; width:22px; height:26px; position:absolute; top:160px; right:-13px; text-indent:-9999px; cursor:pointer;}
#billboard-container a:hover.next{background-position:0 -26px;}
#billboard-container a.prev{background:url(images/bg-bilboard-previous.gif) no-repeat 0 0; width:22px; height:26px; position:absolute; top:160px; left:-13px; text-indent:-9999px; cursor:pointer;}
#billboard-container a:hover.prev{background-position:0 -26px;}
.carousel {position: relative; visibility: hidden; left: -5000px;}
.carousel img{height:200px; width:570px;}
.post img.bilboard-image {padding:0 0 20px 0; width:590px; height:220px;}
#single-billboard{background:url(images/bg-bilboard-background.gif) no-repeat 0 0;  width:570px;  height:200px;  margin:0 0 15px 0; padding:9px 10px 11px 10px;}
#single-billboard img{height:200px; width:570px;}

/* Badge */
p.badge{padding:0 0 7px 0; border-bottom:1px solid #d3d3d3; margin:0 0 20px 0;}
p.badge-recent{background:url(images/bg-badge.gif) no-repeat 0 0; height:15px; text-indent:-9999px; padding:0 0 7px 0; border-bottom:1px solid #d3d3d3; margin:0 0 20px 0;}

/* Post */
.post{position:relative; border-bottom:1px solid #d3d3d3; padding:0 0 20px 0; margin:25px 0 15px 0; float:left;}
.thumb-background{background:url(images/bg-thumb-background.gif) no-repeat 0 0;float:left; height:166px; padding:7px 10px 0 8px; width:166px;}
.post p.meta{font-family:georgia, serif; font-style:italic; color:#727272; font-size:11px; margin:0 0 10px 0;}
.post p.meta a{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; color:#aaaaaa; border-bottom:1px solid #d0d0d0; padding:0 0 2px 0; margin:0 2px 0 2px; font-style:normal;}
.post p.meta a:hover{color:#d6491b;}
.excerpt{float:left; width:406px; padding:0 0 10px 0; position:relative;}
.excerpt p.writtenby{font-family:georgia, serif; font-style:italic; color:#727272; font-size:11px; margin:20px 0 0 0;}
.post p.writtenby a{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; color:#aaaaaa; padding:0 0 2px 0; margin:0 2px 0 2px; font-style:normal;}
.post p.writtenby a:hover{color:#d6491b;}
.post a.readmore{background:url(images/bg-readmore.gif) no-repeat 0 0; width:98px; height:26px; text-indent:-9999px; position:absolute; bottom:4px; right:0;}
.post a:hover.readmore{background-position:0 -26px;}
.post p{margin:0 0 30px 0;}
.post ul, .post ol{padding:0 0 0 45px;}
.post p a img{max-width:570px; padding:9px; border:1px solid #d3d3d3; margin:0 0 7px 0;}
.post p img{max-width:570px; padding:9px; border:1px solid #d3d3d3; margin:10px 0 7px 0;}

/* Breadcrumbs */
#breadcrumbs{text-transform:uppercase; padding:0 0 5px 0; border-bottom:1px solid #d3d3d3; margin:0 0 20px 0; font-size:10px; color:#bbb9b9;}
#breadcrumbs a{color:#595959;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a.articles{background:url(images/bg-breadcrumbs.gif) no-repeat right center; padding:0 15px 0 0; margin:0 10px 0 10px;}

/* Social */
a#social-retweet{background:url(images/bg-top-post-social.gif) no-repeat 0 0; display:block; float:left; width:295px; height:30px; text-indent:-9999px; margin:0 0 20px 0;}
a:hover#social-retweet{background-position:0 -30px}
a#social-rss{background:url(images/bg-top-post-social.gif) no-repeat -295px 0; display:block; float:left; width:295px; height:30px; text-indent:-9999px; margin:0 0 20px 0;}
a:hover#social-rss{background-position:-295px -30px}

/* Author Section */
#author-description{padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #d3d3d3;}
#author-description p.title{background-color:#f7f7f7; font-size:10px; text-transform:uppercase; color:#434343; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:5px 0 5px 10px; margin:0 0 20px 0;}
#author-description-body p.byline a{color:#434343; padding:0 0 5px 0; display:block; font-size:14px; font-weight:bold;}
#author-description-body p.byline a:hover{text-decoration:underline;}
#author-description-body img{position:absolute; top:0; left:10px; padding:0 20px 0 0; margin:0;}
#author-description-body{padding:0 10px 0 85px; position:relative;}

/* Share */
#share{background:url(images/bg-share.gif) #f7f7f7 no-repeat 15px 20px; position:relative; border:1px solid #d3d3d3; height:100px; margin:0 0 30px 0;}
#share p {position:absolute; top:50px; left:15px;}
#share p a.delicious{background:url(images/bg-bookmarks.gif) no-repeat 0 0px; height:39px; padding:0 0 0 40px; color:#686868; display:block; float:left; line-height:40px;}
#share p a.stumble{background:url(images/bg-bookmarks.gif) no-repeat 0 -37px; height:39px; padding:0 0 0 40px; margin:0 0 0 10px; color:#686868; display:block; float:left; line-height:40px;}
#share p a.float{background:url(images/bg-bookmarks.gif) no-repeat 0 -74px; height:39px; padding:0 0 0 40px; margin:0 0 0 15px; color:#686868; display:block; float:left; line-height:40px;}
#share p a.delicious:hover, #share p a.stumble:hover, #share p a.float:hover{text-decoration:underline;}
#submit-digg{position:absolute; top:10px; right:20px; padding:0; margin:0;}
#retweet{background:#FFFFFF none repeat scroll 0 0; border:1px solid #e7e7e7; height:70px; padding:10px 5px 0; position:absolute; right:90px; top:10px;}

/* Comments */
#comments{padding:0 0 20px 0; float:left; width:590px; margin:20px 0 0 0;}
p.comment-badge{padding:0 0 10px 0; border-bottom:1px solid #d3d3d3; margin:25px 0 15px 0; text-transform: uppercase;}
ul.commentlist{margin:0 0 20px 0; float:left}
.commentlist li{display:block; padding:10px 0 10px 0; float:left; border-bottom:1px solid #E1E1E1; position:relative;}
.avatar{margin:0 10px 0 0; float:left;}
.commentlist p{margin:0 0 0 20px;}
.comment-name-date{float:left; width:100px; padding:0 0 0 30px; color:#3f3f3f;}
.comment-name-date a{color:#3f3f3f;}
.comment-name-date a:hover{text-decoration:underline;}
.comment-name-date img{position:absolute; top:10px; left:0;}
.comment-name-date small{color:#999999;}
.commentbody{float:left; width:460px;}
.author-comment{background:#000000;}

#formleft{float:left; width:320px; margin:0 20px 0 0; display:block}
#formright{float:left; width:250px;}
.commentfeed{float:left; margin:20px 0 0 0;}
#commentform label{display:block; padding:0 0 2px 0; font-size:10px;}
#author, #email, #url{background:url(images/bg-commentinput.gif) no-repeat 0 0; color:#686868; border:1px solid #e7e7e7; padding:5px 5px 1px 5px; width:308px; height:17px; font-size:12px; margin:0 0 10px 0;}
textarea#comment{background:url(images/bg-commenttextarea.gif) no-repeat 0 0; color:#686868; border:1px solid #e7e7e7; padding:10px; width:298px; font-size:14px; margin:0 0 10px 0; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; height:103px;}
input#submit{background:url(images/comment-submit.gif) no-repeat 0 0; padding:0; float:right; width:53px; height:24px; cursor:pointer; border:none;}
input:hover#submit{background-position:0 -24px;}

/* Page Navigation */
.wp-pagenavi {border-top:1px solid #d3d3d3; line-height: 25px; padding:10px 0 0 0; text-align:right; margin:15px 0 0 0;}
.wp-pagenavi a {color:#4f4f4f; margin: 0 5px 0 5px;}
.wp-pagenavi a:hover {color:#a7a7a7;}
.wp-pagenavi span.current {color:#4f4f4f; border-bottom:2px solid #a7a7a7; font-size:13px; font-weight: bold; margin: 0 5px 0 5px; padding: 0 0 3px 0;}
.wp-pagenavi span.extend {margin: 2px 4px 2px 4px;}

/* Articles */
#articles{float:left; width:590px; border-bottom:1px solid #d3d3d3; padding:0 0 20px 0; margin:15px 0 15px 0;}
#catauthor{float:right; width:190px; padding:0 0 25px 30px; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; margin:0 0 10px 0;}
ul#categories{margin:0;}
ul#categories li{list-style-type:none;}
ul#categories li a{color:#686868;}
ul#categories li a:hover{color:#d6491b;}
ul.article-date{margin:0 0 15px 0; width:340px;}
ul.article-date li{list-style-type:none; margin:2px 0 2px 10px;}
ul.article-date li a{color:#686868;}
ul.article-date li a:hover{color:#d6491b;}
a.link{color:#686868;}
a:hover.link{color:#2281ac;}
ul#authorlist li{list-style-type:none;}
ul#authorlist li a{color:#686868;}
ul#authorlist li a:hover{color:#d6491b;}

/******************** SIDEBAR ********************/
.sidebarmargin{margin:0 10px 0 10px;}
p.sidebar-badge{padding:0 0 10px 0; border-bottom:1px solid #d3d3d3; margin:0 0 20px 0; text-transform: uppercase; margin:25px 0 0 10px;}
.submitcss{margin:0 10px 30px 10px; float: left;}
p.sidebar-dotcom-badge{padding:0 0 10px 0; border-bottom:1px solid #d3d3d3; margin:30px 0 20px 0; text-transform: uppercase; margin:25px 0 0 10px;}
ul#recentcomments{margin:0 0 30px 10px; list-style-type: none;}
#recentcomments li{padding: 5px 0 5px 0; border-bottom:1px solid #eeeeee;}
#recentcomments li a{color:#999999;}
#recentcomments li a:hover{text-decoration: underline;}
ul#popular{margin:10px 0 30px 10px; list-style-type: none;}
#popular li{padding: 5px 0 5px 0; border-bottom:1px solid #eeeeee;}
#popular li a{color:#686868;}
#popular li a:hover{color:#d6491b}

ul#dotcomfriends{margin:10px 0 30px 10px; list-style-type: none;}
#dotcomfriends li{padding: 8px 0 3px 0; border-bottom:1px solid #eeeeee;}
#dotcomfriends li img{margin:0 10px 0 0;}
#dotcomfriends li a{color:#686868; vertical-align:top;}
#dotcomfriends li a:hover{color:#d6491b}

/******************** FOOTER ********************/
#footer p{color:#a4a4a4; font-size:10px}
#footer p a.gregory{background:url(images/bg-gregdougherty.gif) no-repeat 0 0; width:252px; height:17px; text-indent:-9999px; position:absolute; top:50px; right:0;}
#footer p a:hover.gregory{background-position:0 -17px}

/* Bottom Navigation */
ul#bottom-nav{display:block; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #d3d3d3; height:20px;}
#bottom-nav li{display:inline; float:left;}
#bottom-nav li a{margin:0 30px 0 0; text-transform:uppercase; font-size:10px; color:#4f4f4f;}
#bottom-nav li a:hover{color:#d6491b}