/*
Theme Name: BeautyBug
Theme URI: http://w.eatherfield.com
Description: A custom 3-column, right menu, fixed theme built for the Beauty Bug
Author: Joel Oliveira	
Author URI: http://w.eatherfield.com

/* -------------------------------------------------
     ERIC MEYER'S RESET RULES | v1.0 | 20080212
------------------------------------------------- */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul { list-style:none; }
.post ol, 
.post ul { list-style:disc; }

blockquote, q { quotes: none; }
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content:''; 
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:2em;
}
	
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em; margin-top:10px;}
h3 {font-size: 1.2em; margin-top:10px;}
h4 {font-size: 1em;}

a:link, 
a:visited, 
a:active {
	color:#e7338d;
	text-decoration:none;
}
	
a:hover{
	color:#333;
	text-decoration:underline;
}

img a{border:none;}

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

code {
	margin:10px;
	font-family:"Courier New", Courier, monospace;
}
.alignleft {float:left; margin: 0 0 10px 10px; }
.alignleft {float:right; margin: 0 10px 10px 0; }
.aligncenter { display: block; margin: 0 auto; }

/* -------------------------------------------------
     WRAP
------------------------------------------------- */
#pagewrap {
	width: 100%;
	background:#fff url(images/main_bg.jpg) top left no-repeat;
	color:#333;
	margin:0px;
	position:absolute;
	top:0px;
}
	
/* -------------------------------------------------
     HEADER
------------------------------------------------- */

#header {
	width: 1000px;
	height:170px;
}

#header h1{ }
#header h1 a { 
	display:block;
	width:519px;
	height:167px;
	background:transparent url(images/title_logo.gif) top left no-repeat;
	text-indent:-1000000px;
	margin-left:20px;
	margin-top:20px;
}
	
#header img {}

.tagline { display:none; }

#header .pages {
	height:50px;
	left:560px;
	position:absolute;
	top:0px;
	width:400px;
	background:transparent url(images/header/bg_nav.gif) top left no-repeat;
}
#header .pages ul {
	margin:0px 0px 0px 30px;
}
#header .pages ul li {
	display:block;
	float:left; 
	border-top:solid 5px #f6f6f6;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	margin-right:30px;
}
#header .pages ul li:hover {
	border-top:solid 5px black;
}
#header .pages ul li.current_page_item {
	border-top:solid 5px #e7338d;
}


#header .pages ul li a:link,
#header .pages ul li a:visited,
#header .pages ul li a:hover,
#header .pages ul li a:active {
	color:#000000;
	text-decoration:none;
}

#header .pages ul li.current_page_item a:link,
#header .pages ul li.current_page_item a:visited,
#header .pages ul li.current_page_item a:hover,
#header .pages ul li.current_page_item a:active {
	color:#e7338d;
}

/* -------------------------------------------------
     MAIN CONTENT
------------------------------------------------- */
#contentwrap{ width: 1000px; }

#content {
	float: left;
	width:540px;
	font-size:1.2em;
	overflow:hidden;
}

#content h2.archivetitle {
	margin-left:5px;
}

#content h2.archivepagetitle {
	margin-left:20px;
	margin-top:34px;
	color:#E7338D;
	font-size:20px;
}

#content #month_archives,
#content #subject_archives {
	padding-left:20px;
	width:240px;
	float:left;
	padding-top:26px;
}
* html #content #month_archives,
* html #content #subject_archives { padding-top:50px; } 


#content .tb_ad {
/*	border:1px solid #EFEFEF; */
	margin:10px 0px 0px;
	padding:10px 0px;
	text-align:center;
}

.post {
	margin:10px;
	padding:10px;
	line-height:1.5em;
}

.post h2 a:link,
.post h2 a:visited { 
	text-decoration:none;
	font-size:24px;
	line-height:30px;
	color:#000000;
}
.post h2 a:hover,
.post h2 a:active { 
	text-decoration:underline;
}

.post small { color:#aaaaaa; font-weight:bold; font-size:9px; }

.post a {	text-decoration:underline; }

.post ul {}

.post li {}

.entry p{margin:1em 0;}

.postmetadata {
	border-top:1px solid #E5E5E5;
	font-weight:bold;
	padding:5px 140px 5px 5px;
	position:relative;
}

.postmetadata span { 
	position:absolute; 
	top:0px; 
	right:0px; 
	display:block; 
	padding:5px 5px 5px 20px;
	background:transparent url(images/comment_icon.gif) 0px 7px no-repeat;
}
.postmetadata alt {  }
.postmetadata a {  }

a.edit_post_link {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-left:20px;
}

/* for previous & next entry links */
.navigation {
	padding:2px;
	font-size:1.1em;
	font-weight:bold;
}
.alignleft { float:left; }
.alignright { float:right; }

.navigation .alignleft { width:240px; }
.navigation .alignright { text-align:right; width:240px; }

.bottom { background-color:#eeeeee; height:22px; margin-left:22px; padding:0px 10px; width:474px; margin-bottom:20px; }
* html .bottom { width:494px; }
.bottom .alignleft { width:218px; font-size:1.1em; }
.bottom .alignright { width:218px; font-size:1.1em; }

.pagetitle {}

/* -------------------------------------------------
     SIDEBAR
------------------------------------------------- */


#sidebar,
#sidebar2 {
	width: 200px;
	float:left;
	margin:10px 0px 0px 11px;
	font-size:1.1em;
	line-height:16px;
}

#sidebar { }
#sidebar2 { padding-top:5px; }
* html #sidebar2 { padding-top:31px; }

#sidebar h2,
#sidebar2 h2 {
	text-indent:-10000px;
	line-height:38px;
}

#sidebar p,
#sidebar2 p { margin:0px; }

#sidebar a:link,
#sidebar a:visited,
#sidebar2 a:link,
#sidebar2 a:visited { color:#454545; text-decoration:none; font-weight:bold; }

#sidebar a:hover,
#sidebar a:active,
#sidebar2 a:hover,
#sidebar2 a:active { text-decoration:underline; color:#e7338d; }

#sidebar ul,
#sidebar2 ul {
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar li,
#sidebar2 li { margin-bottom:30px; }
#sidebar li#search { margin:0px; }

#sidebar ul li,
#sidebar2 ul li {
	border-bottom:solid 1px #e5e5e5;
	padding:5px 0px;
        margin:0px;
}
#sidebar2 .tb_ad {
	border:1px solid #EFEFEF;
	margin:10px 0px 0px;
	padding:10px 0px;
	text-align:center;
	width:177px;
}

/* -------------------------------------------------
     SIDEBAR TITLES
------------------------------------------------- */
#text-97690691 h2 { background:transparent url(images/sidebar/title_subscribe.gif) top left no-repeat; }
#text-97692151 h2 { background:transparent url(images/sidebar/title_about_the_beauty_bug.gif) top left no-repeat; }
#recent-posts-2 h2 { background:transparent url(images/sidebar/title_recent_posts.gif) top left no-repeat; }
#recent-comments-2 h2 { background:transparent url(images/sidebar/title_recent_comments.gif) top left no-repeat; }
#limited-catlists-1 h2 { background:transparent url(images/sidebar/title_featured_posts.gif) top left no-repeat; }
.widget_categories h2 { background:transparent url(images/sidebar/title_categories.gif) top left no-repeat; }
#sidebar2 #linkcat-2 { background:transparent url(images/sidebar/title_blogroll.gif) top left no-repeat; }
#text-421543471 h2 { background:transparent url(images/sidebar/title_boston_beauty.gif) top left no-repeat; }
/* -------------------------------------------------
     SIDEBAR SECTION-SPECIFIC STYLES
------------------------------------------------- */
/* SEARCH */

#searchform {
	display:inline;
	margin-left:170px;
	position:absolute;
	top:53px;
	width:240px;
}

#searchform br { display:none; }
#searchform #s { width:168px; }
* html #searchform #sub { position:absolute; top:0px; right:0px; }
/* SUBSCRIBE */
#text-97690691 p {
	border-bottom:solid 1px #e5e5e5;
	padding-bottom:4px;
	margin-top:6px;
}
#text-97690691 a { 
	background:transparent url(images/rss_icon.gif) left center no-repeat; 
	padding-left:22px;
	display:block; 
}
#text-97690691 form {
	border-bottom:solid 1px #e5e5e5;
	display:block;
	padding:0px 0px 10px 0px;
}
#text-97690691 form label { 
	background:transparent url(images/email_icon.gif) left center no-repeat; 
	padding-left:22px;
	display:block;
	font-weight:bold;
	cursor:pointer;
	margin-top:6px;
}
#text-97690691 form input { 
	margin:7px 0px 0px 0px;
}
#text-97690691 form input#email { 
	width:115px;
	float:left;
	margin:7px 5px 0px 0px;
}

/* RECENT COMMENTS */
#recentcomments li {
	padding-left:22px !important;
	background:transparent url(images/comment_icon.gif) 0px 8px no-repeat; 
}
/* FEATURED POSTS */
.widget_limited_catlists li {
	padding-left:22px !important;
	background:transparent url(images/bang_icon.gif) 0px 6px no-repeat; 
}

/* -------------------------------------------------
     COMMENT FORM
------------------------------------------------- */

#commentform{
	margin:10px;
	padding:10px;}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;}

#author, #email, #url{margin:5px 5px 0 0;}

#submit{margin:5px 5px 0 0;}

/* -------------------------------------------------
     COMMENTS
------------------------------------------------- */

#comments{
	margin:10px;
	padding:10px;}
	
ol.commentlist {}

ol.commentlist li {
	background: #ececec;
	margin:10px 0;
	padding:5px 0 5px 10px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}

ol.commentlist li.alt {}

ol.commentlist a {}

cite {}

small.commentmetadata {}

/* -------------------------------------------------
     FOOTER
------------------------------------------------- */

.tb_ad_foot { border: 1px solid #efefef; padding: 10px; width: 728px; margin:0px 10px 0px 23px }

#footer {
	clear: both;
	width: 100%;
	margin-top:15px;
	border-top:solid 1px #b5b5b5;
	background:#f6f6f6 url(images/footer/bg_top.gif) top left repeat-x;
	padding-bottom:30px;
	font-size:11px;
}

#footer_widgets h2 {
	text-indent:-10000px;
	line-height:38px;
	margin-left:5px;
}

#footer p{padding:5px 1%;}

#footer a { color:#454545; font-weight:bold; }

#footer_widgets ul { margin:0px; }
#footer_widgets li { width:250px; float:left; }
#footer_widgets li li { 
	width:180px; 
	float:none; 
	border-bottom:solid 1px #d5d5d5; 
	padding:4px 10px;
}
#footer_widgets #linkcat-2 h2 { background:transparent url(images/footer/title_blogroll.gif) top left no-repeat; }

#footer_widgets #flexo-archives h2 { background:transparent url(images/footer/title_archives.gif) top left no-repeat; }
#footer_widgets #flexo-archives li li { border:none; }
#footer_widgets #flexo-archives li a { background:transparent url(images/footer/arrow.gif) left center no-repeat; padding-left:16px; }
#footer_widgets #flexo-archives li li a { background:transparent; }

#footer #pages { 
	width:280px;
	float:left;
	margin:10px 0px 0px 0px;
	line-height:14px;
}
#footer #pages li { float:left; margin-left:6px; padding-left:6px; border-left:solid 1px #454545; }
#footer #pages li.first { border-left:none; margin-left:0px; padding-left:0px; }

/* -------------------------------------------------
	 CLEARS (if needed with further customizations)
------------------------------------------------- */

.clear{clear:both;}
.noborder{border:none !important; vertical-align:middle;}
.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}

/* -------------------------------------------------
     MISC
------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */