/************************************************/
/****************** typography ******************/
/************************************************/

body {
    font-size: .9em !important;
	/*font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, Sans-serif, sans;*/
	font-family:Georgia, Times, "Times New Roman", serif;
	color: #333;
	text-align: center;
	margin:0;
	background-color:#333333 !important;
	}

#main-caption {
    font-size: 15px;
    text-align: left;
}

A {
    text-decoration: none;
}

A IMG {
    border: 0;
}

H1 {
    font-size: 170%;
}

H2 {
    font-size: 140%;
}

#page {
	text-align: left;
	}


#main-nav LI A {
    /*color: #707070;*/
    color: #333;
    font-size: 1.2em;
    text-decoration: none;
    text-transform: capitalize;
	/*font-family:Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

#main-nav LI A:hover {
    color: #E54097;
    text-decoration: none;
}


#sidebar A {
    color: #E54097;
    text-decoration: none;
}

#sidebar A:hover {
    color: #b91d6f;
    text-decoration: none;
}

#content A {
    color: #E54097;
}

#content A:hover {
    color: #b91d6f;
    text-decoration: none;
}

#content.bubblyFAQ H2 {
    font-size: 1.1em;
}

p {
	line-height:180%;
}

P.largerText {
    font-size: 1em;
}

P.smallerText {
    font-size: .8px;
}

P.spacedOut {
    line-height: 135%;
}

#sidebar #subscribe-cta {
    font-weight: bold;
    font-size: 20px;
    color: #333;
}

#sidebar #subscribe-cta:hover {
    background-color: transparent;
    color: #E54097;
}

#footer {
    text-align: center;
    color: #707070;
    font-size: 10px;
}

#footer-menu {
    font-size: 12px;
}

#footer A {
    color: #707070;
    text-decoration: none;
}

#footer A:hover {
    color: #E54097;
}



.errorText {
    color: red;
}


/************************************************/
/******************** layout ********************/
/************************************************/

/******** Common Elements *********/

.clear {
    clear: both;
}

BR.clear {
    margin: 0;
    padding: 0;
}

.halfColLeft {
    width: 48%;
    float: left;
}

.halfColRight {
    width: 48%;
    float: right;
}

/***** lists *******/

UL {
    margin: 0;
}

LI {
    margin: 0;
    padding: 0;
}

.linkList {
    list-style: none;
    padding: 0 10px;
}

.linkList LI {
    list-style: none;
}

.linkList.mimeList LI {
    margin: 4px 0;
}

/***** forms ******/

textarea {
    width: 400px;
    height: 150px;
}


/***** mime ******/

.pdf-link {
    background: url('../img/pdf.gif') no-repeat 0 0;
    padding: 2px 0 2px 20px;
    line-height: 16px;
}

.video-link {
    background: url('../img/movie.png') no-repeat 0 0;
    padding: 2px 0 2px 20px;
    line-height: 16px;
}

/******* Begin Wrappers *******/

body {
	margin: 0;
	padding: 0;
    background: url('/img/bubbly-main-bg.png') repeat-y 50% 0 #333333;
}

html, body {
    height: 100%;
	background-color:#333333 !important;
}

#page {
    background:url('../img/bubbly-girl-logo.png') no-repeat 12px 5px;
	padding: 0 15px 10px 15px;
	margin-left:auto; 
	margin-right:auto; 
	width: 950px;
	background-color: #FFF;
	min-height: 100%;
}


#layout	{
	background-image:url('/img/bg_scallop.gif'); 
	background-repeat:repeat-y; 
	margin-left:auto; 
	margin-right:auto; 
	width:1150px;
	min-height:inherit;
}

/******* Begin Header *********/

#header {
    padding: 150px 0 10px;
    position: relative;
    text-align: center;
}

#bubbly-logo {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 190px;
    height: 190px;
    text-indent: -2000px;
    overflow: hidden;
    display: block;
    outline: none;
}

#main-caption {
    display: none;
    position: absolute;
    z-index: 9;
    top: 115px;
    left: 375px;
    width: 300px;
    height: 30px;
}

.condensed #logo {
    background: url('/img/bubbly-girl-logo-solo.png') no-repeat 0 0;
    width: 355px;
    height: 85px;
    padding-right: 0;
    margin: -5px auto 5px auto;
}

.condensed #main-caption {
    position: relative;
    top: 0;
    left: 0;
    margin: -20px auto 0 auto;
    z-index: 10;
    display: none;
}

#main-nav {
    list-style: none;
    list-style-position: inside;
    /*width: 764px;*/
    min-height: 40px;
    margin: -100px auto;
    padding: 25px 0 0 10px;;
	float:right;
}

#main-nav LI {
    float: left;
    width: 104px;
    margin: 0 2px;
}

#main-nav LI A {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 54px;
    padding: 0 2px;
    line-height: 18px;
    outline: none;
}

#main-nav LI.selected A {
    background: url('/img/bubbly-menu-hover.png') no-repeat 0 bottom;
}

#main-nav LI A:hover, #main-nav LI.selected A:hover {
    background: url('/img/bubbly-menu-hover.png') no-repeat -150px bottom;
    color: #FFF;
}


/************ Begin Sidebar ***********/

#sidebar {
    float: left;
	width: 270px;
	padding: 25px 0 0 0;
	margin: 0;
}

#sidebar.alignRight {
    float: right;
    padding: 10px 0 15px 0;
}

#sidebar form {
	margin: 0;
}

#sidebar UL LI {
    clear: both;
}

#sidebar UL UL LI {
    margin: 0;
}

#sidebar UL UL LI A {
    display: block;
    padding: 5px 10px;
}

#sidebar #tag_cloud {
    padding-bottom: 20px;
}

#sidebar #tag_cloud A {
    float: left;
    padding: 3px 5px;
}

#sidebar A {
     
}

#sidebar A:hover {
    /*background-color: #F8CEDE;*/
    background-color: #E5E5E5;
}

#sidebar A.noShadow:hover {
    background-color: inherit;
}

/* End Sidebar */

/********* callouts ***********/

#contact-cta, #signup-cta, #twitter-cta {
    text-indent: -2000px;
    overflow: hidden;
    display: block;
    outline: none;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#contact-cta {
    width: 230px;
    height: 251px;
    background-image: url('/img/contact-the-bubbly-girl.png');
    margin-top: 20px;
    
}

#signup-cta {
    width: 230px;
    height: 258px;
    background-image: url('/img/newsletter-signup.png');
    margin-top: 20px;
}

#subscribe-cta {
    height: 50px;
    line-height: 50px;
    background: url('/img/rss-icon.png') no-repeat 0 0;
    padding-left: 58px;
    display: block;
}

.bookTout {
    text-align: center;
}

.bookTout IMG {
    display: block;
    margin: 10px auto 7px auto;
}

#twitter-cta {
    width: 160px;
    height: 155px;
    margin-top: 20px;
    background-image: url('/img/twitter-bubbly-girl.png');
}

.facebook-widget {
    padding: 10px 0;
}



/************ begin content area *************/

DIV.post {
    background: url('/img/the-bubbly-girl-bubbles-small.png') no-repeat 10px bottom;
    padding-bottom: 95px;
}

#content {
    float: right;
    width: 655px;
    padding: 0;
    margin: 0;
}

#content.alignLeft {
    float: left;
}

#content.video-column {
    width: 440px;
    padding: 0 130px;
}

#content H1 {
    margin: 10px 0 0 0;
}

#content H2 {
    margin-top: 0;
}

#content IMG.alignLeft {
    float: left;
    margin: 0 20px 10px 0;
}

#content IMG.alignRight {
    float: right;
    margin: 0 0 10px 20px;
}

.content-block.row-even .content-main-image {
    float : left;
    margin: 0 20px 10px 0;
}

.content-block.row-odd .content-main-image {
    float: right;
    margin: 0 0 10px 20px;
}


#content HR, #content DIV.divider {
    background: url('/img/the-bubbly-girl-bubbles.png') no-repeat 50px 2px;
    border: 0;
    height: 89px;
    clear: both;
}

#content div.content-block {
    padding: 20px 0 10px 0;
}

#content .banner-ad {
    text-align: center;
}

/* end content area */


/************** right side bar ****************/

body.rightBar #content {
    width: 525px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
}

body.rightBar #content img {
    max-width: 510px;
}

body.rightBar #content .wp-caption {
    max-width: 520px;
}

body.rightBar #content div.divider {
    background: url('/img/the-bubbly-girl-bubbles-small.png') no-repeat 10px 2px;
}

#rightBar {
    width: 160px;
    float: right;
}



/************** footer *******************/

#footer-menu A {
    padding: 5px;
}

/* end footer */



/************* about me page ***************/

#inspiration-pics {
    text-align: center;
}

#inspiration-pics IMG {
    margin: 5px;
    vertical-align: middle;
}

/************* FAQ page *****************/

#content.bubblyFAQ H2 {
    padding: 8px 0 0 0;
    margin-bottom: 0;
}