/*
Theme Name: Baggage Queen
Theme URI: http://baggagequeen.com/
Description: Custom WordPress theme for Baggage Queen.
Version: 1
Author: Jen Rhoton Designs LLC & 1M Creative	 
*/

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, a { text-decoration: none; text-indent: 0; padding: 0; margin: 0; clear: none; list-style-type: none }
h2 { text-indent: -9999px; display: block; margin: 8px 0 30px }

a:hover { cursor: pointer }

body { background: #fc3 url(images/bq_back.gif) no-repeat; margin: 0 auto 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.4em; color: #4b483b }

h1 a { margin: 24px 0 15px 58px; background: url(images/logo.gif) no-repeat; display: block; width: 110px; height: 133px; text-indent: -9999px }

#nav { display: block; position: absolute; left: 350px; top: 80px}
#nav li { margin-left: 35px }
#nav li, #nav a { display: block; float: left; height: 42px }
#nav a { text-indent: -9999px }

a.home, a:visited.home { background: url(images/but-home.png) no-repeat; width: 52px }
a.about, a:visited.about  { background: url(images/but-about.png) no-repeat; width: 58px }
a.products, a:visited.products { background: url(images/but-products.png) no-repeat; width: 77px }
a.contact, a:visited.contact { background: url(images/but-contact.png) no-repeat; width: 65px }

a:hover.contact, a.contact.active { background: url(images/rol-contact.png) no-repeat }
a:hover.products, a.products.active { background: url(images/rol-products.png) no-repeat }
a:hover.about, a.about.active { background: url(images/rol-about.png) no-repeat }
a:hover.home, a.home.active { background: url(images/rol-home.png) no-repeat }

#copy { width: 820px; margin-bottom: 15px }
#copy p { margin-bottom: 15px }
#copy a { color: #606 }
#copy a:hover { color: #f00 }
#copy.home { background: url(images/copy-home.png) no-repeat; height: 496px; }
#copy.basic { background: url(images/copy-basic.png) no-repeat; height: 664px; font-size: 0.9em }
#copy.plain { background: url(images/copy-plain.gif) no-repeat; height: 1111px; clear: both }
#copy.adorable { background: url(images/copy-adorable.gif) no-repeat; height: 1512px; clear: both }
#copy.sensational { background: url(images/copy-sensational.gif) no-repeat; height: 1303px; clear: both }

#copy.home h2 { background:url(images/head-home.gif) no-repeat; width: 260px; height: 73px }
#copy.basic.about h2 { background: url(images/head-about.gif) no-repeat; width: 170px; height: 36px }
#copy.basic.accessories h2 { background:url(images/head-accessory.gif) no-repeat; width: 111px; height: 36px }
#copy.basic.contact h2 { background: url(images/head-contact.gif) no-repeat; width: 161px; height: 38px }
#copy.basic.dolls h2 { background: url(images/head-dolls.gif) no-repeat; width: 57px; height: 37px }
#copy.basic.products h2 { background: url(images/head-products.gif) no-repeat; width: 169px; height: 37px; margin-bottom: 15px }
#copy.basic.uses h2 { background:url(images/head-uses.gif) no-repeat; width: 190px; height: 36px }
#copy.survey.plain h2 {  background: url(images/head-plain.gif) no-repeat; width: 143px; height: 40px }
#copy.survey.adorable h2 {  background: url(images/head-adorable.gif) no-repeat; width: 211px; height: 40px }
#copy.survey.sensational h2 {  background: url(images/head-sensational.gif) no-repeat; width: 186px; height: 40px }

.products .header {  float: left; clear: none; background: url(images/banner-producs.jpg) no-repeat; width: 331px; height: 298px; padding: 30px 60px 0 305px; margin: 50px 38px 0; color: #fff; }
.products p { margin: 4px 0; line-height: 1.2em }
.products ul li { list-style-type: disc; margin-left: 1.5em; line-height: 1em }
.products .left, .products .right { display: block; width: 200px; padding-top: 150px; height: 50px; float: left; clear: none }
.products .left { margin: 20px 0 0 130px; background: url(images/button-background-doll.jpg) no-repeat }
.products .right { margin: 20px 0 0 110px; background: url(images/button-background-accs.jpg) no-repeat }

.uses .left { margin: 55px 0 0 45px; width: 300px; float: left; clear: none }
.uses .right { margin: 55px 0 0 70px; width: 300px; float: left; clear: none; padding-top: 70px }
.uses ul { margin-bottom: 15px }
.uses ul li { list-style-type: disc; margin-left: 1.5em; line-height: 1em }

.dolls h3, .accessories h3 { font-size: 1em; color: #606 }
.dolls p, .accessories p { font-size: 95% }
.third { display: block; width: 185px; height: 445px; margin-left: 52px; float: left; clear: none }
.dolls .header, .accessories .header { float: left; clear: none; width: 710px; height: 50px; margin: 55px 0 0 50px }
.survey .header { float: left; clear: none; margin: 55px 0 0 0 }
.dolls .header h2, .accessories .header h2, .dolls .header p, .accessories .header p, .survey .header h2, .survey .header p { float: left; clear: none; vertical-align: bottom }
.dolls .header h2, .accessories .header h2, .survey .header h2 { margin-right: 5px } 
.dolls .header p, .accessories .header p, .survey .header p { font-size: 95%; padding: 10px 0 0 10px; width: 540px }
.survey .header p { width: 450px; padding-right: 50px }

.home .left { margin: 75px 0 0 35px; width: 422px; float: left; clear: none }
.home .right { width: 240px; margin: 75px 0 0 35px; float: left; clear: none }

.contact .left { margin: 75px 0 0 35px; width: 330px; float: left; clear: none }
.contact .right { width: 330px; margin: 150px 0 0 35px; float: left; clear: none }

.basic.about .left { margin: 55px 0 0 45px; width: 300px; float: left; clear: none }
.basic.about .right { margin: 70px 0 0 35px; width: 371px; height: 500px; float: left; clear: none; background: url(images/diagram.jpg) no-repeat }
.basic.about .right:hover { background: url(images/diagram-rol.jpg) no-repeat }

#copy .button { _margin: 10px auto; text-align: center }
#copy .button a { display: block; background: url(images/purp-but.png) no-repeat; width: 140px; height: 35px; line-height: 35px; color: #fff; margin: 0 auto }
#copy .button a:hover { background: url(images/purp-rol.png) no-repeat; color: #fff }

.third.buttons { padding-top: 20px; height: auto }
#copy .buttons .button { _margin: 10px auto; text-align: center }
#copy .buttons .button a { display: block; background: url(images/purp-but-small.gif) no-repeat; width: 114px; height: 33px; line-height: 25px; color: #fff; margin: 0 auto; font-size: 86% }
#copy .buttons .button a:hover { background: url(images/purp-rol-small.gif) no-repeat; color: #fff }
.buttons input.submit { background: url(images/purp-but-small.gif) center bottom no-repeat; width: 114px; height: 36px; color: #fff; border: none; padding: 0; vertical-align: middle }
.buttons input.submit:hover { background: url(images/purp-rol-small.gif) center bottom no-repeat; color: #fff }

.alignleft { float: left; margin: 5px 15px 10px 0 }
.alignright { float: right; margin: 5px 0 10px 15px }
.aligncenter { text-align: center; margin: 5px auto 10px }

.basic form { margin-left: 1em; width: 270px }
.basic form li { margin-bottom: 0.8em }
.basic form label { display: block }
.basic form input, .basic form textarea { font-size: 0.95em; padding: 0.3em; border: 1px solid #ccc }
.basic form textarea { width: 270px }
.basic p.linklove, .basic form .cf_hidden { display: none }
.basic #sendbutton { color: #906; border: none; background: none; font-size: 1.1em }
.basic #sendbutton:hover { color: #f00; cursor: pointer }
.basic .reqtxt { color: #f00; font-weight: bold }
.basic .reqtxt, .basic .emailreqtxt { font-size: 0.75em }
.basic .emailreqtxt, .basic .captcha { display: block  }

.survey .header { margin-top: 55px }
.survey .header h2 { margin-left: 40px }
.survey form { }
.survey form li { display: block; width: 820px; clear: both; height: 150px; margin-bottom: 35px }
.survey form li.alternate { height: 200px }
.survey img { margin-bottom: 12px }
.survey label { color: #4b483b; font-size: 0.9em; vertical-align: middle; line-height: 1.1em; width: 150px; }
.survey label.alternate { width: auto; white-space: nowrap; padding-left: 200px; margin: 15px 0; display: block; height: 50px; border: 1px solid #fff }
.survey label.alternate.second { padding: 0 0 0 15px; border: 1px solid #fff }
.survey h3, .survey label { display: block; float: left; clear: none; height: 150px; text-align: center; margin: 0 20px }
.survey h3 { line-height: 150px; vertical-align: middle; font-size: 1.2em; color: #72005d; font-weight: bold; text-align: left; width: 110px; margin-left: 40px }
.survey textarea { width: 470px; height: 110px; border: 1px solid #ccc; color: #333; padding: 10px; font-size: 0.95em; margin: 0 55px 0 40px; float: left; clear: none }
.survey input { border: 1px solid #ccc; padding: 5px; font-size: 0.95em; color: #333 }
.survey #submit { height: 35px; vertical-align: middle; background: url(images/purp-but-small.gif) center bottom no-repeat; width: 114px; color: #fff; border: none; margin: 50px 0; float: left; clear: none; font-size: 0.95em }
.survey #submit:hover { background: url(images/purp-rol-small.gif) center bottom no-repeat }
#footer { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: right; width: 740px; line-height: 19px }
#footer a { color: #fff }
#footer a:hover { color: #906 }

/* { border: 1px solid #f00 }