/* reset */

* {
margin:0;
padding:0;
outline:0;
font-weight:normal;
}


/* elements */

body {
background-color:#000;
color:#fff;
font-size:13px;
line-height:1.5em;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
h1 {
font-size:2.5em;
margin-bottom:.85em;
color:#ffffff;
}
h2 {
font-size:2em;
line-height:.9em;
padding-top:0;
margin-bottom:.5em;
color:#fff;
}
h3 {
color:#C6B0FF;
margin:1em 0 .25em 0;
font-size:1.5em;
font-weight:normal;
}
h3 a:hover {
text-decoration:none;
}
h4 {
font-size:1em;
line-height:1em;
color:#ccc;
margin-bottom:1em;
}
p {
margin: 0 0 1.5em 0;
color:#fff;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
ul {
margin:0;
padding:0 0 0 0;
}
li {
/*list-style-type:square;
list-style-position:outside !important;*/
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
list-style:none;
background:url(images/bullet.gif) 7px 7px no-repeat transparent;
padding-left:20px;
margin-left:-20px;
margin-bottom:.5em;
line-height:1.5em;
}
ul ul {
padding-left:20px;
margin-top:.5em;
}
a.bulleted {
background:url(images/bullet_link.gif) 7px 7px no-repeat transparent;
padding-left:20px;
margin-left:-20px;
margin-top:-1.5em;
display:block;
line-height:1.3em;
}
a,
a:link {
color:#b29ee4;
text-decoration:none;
}
a:hover {
color:#c6b0ff;
text-decoration:none;
}
a:visited {
color:#b29ee4;
}
a:visited:hover {
color:#c6b0ff;
}
div.usermessagea p {
text-align:center;
}
blockquote,
blockquote p {
color:#ecab43;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:24px;
text-align:center;
font-style:italic;
letter-spacing:1px;
line-height:27px;
}
blockquote {
margin:18px 48px;
padding-top:17px;
border-top:1px solid #ddd;
padding-bottom:0px;
border-bottom:1px solid #ddd;
}
strong {
font-weight:bold;
}
hr {
height:1px;
border:none;
border-top:3px solid #382A0D;
background-color:#ddd;
margin-top:2em;
margin-bottom:2em;
clear:both;
}


/* layout */

div#container {
min-width:1000px;
max-width:1270px;
margin:0 auto 0 auto;
position:relative;
background:url(images/bg_page.jpg) top center no-repeat transparent;
}
div#header {
width:1000px;
margin-left:auto;
margin-right:auto;
margin-bottom:3em;
padding-top:20px;
clear:right;
}
div#header img {
border:none;
}
div.column-left {
width:160px;
margin-right:20px;
float:left;
clear:left;
}
div.column-middle {
width:800px;
margin-right:20px;
float:left;
}
div.column-middle p {
padding-right:10px;
}
div#logo-cm {
margin-right:20px;
margin-left:95px;
float:left;
}
div#logo-text {
padding-top:1em;
float:left;
}
div#logo-text h1 {
margin:0 0 0 0;
color:#c6b0ff;
float:left;
line-height:1em;
}
div#logo-text h2 {
color:#8372b0;
font-style:italic;
font-size:1.5em;
float:left;
font-weight:bold;
clear:left;
}
div#homepage-top {
min-width:1000px;
margin:0;
border-bottom:5px solid #b28d83;
height:500px;
background:url(images/bg_homepagetop.jpg) top center no-repeat #ffe59e;
}
div#homepage-top-wrapper {
position:relative;
width:1000px;
margin:0 auto;
}
div#homepage-top img#butterflies {
position:absolute;
top:5px;
left:90px;
z-index:1;
}
div#homepage-top h1 {
positoin:relative;
z-index:100;
padding-top:20px;
margin-left:180px;
margin-bottom:0;
height:76px;
width:574px;
background:url(http://bulletproofmascara.com/images/logo_bpm.gif) 0 20px no-repeat transparent;
}
div#homepage-top h1 span {
position:absolute;
top:-1000px;
left:-1000px;
}
div#homepage-top div.column-right {
width:300px;
float:left;
}
div.whitebox {
background-color:#fff;
width:480px;
color:#444;
float:left;
margin-right:20px;
padding:20px 0;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.nomenu-left {
margin-left:180px;
}
div.whitebox h2,
div.whitebox h3,
div.purplebox-medium h2,
div.purplebox-medium h3 {
padding-left:20px;
}
div.whitebox h2 {
color:#8372B0;
}
div#homepage-top h2,
div#homepage-top h3 {
color:#e16900;
}
div.whitebox a,
p#buy-link a {
font-style:italic;
color:#e16900;
}
div.whitebox a:hover,
p#buy-link a:hover {
color:#ff7700;
}
p#buy-link a {
font-weight:bold;
line-height:1.2em;
}
div#homepage-top p {
color:#444;
}
div.whitebox p,
div.purplebox-medium p {
padding:0 20px;
}
.cf_info {
color:#F6861F;
margin:10px 20px;
}
.cf_info.failure {
margin:20px;
padding:10px;
font-weight:bold;
border:1px solid #F6861F;
/*background-color:#fff;*/
color:#F6861F;
}
div.whitebox p {
color:#333;
}
div.purplebox-medium {
float:left;
width:480px;
margin-right:20px;
background-color:#3A3259;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
/*background:url(images/bg_purple_box_top.gif) top left no-repeat #3A3259;*/
/*border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;*/
}
div.purplebox-medium .boxbottom {
/*height:20px;
background:url(images/bg_purple_box_bottom.gif) top left no-repeat transparent;*/
}
div.purplebox-medium h3 {
color:#C6B0FF;
margin-bottom:1em;
}
div.purplebox-medium h2 {
color:#f6861f;
padding-top:1em;
text-align:left;
}
div#main {
clear:both;
/*margin-left:20px;
margin-right:20px;*/
margin:0 auto;
width:1000px;
/*background:url(images/bg_page.jpg) top center no-repeat transparent;*/
}
div#centerpiece {
margin-bottom:2em;
}
div#footer {
clear:both;
margin-left:10px;
margin-top:2em;
/*width:160px;*/
width:960px;
text-align:left;
}
div#footer p {
color:#645787;
font-size:.85em;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
div#footer a {
color:#645787;
}
div#footer a:hover {
color:#8372B0;
}
.decorative {
border-top:3px solid #382a0d;
padding-top:1em;
margin-top:1em;
}
div.column-medium {
width:300px;
float:left;
}
div.column-right h2.nodeco {
padding-top:1em;
}
div.column-right h2.decorative {
padding-top:3em !important;
}
div.column-right li {
font-size:.85em;
line-height:1.3em;
}
.post {
margin-bottom:3em;
padding-bottom:1em;
border-bottom:3px solid #382a0d;
}
.photo,
.post img {
padding:6px;
background-color:#fff;
border:1px solid #d6d2bc;
border-bottom-width:2px;
}
ul.thumbnails li {
float:left;
background-image:none;
margin-right:5px;
}
ul.thumbnails {
clear:both;
}

/* dossiers */

div#dossiers {
position:relative;
left:20px;
}
div#dossiers h2 {
padding:0;
}
div#dossiers a span {
position:absolute;
top:-10000px;
left:-10000px;
}
div#dossiers a {
display:block;
height:153px;
width:31px;
border:1px dotted #e16900;
position:absolute;
background-color:#fff;
opacity: 0.1;
filter: alpha(opacity = 10);
}
div#dossiers a:hover {
border:1px solid #ff7700;
}
div#dossiers a#nikki {
top:78px;
left:696px;
}
div#dossiers a#jirair {
top:38px;
left:423px;
height:158px;
}
div#dossiers a#val {
top:60px;
left:516px;
}
div#dossiers a#jane {
top:19px;
left:353px;
height:150px;
}
div#dossiers a#john {
top:26px;
left:638px;
}
div#dossiers a#jenny {
top:36px;
left:573px;
}
div.dossier {
margin-left:20px;
width:750px;
height:550px;
padding:20px 0;
background:url(http://bulletproofmascara.com/images/dossier_folder.jpg) top left no-repeat;
}
div.dossier-page {
margin:0 20px;
padding:20px 5px 10px 30px;
background-color:#fff;
width:335px;
height:480px;
position:relative;
}
div.dossier-page p {
font-family:"Courier New", Courier, monospace;
color:#333;
line-height:1em;
text-indent:-15px;
margin-bottom:0;
}
div.dossier-page li {
font-family:"Courier New", Courier, monospace;
color:#333;
line-height:1em;
margin-bottom:0;
}
div.dossier-page li {
list-style-type:square;
background-image:none;
padding-left:0px;
margin-left:0px;
}
img#deceased {
position:absolute;
top:50px;
left:50px;
}
img.agent-photo {
position:absolute;
top:50px;
left:400px;
}
.redacted {
background-color:#333;
}

/* menu */

ul#menu {
padding:0;
margin:2em 0 3em 0;
}
ul#menu li {
list-style:none;
background-image:none;
padding:0;
margin:0 0 .25em 0;
/*font-size:1.35em;
font-weight:bold;*/
line-height:1.2em;
text-align:right;
text-transform:uppercase;
}
ul#menu a,
ul#menu a:link,
ul#menu a:visited {
color:#ffffff;
display:block;
padding:.25em 0;
font-weight:bold;
}
ul#menu a:hover {
color:#b29ee4;
text-decoration:none;
}
ul#menu ul {
display:none;
padding-right:10px;
margin-top:0px;
}
ul#menu li.current_page_item ul,
ul#menu li.current_page_ancestor ul {
display:block;
}
li.current_page_ancestor li a {
color:#8372B0 !important;
}
li.current_page_ancestor li a:hover {
color:#c6b0ff !important;
}
li.current_page_item li a:link,
li.current_page_item li a:visited {
color:#8372B0 !important;
}
ul#menu li.current_page_item li a:hover {
color:#c6b0ff !important;
}
/*li.current_page_parent a,
li.current_page_parent a:link,
li.current_page_parent a:visited,*/
li.current_page_item a,
li.current_page_item a:link,
li.current_page_item a:visited {
color:#c6b0ff !important;
font-weight:bold;
/*background:url(images/bg_menu_item.gif) right center no-repeat transparent;
text-indent:10px;
padding:.25em 0 !important;
margin:.25em 0;*/
}
li.current_page_item a:hover {
}
p#buy-link {
padding-top:.5em;
border-top:1px solid #8372b0;
text-align:right;
}
textarea#comment {
width:100%;
}
ol.commentlist {
padding:0;
margin:0;
}
ol.commentlist li {
margin-bottom:2em;
margin-left:0;
border-bottom:1px solid #372A0A;
padding:0 !important;
list-style:none;
}
#feedlink {
display:block;
margin-top:3em;
padding-left:20px;
background:url(images/icon_rss.gif) top left no-repeat transparent;
font-size:0.85em;
padding-bottom:4px;
line-height:1.65em;
}

/* forms */

.cform li {
list-style:none;
margin-bottom:1em;
}
#cformsform li {
background-image:none;
}
.cform label {
width:115px;
display:block;
float:left;
color:#8372B0;
cursor:pointer;
/*font-size:.85em;*/
text-align:right;
margin-right:10px;
margin-top:2px;
}
.cf_hidden {
display:none;
}
.emailreqtxt,
.reqtxt {
color:#FF7700;
font-weight:bold;
}
/*.cform textarea {
width:305px;
}*/
input.single {
margin-right:10px;
}
input.single,
textarea {
width:305px;
border: 1px solid #ccc;
border-top:1px solid #eee;
border-bottom:2px solid #ccc;
padding:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#555;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
input.single:hover,
input.single:focus,
textarea:hover,
textarea:focus {
border: 1px solid #ddd;
border-top:1px solid #eee;
border-bottom:2px solid #ddd;
}
.sendbutton {
margin-left:115px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
padding:10px 20px;
color:#fff;
background-color:#8372B0;
border:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.sendbutton:hover {
cursor:pointer;
color:#C6B0FF;
}
p.linklove {
display:none;
}
#searchform label {
display:none;
}
#searchsubmit {
border:none;
background-color:transparent;
color:#c6b0ff;
font-size:.85em;
}
#searchsubmit:hover {
cursor:pointer;
}

/* classes */

.orange {
padding-left:20px;
margin-top:1em;
color:#e16900;
}
div.pics {
float:left;
margin-right:20px;
width:300px;
height:300px;
}
ul.half-column li {
width:50%;
display:block;
float:left;
}
p.first {
text-indent:0;
}
.centered {
text-align:center;
}
.leadin {
text-transform:uppercase;
}
.bigimage {
margin:0 -10px 18px -10px;
}
div.navigation {
font-family:Arial, Helvetica, sans-serif;
padding-bottom:17px;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
.postmetadata {
margin-top:1em;
color:#aaa;
font-size:.85em;
clear:both;
}
h3 p.time-date {
margin-bottom:0;
margin-top:-1em;
}
.time-date {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:1em;
color:#ccc;
font-size:.85em;
}
.light {
color:#ccc;
}
.published {
color:#ccc;
font-size:.85em;
margin:0;
font-style:italic;
}
ul.blank {
margin:0;
padding:0;
}
ul.blank li {
list-style-type:none;
background-image:none;
margin:0;
padding:0;
}
img.floatlt {
float:left;
margin-right:20px;
}
img.floatrt {
float:right;
margin-left:20px;
}
.floatlt,
.alignlt {
float:left;
margin-right:15px;
}
.floatrt,
.alightrt {
float:right;
margin-left:15px;
}
.half {
width:230px;
float:left;
}
.half.first {
margin-right:20px;
}
li.alt,
ol.commentlist li {
list-style:none;
}
.big-button {
background:url(images/bg_gradient_orange.gif) 0 0 repeat-x #f6861f;
color:#6b3300 !important;
display:block;
position:relative;
padding:1em 0 1em 0;
line-height:1em;
margin-top:1em;
margin-bottom:0;
text-align:center;
font-weight:bold;
font-size:1.5em;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.big-button:hover {
background:url(images/bg_gradient_orange.gif) 0 -50px repeat-x #f6861f;
}

.clear {
clear:both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {display: inline-block;}  /* for IE/Mac */