/*  
Theme Name: Social He(art)
Description: Theme design for Social He(art)
Version: 1.0
Author: Greg Althoff
Author URI: http://www.blkmtnstudio.com/
Designer: Brandi Stanley
Designer URI: http://www.thewindowroom.com/
*/

* {margin:0;padding:0;border:none;list-style:none;}

body {background:#330000 url(images/sh-body.png) 50% 0 no-repeat;font:13px/16.5px Helvetica, Tahoma, Arial, sans-serif;color:#c6394f;text-align:center;}

/*** Library ***/
p, h1, h2, h3, ul, ol {margin-bottom:20px;}
.fl {float:left;}
.fr {float:right;text-align:right;}
a:link, a:visited, a:hover, a:active {text-decoration:none;}
.clear {clear:both;text-indent:-9999px;}

a:link {color:#8c142a;}
a:visited, a:hover, a:active {color:#c6394f;}

/*** Layout ***/
#wrapper {width:860px;margin:0 auto;text-align:left;}
#header {height:309px;}
#main {clear:both;}
#content {width:320px;float:left;margin-right:20px;}

#sidebar {width:460px;float:right;}

#footer {clear:both;}
.sidebar-left {width:175px;float:left;margin-right:20px;}
.sidebar-right {width:265px;float:right;}
.sidebar-right-left {width:125px;float:left;margin-right:15px;}
.sidebar-right-right {width:125px;float:right;}

/*** Header **/
#header {position:relative;}

#header h1 {text-indent:-9999px;height:50px;width:228px;position:absolute;top:65px;left:0;}
#header h1 a:link, #header h1 a:visited {display:block;background:url(images/sh-header-h1.png) 0 0 no-repeat;height:50px;width:228px;}
#header h1:hover {cursor:pointer;}

#header form {position:absolute;left:0;top:0;}
#header form input#s {width:150px;height:26px;background:#c6394f;color:#330000;font-size:13px;text-transform:uppercase;padding:9px 0 0 10px;font-family:Helvetica, Tahoma, Arial, sans-serif;position:absolute;left:620px;top:73px;}
#header form input#searchsubmit {width:70px;height:35px;background:url(images/sh-header-searchsubmit.png) 0 0 no-repeat;position:absolute;left:790px;top:73px;}
#header form input#searchsubmit:hover {cursor:pointer;}

.rss {position:absolute;left:620px;top:132px;width:240px;height:50px;}
.rss img {float:left;}
.rss img:hover {cursor:pointer;}
.rss h3 {text-transform:uppercase;position:absolute;left:33px;top:0;font-size:12px;line-height:12px;}
.rss h3 a:link {color:#c6394f;}
.rss h3 a:hover, .rss h3 a:active {color:#8c142a;}
.rss p {position:absolute;left:33px;top:13px;font-size:9px;line-height:10px;color:#8c142a;text-transform:uppercase;}

.nav ul {height:63px;width:595px;position:absolute;left:0;top:154px;}
.nav ul li {float:left;}

li.nav1 {width:160px;height:62px;}
li.nav2 {width:160px;height:62px;}
li.nav3 {width:160px;height:62px;}
li.nav4 {width:115px;height:62px;}

li.nav1 a:link, li.nav1 a:visited {display:block;width:160px;height:62px;background:url(images/sh-nav.png) 0 0 no-repeat;text-indent:-9999px;}
li.nav2 a:link, li.nav2 a:visited {display:block;width:160px;height:62px;background:url(images/sh-nav.png) -160px 0 no-repeat;text-indent:-9999px;}
li.nav3 a:link, li.nav3 a:visited {display:block;width:160px;height:62px;background:url(images/sh-nav.png) -320px 0 no-repeat;text-indent:-9999px;}
li.nav4 a:link, li.nav4 a:visited {display:block;width:115px;height:62px;background:url(images/sh-nav.png) -480px 0 no-repeat;text-indent:-9999px;}

li.nav1 a:hover, li.nav1 a:active, li.nav1 a.current:link, li.nav1 a.current:visited {background:url(images/sh-nav.png) 0 -62px no-repeat;}
li.nav2 a:hover, li.nav2 a:active, li.nav2 a.current:link, li.nav2 a.current:visited {background:url(images/sh-nav.png) -160px -62px no-repeat;}
li.nav3 a:hover, li.nav3 a:active, li.nav3 a.current:link, li.nav3 a.current:visited {background:url(images/sh-nav.png) -320px -62px no-repeat;}
li.nav4 a:hover, li.nav4 a:active, li.nav4 a.current:link, li.nav4 a.current:visited {background:url(images/sh-nav.png) -480px -62px no-repeat;}

/*** Content ***/

.post {margin-bottom:70px;}

.author-img {float:left;width:70px;margin-right:10px;} /* Leaves 10px padding between image and text */
.post-title {float:left;width:240px;}
.post-content {clear:both;padding-top:20px;line-height:19px;}

p.date {margin:0 0 7px 0;color:#5cbdbd;font-size:11px;line-height:14px;text-transform:uppercase;}
.post-title h1, .post h2 {margin:0 0 7px 0;color:#ffcc99;text-transform:uppercase;font-size:17px;font-weight:bold;}
p.custom {margin:0;color:#8c142a;font-size:11px;line-height:14px;text-transform:uppercase;}

p.date a:link {color:#c6394f;}
p.date a:visited, p.date a:hover, p.date a:active {color:#8c142a;}
.post-title h1 a:link {color:#ffcc99;}
.post-title h1 a:visited, .post-title h1 a:hover, .post-title h1 a:active {color:#f2f0be;}

.post-custom {text-transform:uppercase;font-size:12px;line-height:16px;margin:0;}
.post-custom .value {color:#ffcc99;}
.post-custom a:link {color:#ffcc99;}
.post-custom a:visited, .post-custom a:hover, .post-custom a:active {color:#f2f0be;}

.readmore {text-transform:uppercase;font-size:11px;font-weight:bold;margin:0;line-height:14px;}
.readmore a:link {color:#5cbdbd;}
.readmore a:visited, .readmore a:hover, .readmore a:active {color:#9cf0f0;}

a.more-link:link {display:block;text-transform:uppercase;font-size:12px;font-weight:bold;margin:0;line-height:14px;color:#5cbdbd;}
a.more-link:visited, a.more-link:hover, a.more-link:active {color:#9cf0f0;}

.tags {text-transform:uppercase;font-size:11px;line-height:14px;}

.navigation {text-transform:uppercase;font-size:12px;padding-bottom:40px;}
.navigation img {position:relative;top:6px;}

.navigation span.older a {padding:4px 0 0 27px;background:url(images/sh-entries-old.png) 0 0 no-repeat;display:block;height:18px;float:left;width:120px;}
.navigation span.older a:hover {background:url(images/sh-entries-old-o.png) 0 0 no-repeat;}
.navigation span.newer a {padding:4px 27px 0 0;background:url(images/sh-entries-new.png) 100% 0 no-repeat;display:block;height:18px;float:right;width:120px;text-align:right;}
.navigation span.newer a:hover {background:url(images/sh-entries-new-o.png) 100% 0 no-repeat;}

h3#comments {color:#ffcc99;margin-top:45px;text-transform:uppercase;}
h3#comments .comm {font-size:12px;text-transform:capitalize;color:#8c142a;}
h3#comments .comm a:link {color:#8c142a;}
h3#comments .comm a:visited, h3#comments .comm a:hover, h3#comments .comm a:active {color:#c6394f;}

.comment-meta a:link {color:#8c142a;}
.comment-meta a:visited , .comment-meta a:hover, .comment-meta a:active {color:#c6394f;}
span.by {font-weight:bold;text-transform:uppercase;}
span.authname {color:#ffcc99;}
a.comment-date:link, a.comment-date:visited {color:#5cbdbd;text-transform:uppercase;font-size:11px;line-height:11px;}

div#respond input#author, div#respond input#email, div#respond input#url {width:221px;height:24px;background:#cc9966;display:block;font-family:Helvetica, Tahoma, Arial, sans-serif;color:#330000;font-size:12px;padding:10px 0 0 10px;}
#respond label {color:#8c142a;font-size:11px;}
#respond label strong {color:#c6394f;text-transform:uppercase;}
div#respond input#submit {width:141px;height:35px;background:url(images/sh-submit-comment.png) 0 0 no-repeat;}
div#respond input#submit:hover {cursor:pointer;}

div#respond textarea {width:321px;height:121px;background:#cc9966;font-family:Helvetica, Tahoma, Arial, sans-serif;font-size:12px;line-height:15px;padding:10px 10px 0 10px;color:#330000;}

/*** Sidebar ***/
#sidebar h3, #sidebar h2 {color:#ffcc99;font-size:11px;line-height:14px;text-transform:uppercase;font-weight:normal;margin-bottom:10px;}
#sidebar ul li {text-transform:uppercase;font-size:11px;line-height:15px;text-transform:uppercase;}
#sidebar ul li a:link, #sidebar ul li a:visited {text-transform:uppercase;}
#sidebar ul li a:hover {color:#c6394f;}

.box {padding-bottom:10px;}

html>/**/body .ads125 {position:relative;top:-19px;}
.ads125 li {float:left;height:125px;width:125px;}
.ads125 li.leftad {margin-right:15px; margin-bottom:18px;}

.twitter {clear:both;min-height:182px;background:url(images/sh-twitter.png) 0 10px no-repeat;}
.twitter {margin:21px 0 0px 0;}
.twitter p.follow {padding:30px 0 10px 75px;margin:0;text-transform:uppercase;font-size:10px;line-height:11px;}
.twitter p.tweet {padding:0 0 0 75px;color:#ffcc99;text-transform:uppercase;font-size:11px;line-height:15px;}

.twitter p.follow a:link {color:#c6394f;}
.twiiter p.follow a:visited, .twitter p.follow a:hover, .twiiter p.follow a:active {color:#8c142a;}


/*** Footer ***/
#footer {background:#ffcc99;text-align:center;padding:0 0 76px 0;}
.footer-content {margin:0 auto;width:860px;text-align:left;padding:46px 0 0 0;color:#8c142a;font-size:12px;line-height:15px;}

#footer a:link {color:#330000;}
#footer a:visited, #footer a:hover, #footer a:active {color:#6b2020;}

.foot-left {width:200px;float:left;padding:0 180px 0 0;}
.foot-right {width:480px;float:right;}

.foot-left h3 {width:200px;height:44px;background:url(images/sh-footer-title.png) 0 0 no-repeat;text-indent:-9999px;}

.foot-right-left {width:180px;float:left;padding-bottom:117px;background:url(images/sh-foot-right-left.png) 0 100% no-repeat;}
.foot-right-right {width:265px;float:right;position:relative;top:-11px;}

.foot-right-left h3 {font-size:16px;font-weight:bold;text-transform:uppercase;color:#330000;margin-bottom:10px;letter-spacing:0px;}

/* Contact form */
.reqtxt, .emailreqtxt {display:none;}
div#footer input#cf_field_1, div#footer input#cf_field_2, div#footer input#cf_field_3 {width:255px;height:24px;background:#cc9966;display:block;color:#8c142a;font-family:Helvetica, Tahoma, Arial, sans-serif;font-size:12px;padding:0px 0 0 10px;}
html>/**/body div#footer input#cf_field_1, div#footer input#cf_field_2, div#footer input#cf_field_3 {padding:10px 0 0 10px;}

label.cf-group-after {color:#330000;text-transform:uppercase;padding:0 3px;}
html>body label.cf-group-after {padding:0 2px;}
html>/**/body label.cf-group-after {padding:0 5px;}


div#footer textarea#cf_field_4 {width:255px;height:115px;background:#cc9966;display:block;color:#8c142a;font-family:Helvetica, Tahoma, Arial, sans-serif;font-size:12px;line-height:15px;padding:10px 10px 0 10px;}

#footer label {color:#330000;font-size:11px;line-height:26px;}
html>body #footer label {line-height:30px;}
#footer label strong {color:#8c142a;text-transform:uppercase;}
#footer .cf-box-title strong {color:#8c142a;text-transform:uppercase;font-size:11px;line-height:30px;}

.cf-sb {position:relative;top:-9px;clear:both;}
html>/**/body .cf-sb {top:6px;}
div#footer input#sendbutton {display:block;width:141px;height:35px;background:url(images/sh-email-send.png) 0 0 no-repeat;text-indent:-9999px;}
html>/**/body div#footer input#sendbutton:hover {cursor:pointer;}

li#li--5 {width:70px;float:left;}
li#li--5items {width:195px;float:right;text-align:right;}

li#li--5items {position:relative;top:3px;}
html>body li#li--5items {position:static;}

.cf_hidden {display:none;clear:both;}