/*
Description: Legally Blonde - Elle's Lounge Default CSS
Creator: Matthew Healy
Revision History: 
2007-08-16 :: Revision 1.0 - Matthew Healy
2007-08-24 :: Revision 1.1 - Jade Rauenzahn
*/

/****************/
/* Reset Styles */
/****************/
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-weight:normal}caption,th,td{text-align:left}html {font-size: 12px;}* html {font-size: .75em;}
a,a:visited{-moz-outline-style: none;outline-style: none;}
option { padding-right: 9px; }


/********************/
/* Global Selectors */
/********************/
body { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; color: #a6388d; line-height: 1.4; }
h1 { font-size: 1.45em; font-weight: bold; color: #7e5488;}
h2 { font-size: 1.17em; font-weight: bold; }
h3 { font-size: 1em; font-weight: bold; padding: 0px; }
h4 { font-size: 1.17em; font-style: italic; padding: 0px; }
ol, ul, p { margin-bottom: 15px; }
textarea { font-family: arial, helvetica, sans-serif; font-size: .95em; }
a { color: #7e5488; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }


/************************/
/* Structural Selectors */
/************************/

/* All pages */
.container { width: 827px; margin: 0px auto; background: url('../img/global_backgroundBottom.gif') no-repeat bottom; }
.headerArt { padding: 5px 0px 5px 35px; font-size: .916em; margin-bottom: 0; }
.headerArt li { display: inline; padding-right: 8px; margin-right: 5px; border-right: 1px solid #a6388d; }
.headerArt .last { border-right: none; }
.headerArt li a { font-weight: normal; }

.pageNav { margin: 0px 30px 12px 0px; text-align: center; }
.pageNav li { font-variant: small-caps; font-weight: bold; color: #9fa974; margin: 10px; display: inline; font-family: Georgia, "Times New Roman", Times, serif; }
.pageNav li a { color: #b56b96; }

.content { background: url('../img/global_backgroundTop.gif') no-repeat top; padding: 31px 40px; width: 725px; }
.content h1 { border-bottom: 3px #fdd9ee double; padding-bottom: 9px; margin-bottom: 20px; height: 40px; }
.contentTitle { font-size: 2em; font-weight: bold; font-style: italic; color: #7e5488; }
.contentDescription { font: 1.17em Georgia, "Times New Roman", Times, serif; font-variant: small-caps; color: #7e5488; }

.footer { margin: 12px 0px 20px 0px; font-size: .916em; text-align: center; }
.footer li { display: inline; padding: 0 20px; text-transform: uppercase; }

.col { float: left; display: inline; width: 350px; }
.col h2 { text-transform: uppercase; color: #7e5488; font-size: 1.5em; border-bottom: 3px double #fdd9ee; padding: 5px 10px; margin-bottom: 10px; }
.col p { padding: 0 10px; }
.col2 { float: right; }

.headerArt { height: 231px; }
.home .txt { margin-left: 10px; }
.nav { padding: 3px 0 40px 90px; }

/* Login / Join */
.login { padding: 31px 25px; width: 750px; margin: 0 auto; }
.login .col { float: left; display: inline; width: 335px; margin: 0 40px 0 7px; background: #FEEFF8; padding: 10px 5px; }
.login .col dl dt { font-weight: bold; text-align: right; width: 120px; }
.login .col dl dd { width: 170px; position: relative; left: 130px; margin: -17px 0 15px 0; }
.login .col form p { font-weight: bold; margin-left: 10px; }
.login .col .submit { text-align: center; }
.login .loginCol { margin-right: 0; }
.login .loginCol dl dt { width: 100px; }
.login .loginCol dl dd { left: 110px; }

/* Home */
.home h3 { font-size: 1.2em; text-transform: uppercase; }
.homeBox { margin-bottom: 15px; background: #feeff8; padding-bottom: 10px; overflow: auto; }
.homeBox ul { padding: 0 10px; }
.homeBox ul li { list-style: none; padding: 0 5px; color: #be6497; }
.homeBox ul .even { background: #feeff8; }
.homeBox .ringtones li span { font-size: .9em; color: #A6388D; }
.homeBox .ringtones .even { background: #fff; }
.boxCol1 { float: left; display: inline; width: 145px; padding: 0 5px 5px 10px; }
.boxCol1 h3 { text-transform: uppercase; line-height: 1.1; }
.boxCol1 h3 span { font-weight: normal; display: block; font-style: italic; text-transform: none; }
.boxCol2 { float: right; display: inline; width: 180px; padding: 0 5px 5px; }
.boxCol2 p { padding: 0; }
.shorterBox .boxCol1 { width: 90px; }
.shorterBox .boxCol2 { width: 230px; }

.txt { margin-bottom: 0 !important; }
.cloud { text-align: center; margin-bottom: 0; }
.cloud li { display: inline; }

/* Downloads */
.downloads h3 { margin-bottom: 10px; }
.downloads h3 span { font-size: 20px; padding-bottom: 10px; }
.downloads p { color: #5c3069; }
.downloads input { background: none; }
.section { border-top: 3px double #fdd9ee; margin-top: 30px; padding-top: 15px; }
.section p {  }
.firstSection { border-top: 0; margin-top: 0; padding-top: 0; }
.accessorize .banner { width: 237px; display: inline; float: left; }
.accessorize .banner img { float: left; display: inline; }
.accessorize .banner textarea { width: 90px; height: 240px; border: none; background: #fcf1f7; color: #cb6090; margin-left: 10px; }
.accessorize .banner3 { width: 245px; }
.accessorize .banner3  textarea { width: 83px; }
.myspace textarea { background: #fcf1f7; color: #cb6090; height: 234px; width: 395px; border: none; margin-bottom: 3px; }
.phone .ringtones { float: left; display: inline; width: 275px; margin-right: 20px; border-right: 1px solid #fad0eb; padding-right: 25px; }
.phone .ringtones ul li { list-style: none; padding: 10px 5px; background: #feeff8; color: #5c3069; font-size: 1.2em; }
.phone .ringtones ul li span { font-size: .9em; color: #A6388D; }
.phone .ringtones ul .even { background: #fff; }
.phone .wallpapers { float: left; display: inline; width: 380px; }
.phone .wallpapers .txt { border: 1px solid #5c3069; width: 100px; }
.phone .wallpapers .wallpaper { float: left; display: inline; margin-right: 55px; width: 145px; }
.phone #wallpaper2 { margin-right: 10px; }
.desktop img { margin: 0 20px 20px 0; }
.desktop .icons { width: 300px; float: left; display: inline; border-right: 1px solid #fad0eb; margin-right: 25px; }

/* Rallies */
.news { float: left; display: inline; width: 455px; }
.news .item { background: #feeff8; overflow: auto; clear: left; }
.news .item img { float: left; display: inline; margin: 10px; }
.news .item h2 { margin-top: 5px; }
.news .item p { margin-bottom: 5px; }
.news .even { background: #fff; }
.featured { float: right; display: inline; width: 250px; margin-left: 15px; border: 1px solid #fdd9ee; }
.featured h2 { line-height: .8; border-bottom: 1px solid #fdd9ee; text-transform: uppercase; text-align: center; font-size: 1.9em; color: #7e5488; padding: 5px 5px 0; position: relative; top: 10px; }
.featured h3 { text-align: center; text-transform: uppercase; font-size: 1.1em; margin: 10px 0; padding-top: 10px; }
.featuredImg { padding: 0 0 10px 10px; float: left; display: inline; }
.featured p { clear: both; padding: 0 10px; }
.featured ul { float: left; width: 130px; display: inline; margin-left: 10px; }
.featured ul li { list-style: none; list-style-position: outside; }
.featured div { border-top: 3px double #fdd9ee; }
.featured div h2 { font-size: 1.4em; text-align: left; color: #a6388d; border-bottom: none; padding-bottom: 0; top: 5px; }
.featured div p { padding: 3px 5px; }
.featured table { width: 100%; padding: 10px 0 10px 10px; }
.featured table img { padding: 5px; }
.featured .rssButton { position: relative; top: 3px; }
.featured #rssOptions p { text-align: center; }
.itemInfo { padding: 5px 0 0 70px; border-top: 1px solid #fdd9ee; border-bottom: 1px solid #fdd9ee; }
.eventInfo { float: left; display: inline; width: 370px; }

/* Community */
.community .col div { background: #FEEFF8; padding: 8px 0; overflow: auto; margin-bottom: 15px; }
.community .col div h2 { padding: 0 0 5px 10px; margin-bottom: 10px; text-transform: uppercase; border-bottom: 3px double #fdd9ee; }
.community .col div img { float: left; display: inline; margin: 0 10px 5px; }

/* Promos */
.promos .intro { width: 390px; float: left; display: inline; margin-right: 15px; }
.promos .intro h2 { margin-bottom: 15px; }
.promos .entry { width: 320px; float: left; display: inline; background: #FEEFF8; margin-bottom: 20px; }
.promos .entry h2 { padding: 5px 0 5px 10px; margin-bottom: 10px; text-transform: uppercase; border-bottom: 3px double #fdd9ee; color: #7E5488; }
.promos .entry dl dt { width: 120px; text-align: right; margin-left: 5px; }
.promos .entry dl dd { width: 170px; position: relative; margin: -15px 0 15px 0; left: 135px; }
.promos .entry select { border: 1px solid #fdd9ee; }
.promos .entry p { margin: 0 20px 15px; text-align: center; }
.promos .rules { clear: both; font-size: .8em; border-top: 3px double #fdd9ee; padding-top: 20px; }
.promos .rules h3 { font-size: 1.4em; }
.promos .partyInfo dt { text-align: right; font-weight: bold; width: 120px; }
.promos .partyInfo dd { position: relative; left: 130px; top: -16px; width: 250px; margin-bottom: -5px; }

/* Omiblog */
.blog { float: left; display: inline; width: 500px; margin-right: 20px; }
.blog .entry { margin-bottom: 10px; padding: 5px 10px; border: 3px double #fdd9ee; }
.blog .even { background: #FEEFF8 !important; }
.blog .entry h2 { font-size: 1.6em; border-bottom: 1px solid #fdd9ee; margin-bottom: 10px; }
.blog .entry .author { float: left; display: inline; margin-right: 10px; width: 140px; }
.blog .entry .post { float: left; display: inline; width: 320px; }
.blog .view_comments { clear: both; font-weight: bold; font-size: .9em; margin-bottom: 0; text-align: right; }
.blog .comments { border-top: 3px double #fdd9ee; padding-top: 10px; margin-top: 5px; }
.blog .comment { padding: 5px 10px; background: #fff; margin-bottom: 2px; }
.blog .comment .posted { margin-bottom: 5px; font-size: .8em; border-bottom: 1px solid #fdd9ee; padding-bottom: 2px; }
.blog .addcomment { border-top: 3px double #fdd9ee; padding-top: 5px; margin-top: 10px; }
.blog .addcomment p { margin-bottom: 0; font-weight: bold; }
.blog .addcomment textarea { border: 1px solid #fdd9ee; width: 460px; padding: 5px; line-height: 1.3; }
.blog .addcomment .submit { margin: 5px 0 0 395px; }
.blog ul li { display: inline; }
.blog_side { float: left; display: inline; width: 203px; }
.blog_side div { background: #FEEFF8; padding-bottom: 5px; margin-bottom: 20px; }
.blog_side div h3 { padding: 5px 0 5px 5px; margin-bottom: 10px; text-transform: uppercase; border-bottom: 3px double #fdd9ee; color: #7E5488; font-size: 1.2em; }
.blog_side div h5 { font-size: 1em; font-weight: bold; margin-left: 5px; }
.blog_side div p { margin-left: 5px; }
.blog_side img { margin-left: 5px; }
.blog_side .blogs img { clear: left; float: left; margin: 5px; }
.bom { text-align: center; }
.bom h3 { text-align: left; }
.bom h5 { padding-bottom: 10px !important; }

/* Text Reviews */
.reviews .phoneReviews { border: 3px double #fdd9ee; text-align: center; margin: 0 50px; }
.reviews ul li { list-style: none; background: #fff; color: #be6497; display: inline; padding: 0 5px; }
.reviews .phoneReviews .even { background: #feeff8; }

/* Videos */
.video .player { float: left; display: inline; width: 430px; margin-right: 10px; padding-top: 7px; }
.video .info { float: left; display: inline; width: 285px; }
.video .info h4 { margin-bottom: 10px; font-size: .9em; }
.video .info .more { background: #feeff8; border: 3px double #fdd9ee; padding-bottom: 5px; }
.video .info .more h2 { border-bottom: 1px solid #fdd9ee; padding: 5px; margin-bottom: 10px; }
.video .info .more img { margin: 5px 0 5px 4px; }

/* Blog of the Month */
.monthlyBlonde input { background: none; }
.monthlyBlonde .sidecol { float: left; display: inline; width: 200px; margin-right: 10px; }
.monthlyBlonde .sidecol div { text-align: center; background: #FEEFF8; padding: 10px 5px; margin-bottom: 20px; overflow: auto; }
.monthlyBlonde .sidecol div h2 { font-size: 1.4em; padding-bottom: 5px; }
.monthlyBlonde .sidecol div textarea { border: 1px solid #ccc; width: 170px; height: 80px; }
.monthlyBlonde .sidecol div dl dt { font-weight: bold; font-size: 1.1em; padding-bottom: 5px; }
.monthlyBlonde .sidecol div .submit { float: right; margin: 10px; }
.monthlyBlonde .questions { float: left; display: inline; width: 515px; }
.monthlyBlonde .questions dl { border: 3px double #FDD9EE; }
.monthlyBlonde .questions dl dt { padding: 10px; background: #FEEFF8; border-top: 1px solid #FDD9EE; }
.monthlyBlonde .questions dl dd { padding: 5px 10px 15px; }
.monthlyBlonde .questions .first { border-top: none; }
.monthlyBlonde .questionbox dl dt { font-weight: bold; }
.monthlyBlonde .questionbox textarea { border: 1px solid #fdd9ee; width: 500px; height: 60px; }

/* Shopping Page */
.shopping .item { overflow: auto; clear: both; border-bottom: 3px double #fdd9ee; padding-bottom: 20px; margin-bottom: 20px; } 
.shopping .item h3 { font-size: 2.2em; }
.shopping .item img { padding: 0 10px; }
.shopping .last { border-bottom: none; }

/* Sponsors */
.sponsors { text-align: center; }

/* Experience - Home Page */
.experienceIntro { border-bottom: 1px solid #fdd9ee; margin-bottom: 15px; }
.experienceCaption { float: right; display: inline; width: 250px; margin-right: 10px; }
.experienceCaption img { border: 1px solid #FDD9EE; padding: 4px; }
.experienceCaption h2 { font-size: 1.4em; border-top: 1px solid #fdd9ee; padding-top: 10px; }
.experienceBreakdown { float: left; display: inline; width: 450px; } 
.experienceBreakdown dt { font-weight: bold; text-align: right; width: 130px; }
.experienceBreakdown dd { position: relative; left: 140px; top: -16px; width: 300px; }
ul.experience, .exp_pop ul { margin-left: 25px; }
ul.experience li, .exp_pop ul li { padding-bottom: 5px; }
.exp_pop ul { margin-bottom: 0px; }

/* Strikethrough */
.strikethrough {text-decoration: line-through;}

/* My Account */
.account h2 { padding-bottom: 10px; }
.account dl dt { text-align: right; }
.account dl dd { position: relative; top: -15px; margin-bottom: -5px; width: 190px; }
.accountCol { float: left; display: inline; width: 325px; }
.accountCol dl dt { width: 115px; }
.accountCol dl dd { left: 120px; }
.accountCol .submit { position: relative; left: 210px; }
.personalCol { float: left; display: inline; width: 375px; }
.personalCol dl dt { width: 140px; }
.personalCol dl dd { left: 145px; }
.personalCol p { text-align: center; }
.personalCol .submit { position: relative; left: 240px; }

/* Lost Password */
.lostPassword { margin: 0 auto; width: 400px; font-weight: bold; }
.lostPassword span { position: relative; left: 20px; top: 6px; }

/* Popup */
.popup { padding: 10px; }

/*******************/
/* Special Classes */
/*******************/
.center { text-align: center; }
.clear { clear: both; }
.flat {	line-height: 0px; font-size: 1px; }
.floatleft { display: inline; float: left; }
.floatright { display: inline; float: right; }
.error { color: #c00; font-weight: normal; }
.right { text-align: right !important; }
.center { text-align: center; }
.checkbox input { background: none; }
.nomargin { margin-bottom: 0; }
.buytix a { font-weight: bold !important; color: #A6388D; }
.note { font-size: .9em; font-style: italic; }

#surveyInfo { text-align : center; }

/**************/
/* SIFR stuff */
/**************/

/* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; z-index: 10; }
.sIFR-replaced { visibility: visible !important; z-index: 10;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.contentTitle { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 36px; position: relative; top: 5px; }
.contentDescription { visibility: hidden; font-family: Georgia; line-height: 1em; font-size: 14px; width: 600px; position: relative; top: 3px; }
.pageNav li { visibility: hidden; font-family: Georgia; line-height: 1em; font-size: 14px; letter-spacing: 1.1em; position: relative; top: 3px; }
.section .descrip { position: relative; top: -9px; font-size: 1em; margin-bottom: -5px; }


.headerImageLBMB{position:relative; left:-60px;}