/*  
Theme Name: STG Blog
Theme URI: http://www.shirtstastegood.com/blog
Description: Shirts Taste Good wordpress theme.
Version: 1.0
Author: Todd Hamilton
Author URI: http://www.toddham.com/

*/

/* SOME LAYOUT AND GLOBAL STYLES */
/* ---------------------------------------------------------------------------------------------------------- */
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.hidden{display:none;}
.hint{font-size:.7em;color:#666;font-weight:normal;}
.small{font-size:.9em;color:#666;font-weight:normal;}
h1{color:#5e0003;font-size:1.8em;font-weight:bold;}
h2{color:#BB2125;font-weight:bold;}
a{color:#BB2125;}

*{margin: 0;}
html, body {height: 100%;}
body{background:#f5f1e6 url('images/bg.png') left top repeat-x;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -127px auto;width:900px; /* the bottom margin is the negative value of the footer's height */}
#footer, .push {height: 127px; /* .push must be the same height as .footer */}
.fancy_field{border:1px solid #ccc;color:#666;background:#f5f5f5;-moz-border-radius:3px;-webkit-border-radius:3px;}
#coupon_notice{color:#FFFFFF;font-size:0.85em;font-weight:normal;padding:7px 0 0 10px;position:absolute;}
#flash_notice{color:#FFFFFF;font-size:0.85em;font-weight:bold;padding:6px 0 0 10px;position:absolute;}
#mast{height:127px;position:relative;}
#logo{float:left;position:relative;top:38px;z-index:998;}
#main{width:780px;background:#fff;border:1px solid #dcccc7;border-top:none;padding:30px 20px 20px 20px;margin:0 auto;overflow:hidden;}


/* MAST CART AND SOCIAL STYLES */
/* ---------------------------------------------------------------------------------------------------------- */
.top_social{display:block;float:right;margin:12px 5px 0 0;}
.top_social a{float:left;display:block;width:32px;height:32px;}
.top_social a.rss{background:transparent url('images/rss.png') left top no-repeat;}
.top_social a.twitter{background:transparent url('images/twitter.png') left top no-repeat;}
.top_social a.facebook{background:transparent url('images/facebook.png') left top no-repeat;}
.top_social a.flickr{background:transparent url('images/flickr.png') left top no-repeat;}
.top_social a.lastfm{background:transparent url('images/lastfm.png') left top no-repeat;}
.top_social a.myspace{background:transparent url('images/myspace.png') left top no-repeat;}
#mast_cart{float:right;color:#fff;font-size:.8em;font-weight:bold;margin-top:13px;text-shadow: #000 1px 1px 1px;}
#mast_cart a{text-decoration:none;margin-left:10px;display:block;color:#fff;float:left}
#mast_cart a:hover{color:#c01f27;}
#mast_cart .lft{height:27px;line-height:27px;display:block;float:left;background:transparent url('images/mast_cart.png') left top no-repeat;padding-left:40px;}
#mast_cart .rt{width:15px;height:27px;display:block;float:left;background:transparent url('images/mast_cart.png') right top no-repeat;}
#mast_cart .lft span{color:#c01f27;}


/* NAVIGATION */
/* ---------------------------------------------------------------------------------------------------------- */
#navigation{list-style:none;position:absolute;bottom:0;right:53px;}
#navigation li{float:left;list-style:none;margin-right:-15px;}
#navigation li a{position:relative;z-index:500;display:block;width:144px;height:33px;text-align:center;line-height:33px;text-transform:uppercase;background:transparent url('images/nav.png') left top no-repeat;color:#bb2125;text-decoration:none;font-size:.8em;font-weight:bold;}
#navigation li a:hover{background-position:left center;color:#78080c;}
#navigation li.active a{position:relative;z-index:600;background:transparent url('images/nav.png') left bottom no-repeat;color:#78080c;}
#navigation li.current_page_item a{position:relative;z-index:600;background:transparent url('images/nav.png') left bottom no-repeat;color:#78080c;}
#navigation li a span{width:144px;display:block;padding-left:11px;}


/* INDEX PAGE */
/* ---------------------------------------------------------------------------------------------------------- */
#banner{width:800px;margin:0 auto;padding:10px;background:#fff;border:1px solid #dcccc7;border-top:none;position:relative;}
#gallery{width:800px;height:180px;position: relative;visibility: hidden;}
#banner_image{background:#fff url('images/banner.jpg') left top no-repeat;width:800px;height:180px;}
#products{width:820px;margin:10px auto 0 auto;overflow:hidden;}
#grid{float:left;width:820px;}
#grid a{display:block;float:left;position:relative;width:200px;height:200px;color:#fff;text-decoration:none;background:#fff;border:1px solid #dcccc7;margin:0 4px 4px 0;}
#grid a.odd{margin-right:0;}
#grid a .price{position:absolute;bottom:0;left:0;background:#c01f27;font-weight:bold;font-size:.7em;padding:5px;}
#grid a .sale_price{position:absolute;bottom:0;left:0;background:#79b11c;font-weight:bold;font-size:.7em;padding:5px;}
#grid a .sale{position:absolute;top:-1px;right:-1px;display:block;width:82px;height:82px;background:transparent url('images/sale.gif') left top no-repeat;}

#container{width:529px;float:left;margin-right:20px;padding-right:20px;border-right:1px solid #dcccc7;overflow:hidden;}
.sidebar{width:210px;float:left;}

#tweet{color:#fff;font-size:.8em;font-style:italic;position:absolute;background:transparent url('images/transparent_75.png'); padding:10px;position:absolute;bottom:10px;width:780px;}
#tweet ul li {border:none;line-height:14px;font-weight:bold;}
#tweet ul li img{vertical-align:bottom;margin-right:5px;}
#tweet a{color:#F5F1E6;}
#tweet a:hover{color:#ccc;}
#tweet ul li a:hover{}
#tweet ul li span{font-size:10px;}

/* FOOTER STYLES */
/* ---------------------------------------------------------------------------------------------------------- */
#footer{height:127px;color:#fff;background:#8b0305 url('images/bg.png') left top repeat-x;margin-top:40px;font-size:.7em;font-family:Arial,Verdana,sans-serif;}
#footer_container{width:820px;margin:0 auto;}
.footer_links{padding-top:40px;text-align:center;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{color:#f15652;}

.post{margin-bottom:25px;border-bottom:1px dotted #dcccc7;}
.post h2{padding-bottom:5px;}
.post h2 a{color:#8B0305;font-size:1.3em;text-decoration:none;}
.post h2 a:hover{color:#BB2125;}

a.post-edit-link{color:#fff;text-decoration:none;padding:5px;font-weight:bold;font-size:11px;display:block;float:right;background:#8B0305;}
a.post-edit-link:hover{background:#BB2125;}

.postmetadata{font-size:.7em;color:#999;padding:5px;display:block;float:left;background:#F5F1E6;border:1px solid #DCCCC7;color:#666666;-moz-border-radius:3px;-webkit-border-radius:3px;}
.postmetadata a{text-decoration:none;}
.postmetadata a:hover{color:#8B0305;}

.comment_bubble{font-weight:bold;line-height:40px;font-size:1.2em;text-align:center;display:block;float:right;width:48px;height:48px;background:transparent url('images/speech_bubble_48.gif') left top no-repeat;}
#container .comment_bubble a{text-decoration:none;color:#333;display:block;width:48px;height:48px;}
#container .comment_bubble a:hover{color:#999;}

.divider{border-top:1px dotted #dcccc7;clear:both;}
.entry{overflow:hidden;}
.entry p{font-size:.8em;color:#333;margin:18px 0;line-height:18px;}
.entry img{background:#fff;padding:3px;/*border:1px solid #ccc;*/}
.entry a:hover img{background:#F5F1E6;/*border:1px solid #DCCCC7;*/}

a.more-link{display:block;font-style:italic;}
a.more-link:hover{color:#8B0305;}

.sidebar{}
.sidebar ul{}
.sidebar ul li{}
.sidebar ul li ul {border-top:1px dotted #dcccc7;}
.sidebar ul li ul li a{color:#BB2125;font-size:11px;text-decoration:none;padding:5px 0 5px 10px;display:block;}
.sidebar ul li ul li a:hover{text-decoration:underline;color:#8B0305;}
.sidebar h2{margin:20px 0 5px 0;color:#8B0305;}
.sidebar h2 img{vertical-align:bottom;}

#social_buttons{margin-bottom:15px;}
#social_buttons a{text-decoration:none;margin-bottom:4px;height:48px;display:block;color:#8B0305;font-weight:bold;padding-left:54px;}
#social_buttons a h1{display:block;padding-top:12px;font-size:1em;}
#social_buttons a span{font-size:11px;display:block;color:#BB2125;font-weight:normal;}
#social_buttons a.rss{background:transparent url('images/Social_RSS.png') left top no-repeat;}
#social_buttons a.twitter{background:transparent url('images/Social_Twitter.png') left top no-repeat;}
#social_buttons a.facebook{background:transparent url('images/Social_Facebook.png') left top no-repeat;}
#social_buttons a.rss:hover{background:#f5f1e6 url('images/Social_RSS.png') left top no-repeat;}
#social_buttons a.twitter:hover{background:#f5f1e6 url('images/Social_Twitter.png') left top no-repeat;}
#social_buttons a.facebook:hover{background:#f5f1e6 url('images/Social_Facebook.png') left top no-repeat;}

#flickr_wrapper{overflow:hidden;clear:both;}
#flickr_wrapper .flickr_badge_image{float:left;margin:3px;}
#flickr_wrapper a{border:3px solid #F5F1E6;display:block;overflow:hidden;}
#flickr_wrapper a:hover{border:3px solid #DCCCC7}
#flickr_wrapper .flickr_badge_image a img{width:40px;height:40px;}

.join{color:#333;font-size:.6em;margin-top:5px;}
.join a{color:#BB2125}

#search{margin-bottom:20px;}
.search_box {background:transparent url('images/search_l.png') no-repeat scroll left top;height:30px !important;}
.search_box #s {color:#333333;float:left;font-size:13px;margin:0;padding:8px 0 0 10px;width:160px;border:none;background:transparent;}
.search_box #searchsubmit {float:right;}

.avatar{float:right;margin-left:20px;}
.comments-template .label{display:block;color:#333;font-weight:bold;font-size:.7em;margin-bottom:3px;}
.comments-template input.text{width:250px;font-size:.9em;padding:5px;margin:0 0 10px 0;display:block;clear:both;}
.comments-template textarea{padding:5px 3px;max-width:455px;max-height:100px;width:455px;height:100px;resize:none;margin-bottom:10px;}
.comments-template{margin: 10px 0 0;padding:0;}
.comments-template ol{margin: 0;padding: 0 0 15px;list-style: none;}
.comments-template ol li{margin-bottom:2px;line-height: 18px;padding:10px;border:1px solid #ddd;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;}
.comments-template ol li.alt{background:#f5f5f5;}
.comments-template h2, .comments-template h3{color:#333;font-size:1.1em;font-style:italic;margin:10px 0 20px 0;font-weight:bold;}
.commentmetadata{font-size:10px;color:#666;}
.commentlist p{font-size: 12px;overflow:hidden;margin-bottom:20px;}
.comments-template p.nocomments{padding: 0;}

.navigation{margin-top:20px;font-size:13px;font-weight:bold;}
.navigation a{text-decoration:none;}
.navigation a:hover{color:#BB2125;}