/*
Theme Name: Grooming Lounge Custom Wordpress Theme
Theme URI: http://www.GroomingGuys.com
Description: Custom theme developed for <a href="http://www.groomingguys.com">GroomingGuys.com</a>
Version: 1.0
Tags: Mens Skin Care, Grooming Lounge, Mens Grooming Tips, Shaving
Author: <a href="http://www.vastplanet.com">Vastplanet.com</a>

All sizes are in em to ensure the site is rendered accurately across all browsing platforms. To convert em to px: em/0.083333em = px. For example h1 font size is 2.333324em. 2.333324em/0.083333em = 28px.
*/

@import url('reset.css');  /* Eric Meyer's reset.css stylesheet - http://www.meyerweb.com */

* {margin: 0; padding: 0; border: 0;}

body {
background: #fff url(images/new/bg-body.jpg) top left;
text-align: center;
color: #333;
font: 75%/175% Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}

html>body {
font-size: 12px;
line-height: 18px;
}


/* Headings & Paragraphs
------------------------------------ */
#main .post_title h1 a {
font: 1.499994em/1em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
color: #082969;
text-decoration: none;
}

#main .post_title h1 a:hover {
font: 1.499994em/1em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
color: #082969;
text-decoration: underline;
}

h1 a {
color: #082969;
text-decoration: none;
}

h1 a:hover {
text-decoration: underline;
color: #082969;
}

h1 a:visited {
color: #555546;
}

#main .post_title h2 a {
font: 22px Arial, "Tahoma",Verdana, Helvetica, sans-serif;
color: #082969;
text-decoration: none;
}

#main .post_title h2 a:hover {
font: 22px Arial, "Tahoma",Verdana, Helvetica, sans-serif;
color: #082969;
text-decoration: underline;
}

#main .entry h2 {
font: 1.166662em/1.375em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
color: #082969;
}

#main h3 {
color: #9D9D6B;
font: bold 1.166662em/1.375em Arial, "Gill Sans MT",Verdana, Helvetica, sans-serif;
}


p {
margin-top: 1.75em;
margin-bottom: 1.75em; 
font: 1.0em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
line-height: 1.75em;
}

/* Links
------------------------------------ */
a {
color: #555546;
text-decoration: underline;
font: 1.0em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}

a:visited {
color: #808040;
}

a:hover {
color: #09296A;
}

/* Search
------------------------------------ */
#go {
}

#searchinput {
border: #ccc 1px solid;
font: bold 11px Arial;
height: 18px;
padding-left: 3px;
text-transform: uppercase;
width:170px;
}

/* Structure
------------------------------------ */
#container {
text-align: left;
width: 79.999680em;
margin: 0 auto;
}

#header {
padding: 0 1.75em;
width: auto;
height: 7.249971em;
background: #333333 url(images/header-pic.png) no-repeat top left;
clear: both;
}

#header_left {
float: left;
height: 6.249975em;
width: 31.416541em;
position: relative;
top: 1em;
left: 122px;
}

#header_right {
height: 6.249975em;
float: right;
position: relative;
top: 1em;
}

#main_nav {
height: 2.199992em;
padding: 0 1.75em;
background: url(images/nav-bg.png) repeat-x left;
}

#main {
float: left;
background: #fff url(images/bg-main.jpg) repeat-y right top;
clear: both;
width:79.9997em;
}

#main .content {
width: 700px;
height: 100%;
float: left;
padding: 0 0 1.75em 1.75em;
}

#main .sidebar {
width: 200px;
background: #e8e8e8;
float: right;
padding: 0px 10px 10px 10px;
}

#footer {
background: #333333;
clear: both;
text-align: center;
color: #fff;
width: auto;
height: 100%;
}


/* Header
------------------------------------ */

#header_left h1 {
width: 23.666572em;
height: 4.083317em;
position: relative;
}

#header_left h1 span {
background: url(images/gg-logo.png) no-repeat top left;
position: absolute;
width: 100%;
height: 100%;
}

#header_left h3 {
width: 30.499878em;
height: 1.75em;
position: relative;
overflow: hidden;

}

#header_left h3 span {
background: #333333 url(images/gg-tagline.png) no-repeat top left;
position: absolute;
width: 100%;
height: 100%;
}

#header_right h3 {
width: 14.999940em;
height: 3.749985em;
position: relative;
}

#header_right h3 span {
background: url(images/visit-grooming-lounge.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

/* Nav
------------------------------------ */

#main_nav ul {
margin: 0; 
padding-bottom: 0; 
list-style-type: none; 
list-style-image: none;
}

#main_nav li {
display: inline;
}

#main_nav li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font: bold Arial, "Gill Sans MT",Verdana, Helvetica, Arial, sans-serif;
padding-right: 1.75em;
}

#main_nav li a:hover {
color: #808040;
}


/* Main Content
------------------------------------ */
.post {
padding-right: 1.75em;
margin-top: 1.75em;
clear: both;
}

.post_header {
clear: both;
float:left;
position:relative;
margin-bottom:10px;
}

.date_icon {
float: left;
text-align: center;
margin: 0 .875em 0 0;
padding-right: 0.875em; 
border-right: #ccc 0.249999em solid;
}

.day {
color: #990000;
font: 1.499994em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}


.month {
font: 0.833330em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}

.post_title {
float:left;
width:548px;
}

.post_header p {
font: 0.833330em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
margin: 0;
}

.entry {
border-bottom: #E2E1C7 0.083333em solid;
padding-bottom: 1em;
}

.entry img {
padding: .8em .8em .8em 0;
float: left;
}

.post_footer {
font: Arial, "Tahoma",Verdana, Helvetica, sans-serif;
line-height: 1.583327em;
clear: both;
background:#eee;
padding:3px;
position:relative;
width:675px;
}

.post_footer .tags a {
text-decoration:none;
}

.post_footer .tags a:hover {
text-decoration:underline;
}

.post_footer p {
margin: 0;
width:420px;
}

.post_footer .rss {
display: block;
background: #F7F5EE url(images/rss-icon-sm.png) no-repeat 4px;
line-height: 20px;
padding-left: 24px;
}

/*Image Alignment*/
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}


/* Sidebar
------------------------------------ */
.sidebar_top {
margin-top: 1em;
}

.sub_box p {
margin-top: .5em;
margin-bottom: .5em;
padding-left: .2em;
}

form {
margin: 0;
}

#emailform {
width: 20.749933em;
height: 2.583323em;
}

#emailform #emailinput {
float: left;
padding: 0;
margin: 6px 0 0 6px;
border: #333333 1px solid;
width: 159px;
background: #fff;
}

#emailform #emailgo {
float: left;
margin: 6px 0 0 6px;
}

form a {
position: relative;
top: 6px;
left: 6px;
}

.follow_list {
margin-top: 1em;
text-align: left;
border-top: #E2E1C7 0.083333em solid;
clear: both;
}

.follow_list a {
font-weight: bold;
text-decoration: none;
}

.follow_list a:hover {
font-weight: bold;
text-decoration: underline;
}

.follow_list .facebook {
display: block;
background: url(images/facebook-icon.png) no-repeat 4px;
line-height: 16px;
padding-left: 24px;
padding-bottom: 3px;
}

.follow_list .myspace {
display: block;
background: url(images/myspace-icon.png) no-repeat 4px;
line-height: 16px;
padding-left: 24px;
padding-bottom: 3px;
}

.follow_list .twitter {
display: block;
background: url(images/twitter-icon.png) no-repeat 4px;
line-height: 16px;
padding-left: 24px;
padding-bottom: 3px;
}

.follow_list .friendfeed {
display: block;
background: url(images/friendfeed-icon.png) no-repeat 4px;
line-height: 16px;
padding-left: 24px;
padding-bottom: 3px;
}

.follow_list .youtube {
display: block;
background: url(images/youtube-icon.png) no-repeat 4px;
line-height: 16px;
padding-left: 24px;
padding-bottom: 3px;
}

.follow_list .itunes {
display: block;
background: url(images/itunes-icon.png) no-repeat 4px;
line-height: 16px;
padding-left: 24px;
padding-bottom: 3px;
}

.recent_posts {
margin-top: 1em;
clear: both;
border-top: #E2E1C7 0.083333em solid;
border-bottom: #E2E1C7 0.083333em solid;
margin-bottom: 1em;
}

.about_us {
border-bottom: #E2E1C7 0.083333em solid;
margin-bottom: 1em;
}

.about_us img {
background: #fff;
float: left;
margin-right: .875em;
width: 10.499958em;

}

.about_us p {
margin-top: 0;
height: 11em;
}

.sidebar_bottom {}

.sidebar_left {
text-align: left;
width: 11.666620em;
float: left;
padding-right: 0.875em;
list-style-type: none;
border-right: #E2E1C7 0.083333em solid;
}

.sidebar_left a {
font-weight: bold;
}

.sidebar_right {
text-align: left;
width: 11.666620em;
float: right;
padding-left: 0.875em;
list-style-type: none;
}

.sidebar_right a {
font-weight: bold;
}



/* Footer
------------------------------------ */
#footer {
height: 100%;
}

#footer p {
color: #fff;
margin-top: 0.875em;
margin-bottom: 0.875em;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #09296A;
}

/* Comments
------------------------------------ */

.commentlist li, #commentform input, #commentform textarea {
font-family: Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}

#commentform {
text-align: left;
padding-left: 1.75em;
}

.commentlist li {
font-weight: bold;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.166662em;
}

.commentlist p {
font: 1.166662em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
color: #888888;
}
#commentform p {
font-family:Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}

.commentmetadata {
font-weight: normal;
}

small, .nocomments, .postmetadata, blockquote, strike {
color:#555555;
}

#commentform input {
width: 120px;
padding: 3px;
margin: 0.416665em 0.416665em 0.083333em 0;
border: #CCCCCC solid 0.166666em;
}

#commentform textarea {
width: 90%;
padding: 0.166666em;
border:#CCCCCC solid 0.166666em;
height:100px;
}

#commentform #submit {
margin-right: .75em;
float: left;
}

.alt {
margin: 0;
padding: 1em;
}

.commentlist {
padding-left:1.75em;
text-align: justify;
}

.commentlist li {
margin: 1.249995em 3.749985em 1.249995em 0.249999em;
padding: 0.416665em 10px 0.249999em;
list-style: none;
border-bottom:#CCCCCC dotted 0.083333em;
}

.commentlist p {
margin: 0.833330em 0.416665em 0.833330em 0;
}

#commentform p {
margin: 0.416665em 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

/* Misc
------------------------------------ */

.widgettitle {
color: #9D9D6B;
font: bold 1.166662em/1.375em Arial, "Tahoma",Verdana, Helvetica, sans-serif;
}

.sharethis {
background: #F0EFE1;
clear: both;
}

.podcast_title h1 {
width: 41.666500em;
height: 16.666600em;
position: relative;
}

.podcast_title h1 span {
background: url(images/gg-podcast.jpg) no-repeat top left;
position: absolute;
width: 100%;
height: 100%;
}

.left {
float: left;
padding: 1em;
}

.right {
float: right;
padding: 1em;
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

.clearboth {
clear: both;
}


.site-header {height:124px; background:url(images/new/bg-header.jpg) no-repeat left bottom; position:relative;}
.site-header .home-link {display:block; position:absolute; left:0px; top:48px; width:731px; height:75px;}
.site-header .home-link h1 {visibility:hidden;}
.site-header .info {color:#fff; font:normal 10px Arial, Verdana; position:absolute; left:8px; top:28px;}

.main-nav {background:#999; height:30px; padding-left:10px; position:relative;}
.main-nav ul.links li {display:inline;}
.main-nav ul.links li a {color:#fff; text-transform:uppercase; font:bold 12px/30px Arial, Verdana; background:url(images/new/main-nav-bullet.jpg) no-repeat left center; padding-left:12px; padding-right:4px; text-decoration:none;}
.main-nav ul.links li a:hover {text-decoration:underline;}
.main-nav ul.links li:first-child a {background:none; padding-left:0px;}

.share-bar ul {position:absolute; right:0px; top:6px;}
.share-bar ul li {display:inline;}
.share-bar ul li a {color:#fff; font:bold 11px/18px Arial; height:18px; display:block; float:left; margin-right:20px; padding-left:23px;}
.share-bar ul li.sb-rss a {background:url(images/new/icon-subscribe.jpg) no-repeat left center;}
.share-bar ul li.sb-facebook a {background:url(images/new/icon-facebook.jpg) no-repeat left center;}
.share-bar ul li.sb-twitter a {background:url(images/new/icon-twitter.jpg) no-repeat left center;}

.footer {background:#333; margin:0 auto; padding:20px 40px 30px 40px; float:left; margin-bottom:30px;}
.footer h2 {color:#ccc; text-transform:uppercase; font:bold 15px Arial; margin-bottom:15px;}
.footer td ul li {line-height:13px; float:left; width:155px;}
.footer td ul li a {color:#cdcdcd; font:normal 11px Arial; text-decoration:none;}
.footer td ul li a:hover {text-decoration:underline;}
.footer td ul.last li {float:none;}

#search_box #searchform {display:block; width:100%; margin-bottom:15px;}

h5.tabber-widget-title {display:none;}

.twtr-doc {border-radius:0px !important; border:1px solid #aaa;}
.twtr-doc .twtr-hd h4 a {font-weight:bold; font-size:14px;}
.twtr-doc .twtr-hd h3 {font-size:9px !important;}
.widget_wp_twitter_goodies_profile {margin-top:15px;}

.shareinpost {display:none;}

.st_email_button {position:absolute; left:420px; top:12px;}
.twitter-share-button {position:absolute; left:510px; top:11px;}
.facebook_like_button {position:absolute; left:590px; top:11px;}

.greybox {margin-top:15px; border:1px solid #aaa;}

#follow {display:none;}
.copyright {color:#ccc; padding-top:20px; text-align:center;}
#commentform a {top:0px;}
.post_header .cloud-comment {background:url(images/bg-comment.jpg) no-repeat left top; width:86px; height:36px; text-align:center; padding-top:4px;}
.post_header .cloud-comment a {text-decoration:underline; font:bold 11px Arial;}
.post_header td {vertical-align:top;}

.clear {clear: both;}
.phonenumbers {background:url(images/phonenumbers.png) no-repeat left top; width:315px; height:13px;}