/*
Theme Name: Ghost Perfume
Theme URI: http://www.ghost-perfume.com
Description: My first Wordpress them designed from scratch.  Design based on a similar layout to a theme seen at Deluxe Themes.
Version: 1.0
Author: Richard Benwell
Author URI: http://www.ghost-perfume.com
Tags: pink, blue, dark grey, two columns, fixed width, widgets
*/

body, h1, h2, h3, h4, h5, h6, p, ul, li, img, a {
   padding:0;
   margin:0;
}

ul {
   list-style-type: none;
}

body {
   background: #E6F3F5 url('images/headerbg.jpg') repeat-x scroll 0 0;
   font-family: helvetica, arial, sans-serif;
   font-size: 12px;
   color: #666666;
}

img {
   border: 0;
}

a {
   text-decoration: none;
}

#wrapper {
   margin: auto;
   width: 1000px;
}

#header {
   float: left;
   width: 1000px;
   height: 150px;
}

#navigation {
   float: left;
   width: 1000px;
   height: 40px;
}

#navigation ul {
   margin: 20px 0 0 7px;
   list-style-type: none;
}

#navigation li {
   position: relative;
   margin-left: 3px;
   background-color: #FFFFFF;
   display: inline;
}

#navigation a {
   background-color: #FFFFFF;
   padding: 5px 10px;
   color: #FF0099;
   font-weight: bold;
}

#navigation a:hover, #navigation a:active {
   color: #66CCFF;
}

#navigation li.current_page_item a {
   color: #FFFFFF;
   background-color: #FF0099;
}

#blogtitle {
   float: left;
}

#blogtitle h1 {
   margin: 20px 0 0 10px;
   font-size: 38px;
   color: #FF0099;
}

#blogtitle h1 a {
   color: #FF0099;
}

#blogtitle .tagline {
   margin: 0 0 0 12px;
   color: #66CCFF;
}


#adverts {
   float: right;
   margin: 25px 10px 0 0;
}

#adverts img {
   border: 0;
}

#smallad {
   margin-right: 25px;
   width: 120px;
   height: 60px;
   float: left;
}

#largead {
   margin-left: 25px;
   width: 468px;
   height: 60px;
   float: left;
}

#container {
   float: left;
   width: 1000px;
}

#content {
   float: left;
   margin: 20px 10px 20px 10px;
   width: 750px;
}

#content h3 {
   width: 750px;
   float: left;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   height: 24px;
   padding: 5px 0 0 10px;
   background: #E6F3F5 url('images/mainheader.jpg') no-repeat scroll top left;
   letter-spacing: 0.8px;
}

.infobox {
   float: left;
   width: 748px;
   border: 1px solid #99CCFF;
   border-top: none;
   background-color: #FFFFFF;
   margin-bottom: 20px;
}

.infobox h4 {
   color: #FF0099;
   margin: 10px;
   font-size: 22px;
}

.infobox h5 {
   color: #66CCFF;
   margin: 10px;
   font-size: 16px;
}

.infobox p {
   margin: 10px 10px 10px 10px;
}

.infobox img {
   float: left;
   background-color: #FFFFFF;
   padding: 5px;
   margin: 10px;
   border: 1px solid #99CCFF;
}

.infobox li {
   color: #FF0099;
   font-size: 16px;
   font-weight: bold;
   margin: auto;
   padding: 10px 0;
   text-align: center;
   width: 500px;
   height: 20px;
   border-bottom: 1px dashed #66CCFF;
}

.infobox span.price {
   color: #66CCFF;
}

.infobox a:link, .infobox a:visited {
   font-weight: bold;
   color: #FF0099;
}

.infobox a:hover, .infobox a:active {
   font-weight: bold;
   color: #66CCFF;
   text-decoration: underline;
}

.count {
   font-size: 32px;
   font-weight: bold;
}

.retailers {
   font-size: 32px;
   font-weight: bold;
}

.minimum {
   font-size: 32px;
   font-weight: bold;
   color: #FF0099;
}

.maximum {
   font-size: 32px;
   font-weight: bold;
   color: #66CCFF;
}

#comparison {
   float: left;
}

#comparison h4 {
   width: 750px;
   background: #E6F3F5 url('images/mainheader.jpg') no-repeat scroll top left;
   color: #FFFFFF;
   font-size: 14px;
   height: 24px;
   padding: 5px 0 0 10px;
   letter-spacing: 0.8px;
}

#comparison table {
   background-color: #FFFFFF;
   width: 750px;
   border: 1px solid #99CCFF;
   border-top: none;
   margin-bottom: 20px;
   border-collapse: collapse;
}

#comparison td {
   height: 45px;
   text-align: center;
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px dashed #66CCFF;
}

#comparison .merchant {
   font-weight: bold;
   width: 120px;
}

#comparison .merchant img {
   vertical-align: middle;
   padding: 1px;
   border: 1px solid #99CCFF;
}

#comparison .offers {
   text-align: center;
   font-weight: normal;
   width: 310px;
}

#comparison .price {
   vertical-align: middle;
   color: #FF0099;
   font-size: 20px;
   font-weight: bold;
   width: 150px;
}

#comparison .postage {
   font-size: 10px;
   font-weight: normal;
   color: #66CCFF;
}

#comparison .visit {
   width: 80px;
}

#comparison .report {
   width: 90px;
   font-weight: normal;
}

#comparison .report a {
   color: #666666;
   text-decoration: underline;
}

#sidebar {
   float: right;
   margin: 20px 10px 20px 10px;
   width: 200px;
}

#sidebar h2 {
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   height: 24px;
   padding: 5px 0 0 10px;
   background: #E6F3F5 url('images/sidebarheader.jpg') no-repeat scroll top left;
   letter-spacing: 0.8px;
}

.textwidget {
   background-color: #FFFFFF;
   width: 178px;
   border: 1px solid #99CCFF;
   border-top: none;
   margin-bottom: 20px;
   padding: 10px 10px 10px 10px;
}

#sidebar p {
   padding-top: 10px;
   font-size: 11px;
}

#sidebar a:link, #sidebar a:visited {
   color: #FF0099;
}

#sidebar a:hover, #sidebar a:active {
   text-decoration: underline;
   color: #66CCFF;
}

#dotd {
   text-align: center;
}

#dotd .name {
   font-weight: bold;
   font-size: 14px;
}

#dotd .price {
   font-weight: bold;
   font-size: 24px;
   color: #FF0099;
}

#dotd a:link, #dotd a:link {
   color: #666666;
}

#dotd a:hover, #dotd a:active {
   color: #66CCFF;
}

#plaininfo li {
   list-style: none outside url('images/bullet-ball.gif');
   text-align: left;
   width: auto;
   margin-left: 50px;
   height: auto;
   font-size: 12px;
   color: #666666;
   border: none;
   padding-left: 5px;
   padding-right: 40px;
   font-weight: normal;

}

.contactform {
   color: #FF0099;
   width: 400px;
   margin: 20px auto 30px auto;
   padding: 10px;
}

#wpcf label {
   clear: both;
   display: block;
   float: left;
   width: 150px;
}
#wpcf input {
   float: left;
   width: 200px;
   padding: 1px;
   margin: 2px 5px 2px 0;
}
#wpcf textarea {
   width: 350px;
   height: 100px;
   padding: 1px;
   margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
   margin-left: 250px;
   width: 100px;
}

#footer {
   height: 40px;
   clear: both;
   background-color: #666666;
}

#foottext {
   width: 1000px;
   padding: 12px 0 0 10px;
   margin: auto;
   color: #66CCFF;
}

#foottext p {
   display: inline;
}

#foottext a:link, #foottext a:visited {
   color: #66CCFF;
}

#foottext a:hover, #foottext a:active {
   color: #FF0099;
   text-decoration: underline;
}

#foottext ul {
   display: inline;
   margin: 0 10px;
}

#foottext li {
   padding-left: 30px;
   display: inline;
}