/* Theme Name: Hair Gone Wrong Theme URI: http://www.chriserdesign.co.uk/ Description: Hair Gone Wrong Author: Krzysztof Pochopien Author URI: www.chriserdesign.co.uk Version: 1.0 Tags: Hair Gone Wrong */ * {padding:0; margin-right:0; margin-bottom:0; margin-left:0; margin-top:0;} body {background: #000 url(images/bg.jpg) center repeat-y; height: 100%; font-family: Arial, Geneva, Verdana, sans-serif; font-size:16px; line-height: 20px;} img {border:none;} .pictures_left {float:left; margin:5px 10px 0 0; padding:3px; border:#6F0003 solid 1px;} .pictures_right {float:right; margin:5px 0 0 10px; padding:3px; border:#6F0003 solid 1px;} ul {list-style-type: none; padding:0 20px 0 20px; font-size: 14px;} li {list-style-type: none; color:#4C0600;} h1 {font-size: 1.5em; color: #393125; padding: 0 20px 15px 20px;} h2 {font-size: 18px; color:#720200; padding: 5px 20px 10px 20px;} h3 {font-size: 24px; color:#580400; padding: 5px 20px 15px 20px;} p {padding: 0 20px 15px 20px;} a {color:#580400; text-decoration: none; font-weight: bold;} a:visited {color:#580400;} a:hover {color:#720200; text-decoration: none;} .top {width:1050px; height:147px; background:url(images/menu_bg.jpg) no-repeat top; margin:0 auto;} .menu {width:1000px; height:auto; padding:79px 0 0 0; margin:0 25px;} #top_picture a {text-decoration:none; margin:0 auto;} #top_picture a:hover {text-decoration:none; margin:0 auto;} #wrapper {width: 1000px; text-align:justify; margin: auto;} #headerTop {height: 206px;} #headerBottom {height: 177px;} #mainContainer {float:left; width:1000px; background: #ffffff;} #content {float: left; width:690px; margin:20px 0 0 0; padding:0 10px 0 0; overflow:hidden;} #sidebar {float: left; width: 300px; overflow:auto; } #navigation {list-style: none; padding:0;} #navigation li {float: left;} #navigation a * {display: none;} #navigation a, #navigation a .hover {height: 68px; position: relative; display: block; background: url(images/menu_stripe.png) 0 0 no-repeat;} /* individual navigation items */ #navigation a.button1 {background-position: 0 0; width: 200px;} #navigation .highlight a.button1:hover, #navigation a.button1 .hover {background-position: 0 -68px; width: 200px;} #navigation a.button2 {background-position: -200px 0; width: 200px;} #navigation .highlight a.button2:hover, #navigation a.button2 .hover {background-position: -200px -68px;} #navigation a.button3 {background-position: -400px 0; width: 200px;} #navigation .highlight a.button3:hover, #navigation a.button3 .hover {background-position: -400px -68px;} #navigation a.button4 {background-position: -600px 0; width: 200px;} #navigation .highlight a.button4:hover, #navigation a.button4 .hover {background-position: -600px -68px;} #navigation a.button5 {background-position: -800px 0; width: 200px;} #navigation .highlight a.button5:hover, #navigation a.button5 .hover {background-position: -800px -68px;} /*_________________________________________________ CURRENT PAGES ________________________________________________*/ #one {width: 200px; height: 68px; margin:0; background: transparent url(images/menu_stripeIE6.gif) no-repeat; z-index:1000; position:relative; display: block;} #two {width: 200px; height: 68px; margin:0 0 0 200px; background: transparent url(images/menu_stripeIE6.gif) no-repeat scroll -200px 50%; z-index:1000; position:relative; display: block;} #three {width: 200px; height: 68px; margin:0 0 0 400px; background: transparent url(images/menu_stripeIE6.gif) no-repeat scroll -400px 50%; z-index:1000; position:relative; display: block;} #four {width: 200px; height: 68px; margin:0 0 0 600px; background: transparent url(images/menu_stripeIE6.gif) no-repeat scroll -600px 50%; z-index:1000; position:relative; display: block;} #five {width: 200px; height: 68px; margin:0 0 0 800px; background: transparent url(images/menu_stripeIE6.gif) no-repeat scroll -800px 50%; z-index:1000; position:relative; display: block;} #simple_spy {float:left; margin:6px 0 0 10px; padding:15px 10px 4px 10px; width:300px; font-size:11px; z-index:1; position:absolute;} #simple_spy ul {font-size:12px; list-style-type:none; margin:0; padding:0; position:relative;} .rating {background-image:url(images/simple-spy/info_bar_stars.png); background-repeat:no-repeat; height:12px; text-indent:-900em; font-size:5px; margin:0 0 5px 0;} .none {background-position: 82px 0px;} .one {background-position: 82px -12px;} .two {background-position: 82px -24px;} .three {background-position: 82px -36px;} .four {background-position: 82px -48px;} .five {background-position: 82px -60px;} .tags {color: #fff; margin: 0.5em;} .tags a, .tags span {background-color: #333839; font-size: 0.8em; padding: 0.1em 0.8em 0.2em;} .tags a:link, .tags a:visited {color: #fff; text-decoration: none;} .tags a:hover, .tags a:active {background-color: #3e4448; color: #fff; text-decoration: none;} .tags_claim {color: #fff; margin: 0.5em;} .tags_claim a, .tags_claim span {background-color: #b80303; font-size: 0.8em; padding: 0.1em 0.8em 0.2em;} .tags_claim a:link, .tags_claim a:visited {color: #fff; text-decoration: none;} .tags_claim a:hover, .tags_claim a:active {background-color: #f10707; color: #fff; text-decoration: none;} .tags_claim a {-webkit-border-radius: 8px; -moz-border-radius: 8px;} #simple_spy li h6 {color:#f10707; font-size:14px; margin:0; line-height:16px;} #simple_spy li h6 a {color:#f10707; text-decoration:none; line-height:16px;} #simple_spy li .info_claim {color:#ffffff; font-size:16px; font-weight:bold;} #simple_spy li {height: 90px; overflow: hidden;} #simple_spy li h5 {color:#FFF; font-size:1em; margin: 0;} #simple_spy li h5 a {color:#FFF; text-decoration:none;} #simple_spy li img {float:left; margin-right:8px;} #simple_spy li .info {color:#A5A9AB; font-size:12px;} #simple_spy .info a, #simple_spy .info a:visited {color:#3E4548; text-decoration: none;} #simple_spy .spyWrapper {height: 100%; overflow: hidden; position: relative;} #simple_spy li p {margin: 0; padding:0;} .tags span, .tags a {-webkit-border-radius: 8px; -moz-border-radius: 8px;} label {display: block; } /*________________________________ SIDEBAR _____________________________*/ .sidebar_title {font-size:20px; width:280px; text-align:center;} .sidebar_top {background:url(images/sidebar_top.jpg) no-repeat; height:10px; width:280px; margin:20px 0 0 0; overflow:hidden; padding:0 20px 0 0;} .sidebar_middle {background:url(images/sidebar_middle.jpg) repeat-y; height:auto; width:280px; overflow:hidden; padding:0 20px 0 0;} .sidebar_bottom {background:url(images/sidebar_bottom.jpg) no-repeat; width:280px; height:10px; overflow:hidden; padding:0 20px 0 0; float:right;} .sidebar_insider {padding:0 20px 0 0; line-height:27px;} .submenu {padding:0px 0px 0px 40px;} .menu_sidebar {padding:0px 0px 0px 10px;} .sidebar_quote {font-size:12px; font-style:italic; color:#760800;} #sidebar_link a:link {font-weight:bold; font-size:16px; color:#000000; text-decoration:none; background:url(images/icon_sidebar.png) no-repeat left; padding:0px 0px 0px 30px;} #sidebar_link a:visited {font-weight:bold; font-size:16px; color:#000000; text-decoration:none; background:url(images/icon_sidebar.png) no-repeat left; padding:0px 0px 0px 30px;} #sidebar_link a:hover {font-weight:bold; font-size:16px; color:#909090; text-decoration:none; background:url(images/icon_sidebar_hover.png) no-repeat left; padding:0px 0px 0px 30px;} #sidebar_link a:active {font-weight:bold; font-size:16px; color:#000000; text-decoration:none; background:url(images/icon_sidebar.png) no-repeat left; padding:0px 0px 0px 30px;} #subsidebar_link a:link {font-weight:normal; font-size:14px; color:#000000; text-decoration:none; background:url(images/icon_subsidebar.png) no-repeat left; padding:0px 0px 0px 20px;} #subsidebar_link a:visited {font-weight:normal; font-size:14px; color:#000000; text-decoration:none; background:url(images/icon_subsidebar.png) no-repeat left; padding:0px 0px 0px 20px;} #subsidebar_link a:hover {font-weight:normal; font-size:14px; color:#909090; text-decoration:none; background:url(images/icon_subsidebar_hover.png) no-repeat left; padding:0px 0px 0px 20px;} #subsidebar_link a:active {font-weight:normal; font-size:14px; color:#000000; text-decoration:none; background:url(images/icon_subsidebar.png) no-repeat left; padding:0px 0px 0px 20px;} #claim_link a:link {font-weight:bold; font-size:16px; color:#FF1A1F; text-decoration:none; background:url(images/icon_claim.png) no-repeat left; padding:0px 0px 0px 30px;} #claim_link a:visited {font-weight:bold; font-size:16px; color:#FF1A1F; text-decoration:none; background:url(images/icon_claim.png) no-repeat left; padding:0px 0px 0px 30px;} #claim_link a:hover {font-weight:bold; font-size:16px; color:#91000F; text-decoration:none; background:url(images/icon_claim_hover.png) no-repeat left; padding:0px 0px 0px 30px;} #claim_link a:active {font-weight:bold; font-size:16px; color:#FF1A1F; text-decoration:none; background:url(images/icon_claim.png) no-repeat left; padding:0px 0px 0px 30px;} /* ----- Footer ----- */ #footer {font-size: .9em; background: url(images/footer.png); height: 42px; clear: both;} #footer #left {float: left; padding-left: 20px;} #footer #right {float: right; padding-right: 20px;} #footer #left, #right {color: #003; padding-top: 15px;} #footer a, #footer a:visited {color: #393125; text-decoration: none;} #footer a:hover {color: #003; background: none; background-color: #d0d2d4;} /* ----- Form ----- */ fieldset {margin: 10px 0 0 20px; padding: 0;} legend {margin-left: 8px; color: #003; font-weight: bold;} fieldset ol {padding: 5px 5px 0 5px; list-style: none;} fieldset li {padding-bottom: 15px;} fieldset.submit {border-style: none; float: none; width: auto; border: 0 none #fff; padding: 0 0 20px 147px;} label {display: block; float: left; width: 130px; margin-right: 10px; text-align: right;} input {border: 1px solid #036;} textarea {font: small Arial, Geneva, Verdana, sans-serif; border: 1px solid #036; margin-top: 3px;} /*__________________________________________________ TOP __________________________________________________*/ #message a { /* display: block before hiding */ display: block; display: none; /* link is above all other elements */ z-index: 999; /* link doesn't hide text behind it */ opacity: .8; /* link stays at same place on page */ position: fixed; /* link goes at the bottom of the page */ top: 100%; margin-top: -80px; /* = height + preferred bottom margin */ /* link is centered */ left: 50%; margin-left: -160px; /* = half of width */ /* round the corners (to your preference) */ -moz-border-radius: 24px; -webkit-border-radius: 24px; /* make it big and easy to see (size, style to preferences) */ width: 300px; line-height: 48px; height: 48px; padding: 10px; background-color: #000; font-size: 24px; text-align: center; color: #fff; } .disclamer {height:100px; width:1100px; margin:0 auto; background:url(images/disclamer.png) no-repeat scroll 100px 0 #000000; background-color:#000;} /*________________________________ FORMS _____________________________*/ .form_textbox {padding:10px 15px 0 15px; text-align:justify;} input.text_field, textarea {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -x-system-font:none; background:#FFFFFF url(images/claim_form/input_bg.gif) repeat-x scroll center top; border:1px solid #BBBBBB; color:#222222; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:7px; width: 194px;} input.text_field_contact, textarea {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -x-system-font:none; background:#FFFFFF url(images/claim_form/input_bg.gif) repeat-x scroll center top; border:1px solid #BBBBBB; color:#222222; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:5px 0 0 0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:7px; width: 270px;} input, select {-x-system-font:none; color:#444444; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; width:100%;} .contact-us-form-left {float:left; margin-right:20px;} .contact-us-form-right {float:left; margin:0;} .dropdown {-moz-background-inline-policy:continuous; background:url(images/claim_form/input_bg.png) repeat-x scroll left top #F7FCFF; border:1px solid #97B5D2; color:#25313C; font-family:Georgia,Times,"Times New Roman",serif; font-size:18px; height:35px; padding:5px;} #content_link .wpcf7-submit {height:35px; margin:0; width:636px;} .wpcf7-radio input {width: 20px; margin:0 0 0 40px;} input, select {color:#444444; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} .sidebar_title_callback {color:#000000; display:block; font-size:22px; font-weight:bold; height:34px; text-align:center;} .form-content p {font-size:12px;} .wpcf7-submit {height:35px; width:210px;} #content .wpcf7-submit {height:35px; margin:10px 0 0 0; width:640px;}