/*
Theme Name: Accidental Beauty Custom
Theme URI: http://www.accidentalbeauty.com
Description: Accidental Beauty custom theme designed by Rachielle.
Version: 1
Author: Kyle Rush
Author URI: http://kylerush.net/
Tags: 

	This theme was designed by Rachielle.

	This theme was developed by Kyle Rush.

*/
/* ----------------------------------------------------------
    Accidental Beauty CSS
    Author: Kyle Rush
    Last Update: March 2010 

    TABLE OF CONTENT

    01 - GLOBAL BROWSER RESET
    02 - COMMON STYLE
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - FRAMEWORK
    07 - UTILITY
	
    COLOR GUIDE (Main Site Colors and their Hex Codes)
	
---------------------------------------------------------- */

/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { color: #000; background: #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; margin: 0 0 10px 0; }
q:before, q:after {	content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/* 02 =COMMON STYLE 
---------------------------------------------------------- */

body, .comment-time { font-family: Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5,h6 {margin: 0 0 10px 0; }

.post-entry .post-summary, .comment-body, .base {font-family: Helvetica, Arial, sans-serif;}

.post-entry .month-year, .post-entry .comment-count a, .pots-cats {font-size: 10px;}
body {font-size: 12.5px;}
#nav {font-size: 13.5px}
.comment-body, .base, .post-summary p {font-size: 12px;}
.post-entry .title, #page-head {font-size: 24px; color:#662d91; margin: 0 0 20px 0;}
.post-entry .day {font-size: 26px;}
.post-entry .post-summary, .comment-body {color: #303030!important;} /* dark medium gray */
#s {color: #666;}

.post-entry .date, .post-entry .comment-count a {color: #fff!important;}
#nav a, .post-entry .post-tags span {color: #32004b;} /* dark purple */
#nav a:hover {color: #448ccb;} /* bright blue */
#main .post-entry .title a {color: #000;}
.pots-cats, .base {color: #404040;} /* medium gray */
#main a {color: #4b85c2; text-decoration: none;}
#main a:hover {color: #a864a8; text-decoration: none;}


.post-entry .continue-reading a, .post-entry .comment-count a, #nav a.f-replace, .date, .pots-cats, .base h2, .base h3, .base h4, .more-link {font-weight: bold!important;}

#nav, .post-entry .month-year, .pots-cats a, .post-entry .comment-count a {text-transform: uppercase;}

.sf-menu li ul {text-transform: none;}

.sf-menu li ul {font-style: none;}

#nav a, .post-entry .title a, .pots-cats a, .post-entry .continue-reading a, .post-entry .comment-count a {text-decoration: none;}

.post-entry .continue-reading a:hover, .pots-cats a:hover {text-decoration: underline;}

.base p, .post-summary {line-height: 20px;}

.base h2 { font-size: 20px; }
.base h3 { font-size: 17px; }
.base h4 { font-size: 14px; }

.base p, .post-summary p { margin: 0 0 25px 0;}

a {  }
a:hover {  }

blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; color: #333333;
background-image: url(http://accidentalbeauty.com/wp/wp-content/uploads/2010/04/blockquote.jpg); background-color: #fff; background-repeat: no-repeat; background-position: left top; width: 380px; margin: 20px 20px 20px 50px; padding: 70px 40px 40px 60px; line-height: 26px;}

.base ul, ol { margin: 15px; list-style: none; }
.base ul li, .base ol li { margin: 0 0 8px 8px; list-style-type: none; list-style-position: outside;}

/* 03 =LAYOUT
---------------------------------------------------------- */
html {background: #ff9baf url(images/bg.jpg) repeat-x;}
#container { width: 1034px; margin: 0 auto;}
#header, #content, #footer-top {background: url(images/content-bg-adjusted.png) repeat-y; width: 1034px;}
.post-content a {font-weight: bold;}
.post-content ul {margin: 10px 0 15px 0;}
.post-content li { padding: 5px 0 0 15px; margin: 0; background-image:url('http://accidentalbeauty.com/wp/wp-content/uploads/2010/04/mainpostlibg.jpg'); background-repeat: no-repeat; background-position: left top;}
.post-entry-rule {background: url(http://accidentalbeauty.com/wp-content/uploads/2010/08/bottompostrule.jpg); background-position: center; background-repeat: no-repeat; height:33px; width: 547px; margin:10px auto 0 auto; color:#fff;}

#mast-head {background: #fff url(images/header-bg.jpg) no-repeat; height: 196px; width: 1020px; margin: 0 0 0 6px;}
#skip-to-content {display: block; text-indent: -900em; line-height: 0; font-size: 0;}

/* header */
#header {position: relative; padding: 0 0 20px 0;}
#page-title {text-indent: -900em; font-size: 0; line-height: 0;}
#login {position: absolute; right: 50px; top: 0; height: 80px; width: 308px;}
#header-login {position: relative; right: 0; top: 0; height: 80px; width: 308px;}
#header-login input {border: none; color: #cacaca; font-size: 16px; font-style: italic; text-transform: lowercase; background: none;}
#header-login #user_login {position: absolute; border: none; top: 29px; left: 13px; width: 135px;}
#header-login #user_pass {position: absolute; border: none; top: 29px; right: 10px; width: 135px;}
#header-login #wp-submit {position: absolute; bottom: 6px; right: 6px; border: 0; text-indent: -900em; height: 20px; width: 60px; cursor: pointer;}
#header-login #header-login-links { position: absolute; font-size: 11px; bottom: 10px; left: 10px; color: #a7a7a7;}
#header-login #header-login-links input {margin: 0 5px 0 0;}
#header-login #header-login-links a {color: #a7a7a7;}
#home-link {display: block; text-indent: -900em; height: 140px; width: 580px;}

/* superfish */
/*** essentials styles ***/
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left; position: relative;}
.sf-menu a {display: block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}

/*** superfish skin ***/
.sf-menu {float: left;}
.sf-menu a {text-decoration: none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color: #13a;}
.sf-menu li {background: url(images/nav-divider.png) no-repeat right center; padding: 0 15px 0 15px;}
.sf-menu li.last {background: none;}
.sf-menu li ul {background: #ffe2c8; border: 3px solid #fbdbbb; padding: 3px; width: 200px;}
.sf-menu li li {border-bottom: 1px solid #ffcf9e; padding: 3px 0; background: none;}
.sf-menu li li.last {border: none;}
.sf-menu li li a {padding: 4px 5px;}
.sf-menu li li a:hover {background: #ffead5;}
.sf-menu li li li {background:	#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {backgrounda: #CFDEFF; outline: 0;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* nav */
#nav {position: absolute; top: 160px; padding: 3px 20px 0 20px; width: 981px;}
/*#nav ul li {float: left; margin: 0 30px 0 0;}*/

/* content */
#content {padding: 0 15px 20px 15px; width: 1001px; overflow: hidden;}
#main {float: left; width: 592px; border: 1px solid #ddd; padding: 10px;}
#sidebar {float: right; width: 372px;}

/* sidebar */
.side-content-search {border: 1px solid #ddd; margin: 0 0 15px 0; padding: 10px 0; text-align: center;}
.side-content-ad {border: 1px solid #ddd; margin: 0 0 15px 0; padding: 10px 0; text-align: center;}
.side-content-block {border: 1px solid #ddd; margin: 0 0 15px 0; padding: 10px 10px; text-align: left;}
.side-content-block a {color:#448ccb; text-decoration:none;}
.side-content-block a:hover {color:#662d91; text-decoration:none;}

#searchform {background: url(images/search-bar.png) no-repeat; position: relative; height: 28px; width: 301px; overflow: hidden; margin: 0 auto;}
#site-search legend {text-indent: -900em; font-size: 0; line-height: 0;}
#s {position: absolute; left: 5px; top: 4px; border: none; background: none; padding: 2px; width: 250px; font-size: 16px; font-style: italic; text-transform: lowercase; color: #cacaca;}
#searchsubmit {position: absolute; right: 0; top: 0; background: none; text-indent: -900em; border: none; width: 27px; height: 28px; cursor: pointer;}

/* footer */
/*#footer {background: url(images/bottom-bg.png) no-repeat; padding: 20px 0 0 0; text-align: center;}*/
#footer-top-content {background: url(images/); width: 1020px; margin: 0 0 0 6px; background: #ffe2c8 url(images/footer-pink-bg.png) repeat-x;}
#footer-bottom {width: 1034px; height: ; background: url(images/content-bg-peach-bottom-adjusted.png) no-repeat; margin: 0 auto; padding: 30px 0 0 0; text-align: center;}

#footer {margin: 0 0 100px 0;}

/* 04 =HOMEPAGE
---------------------------------------------------------- */
.full-width-ad {border: 1px solid #ddd; text-align: center; padding: 10px 0; margin: 0 0 15px 0;}

.post-entry {margin: 0 0 70px 0;}
.post-entry .date-title-cont {margin: 0 0 5px 0;}
.post-entry .date {float: left; text-align: center; background: #f6989d; width: 65px;}
.post-entry .month-year {background: #e5898d; padding: 6px 4px;}
.post-entry .day {font-weight: bold; padding: 2px;}
.post-entry .title {float: right; width: 520px; font-weight: normal!important;}
.post-entry .pots-cats {margin: 15px 0 15px 0;}
.post-entry .post-tags {border: 1px solid #ddd; padding: 10px 5px;}
.post-entry .post-tags a {color: #f26d7d!important;}

#post-head {margin: 0 0 20px 0;}

.post-summary {margin: 0 0 10px 0;}
.continue-reading a {background: url(http://accidentalbeauty.com/wp-content/uploads/2010/08/continuereading.gif) no-repeat right center; padding: 0 20px 0 0;}

.comment-count {margin: 15px 0 20px 0;}
.comment-count a {background: #e5898d; padding: 5px 5px; -moz-border-radius: 9px;}

.post-thumb {border: 1px solid #ddd; padding: 5px; margin: 0 auto 15px auto; width:560px;}


/* 05 =COMMENTS
---------------------------------------------------------- */
.comment-body {border: 1px solid #ddd; padding: 8px; margin: 0 0 15px 0; overflow: hidden;}
.comment-body p {line-height: 22px; margin: 10px 0 0 0;}
.comment-reply-link {text-indent: -900em; display: block; background: url(images/reply-btn.png) no-repeat; height: 29px; width: 73px; margin: 10px 0 0 0; float: right;}

.commentlist li ul li {margin: 0 0 0 30px;}

.comment-top-info {}
.comment-top-info-left {float: left;}
.comment-top-info-right {float: right; width: 500px;}
.comment-author-name {margin: 0!important;}
.comment-time {color: #8e8e8e; font-size: 11px; margin: 0!important; line-height: 12px!important;}

.commentlist li ul li .comment-top-info-right {width: 470px;}
.commentlist li ul li ul li .comment-top-info-right {width: 440px;}


.comment-form-label-input-pair label {display: block; margin: 0 0 3px 0;}
.comment-form-label-input-pair input, .comment-form-label-input-pair textarea {background: #fff; border: 1px solid #ddd; padding: 4px; font-size: 14px; margin: 0 0 20px 0;}
#commentform #comment {width: 350px; height: 195px;}

.comment-form-label-input-pair input {width: 195px;}
#commentform {overflow: hidden;}
#commentform .left {float: left; width: 205px;}
#commentform .right {float: right;}

#commentform #submit {background: #f3f3f3; font-style: italic; padding: 10px 5px; -moz-border-radius: 7px; width: 205px; cursor: pointer;}

#comment-leave-reply, h3#comments {background: url(images/comment-head-bg.jpg) no-repeat; height: 50px; margin: 0 0 15px 0; font-size: 21px; color: #4b0049; padding: 13px 0 0 15px; text-transform: uppercase;}


/* 06 =FRAMEWORK
---------------------------------------------------------- */




/* 07 =UTILITY
---------------------------------------------------------- */

.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

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



/* 08 =ADDITIONAL STYLES BY RACHIELLE
---------------------------------------------------------- */

.sidebarh2 {font-size: 12px; text-transform: uppercase; color: #FFFFFF; background-color: #e5898d; padding:5px; margin: 0 0 15px 0;}

.polls {color #404040;}
.polls li {margin:10px; padding:5px 0;}

.miniad1, .miniad2, .miniad3, .miniad4 { margin: 13px; padding: 10px; float: left; height: 125px; width: 125px; border: 1px solid #dddddd;}
.miniadclear {clear:both;}

.sideclear {clear:both;}

.aktt_tweets {width: 300px; margin: 0 auto; color:#404040; border-bottom: 1px solid #ddd;}
.aktt_tweets li {padding-bottom: 10px; line-height: 20px;}
.aktt_username {color: #e5898d; font-weight: bold;}

.related {border-top: 1px solid #ddd;}
.relatedh3 {font-size:18px; color: #662d91;}
#relatedtb {padding: 5px; margin: 5px; width: 250px;}
.tablethumb {float: left; clear: right; margin: 5px;}
#relatedtb .tr {margin: 5px; padding: 5px;}
#relatedtb .td {margin: 5px; padding: 5px; width: 250px; border: 1px solid #ddd;}

.productquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; color: #fff; background-image: url(http://accidentalbeauty.com/wp/wp-content/uploads/2010/04/productdescriptionquote.jpg); background-position: left top; background-repeat: no-repeat; text-align: left; width: 450px; padding: 25px 10px 10px 20px; margin: 0 auto 10px auto; background-color: #e5898d; border: 1px solid #da6b6f;}

.bloggersnetwork {margin: 0 auto;}

.sales {margin: 0 auto; text-align: center;}
.sales img {padding: 5px; border: 1px solid #ddd;}

.breadcrumb {background-color: #eee; color: #898989!important; padding: 10px 5px;}
.breadcrumb a {color: #f26d7d!important;}

.socialicons {padding: 0 10px 0 10px; list-style-type: none; display: inline; margin: 0 5px;}

.skyscrapers {margin: 0 auto;}
.sky1 {float: left; width: 160px; margin:2px; padding: 2px;}
.sky2 {float: right; width: 160px; margin:2px; padding: 2px;}


/* footer stuff
---------------------------------------------------------- */
.popularposts { float: left; width: 300px; margin:10px;}
.twitterposts {float: left; width: 300px; margin:10px;}
.glamtvfooter {float: left; width: 300px; margin:10px; text-align: center;}
.footerlinks {font-size:10px; text-transform:uppercase; text-align:center; padding:10px; margin:5px;}
.footerlinks a {color:#4b85c2!important;}
.footerlinks a:hover {color:#e5898d!important;}
.clear {clear:both;}

#footer {color: #303030;}
#footer a {color: #e35768; font-weight: bold; text-decoration: none;}
#footer a:hover {color:#f5989d; font-weight:bold;}
#footer h2 {font-size: 18px;}

.popularposts li {margin: 10px 0 10px 0; padding: 0 0 10px 15px;background-image:url('http://accidentalbeauty.com/wp-content/uploads/2010/04/footer_libg.gif'); background-repeat: no-repeat; background-position: left top;}

.footerad {margin: 0 auto; width:728px; height:90; padding:20px;}


/* other crap
---------------------------------------------------------- */
.nextposts {padding-top: 10px; background-color: #fff; color: #000!important; margin: 10px 0;}
.nextposts a {color: #4b85c2!important;}
.nextposts a:hover {text-decoration: underline;}
.postalignright {text-align:right; float:right; width:280px;}
.postalignleft {text-align:left; float:left; width:280px;}


.single-postads {margin: 5px 0 0 0; text-align: center;}
.relatedreading {background-color:#ebebeb; padding: 10px 10px; margin: 10px 0;}
.relatedreading img {border: 2px solid #e5898d;}
.share {padding: 10px 5px; margin: 10px 0;}

.tweetmeme {text-align: left; margin-bottom:20px;}
.facebooklike {text-align: left; margin-bottom:20px;}