/*   
Theme Name: Red Exclamation
Theme URI: http://www.beprivy.com/
Description: BePrivy.com V1, Q1 06
Author: Jacob Reiff
Author URI: http://www.beprivy.com/
Version: 1.0

Design & Code Copyright 2006, BePrivy, LLC.

*/

/* Import */

@import "zero.css";

/* Body, Structure */

body {
font-size: 62.5%;
height: 100%;
background-color: #454642;

}

div#shell {
margin: 0 auto;
min-height: 100%;
width: 876px;
background-image: url(i/contbg.gif);
background-repeat: repeat-y;
background-position: center;
}

div#container {
width: 876px;
margin: 0 auto;
font-family: "Verdana", "Tahoma", "Arial", san-serif;
font-size: 1.2em;
line-height: 1.7em;
color: black;
}

div#blogcont {
padding: 0 25px 0 65px;
margin: 40px 0 60px 0;
}

/* Links */

a, a:visited {
color: #454642;
border-bottom: 1px dotted #454642;
text-decoration: none;
}

a:hover {
color: #E40E00;
border-bottom: 1px solid #E40E00;
text-decoration: none;
}

/* Top Nav */

div#top_nav {
height: 28px;
width: 768px;
background-image: url(i/topnavbg.gif);
background-repeat: no-repeat;
background-position: 15px 0px;
font-size: 1em;
color: white;
padding: 0 25px 0 42px;
margin: 30px 0 20px 0;
line-height: 28px;
}


div#top_nav a, div#top_nav a:visited {
color: white;
text-decoration: none;
border-bottom: none;
margin-right: 20px;
}

div #top_nav a:hover {
color: #E40E00;
text-decoration: none;
border-bottom: 1px solid #E40E00;
}


/* Top Block */

div#top-block {
position: relative;
left: 65px;
width: 730px;
background-image: url(i/bp_large.gif);
background-position: 247px 20px;
background-repeat: no-repeat;
padding: 0 0 45px 0;
}

#beprivylogo, #beprivylogo span {
width: 208px;
height: 62px;
margin-bottom: 18px;
background-image: url(i/beprivy.gif);
}

#wehelpyou, #wehelpyou span {
width: 237px;
height: 47px;
margin-bottom: 18px;
background-image: url(i/wehelpyou.gif);
background-repeat: no-repeat;
}

#youarewondering, #youarewondering span {
width: 189px;
height: 26px;
margin-bottom: 7px;
background-image: url(i/youarewondering.gif);
}

div#top-block p {
width: 230px;
margin-top: 12px;
line-height: 1.4em;
}

div#youwonder {
position: absolute;
top: 55px;
left: 470px;
width: 247px;
z-index: 5;
}

div#youwonder ul {
margin-bottom: 40px;
}

div#youwonder ul li {
margin: 8px 0 0 2px;
line-height: 1.5em;
}

/* Divider */

div#divider {
width: 860px;
height: 183px;
}

div#emailsignup {
padding: 0 0 0 15px;
}

div#signupform {
background-image: url(i/emailsignupbg.gif);
width: 465px;
height: 53px;
}

div#emailtitint {
margin-left: 50px;
}

#beprivyemails, #beprivyemails span {
width: 368px;
height: 23px;
background-image: url(i/emailsignup.gif);
}

p.emailformele {
display: inline;
}

p.emailformele input {
width: 134px;
margin-right: 7px;
background-color: white;
}

div#signupform form input#emailforbut {
margin-left: 30px;
}

div#signupform form {
display: block;
padding: 25px 0 0 28px;
}

div#passion {
position: relative;
left: 480px;
bottom: 170px;
width: 400px;
cursor: pointer;
}

div#passion a {
height: 220px;
border-bottom: none;
}

div#passion a img {
border: none;
z-index: 1;
}

/* Content */

div.content {
position: relative;
left: 65px;
bottom: 60px;
width: 716px;
}

div.content .subtitle {
font-family: "Trebuchet MS", san-serif;
font-size: 1.7em;
letter-spacing: -.03em;
color: #879B22;
margin: 35px 0 25px 0;
line-height: 1.1em;
}

div.content p.bodycopy {
width: 485px;
line-height: 1.4em;
margin-top: 15px;
}

div.content p.colcopy {
line-height: 1.4em;
margin-top: 15px;
}

div.col {
width: 199px;
margin-right: 50px;
float: left;
}

div[id="3rdcol"] {
margin-right: 0;
}

div.content ul {
position: relative;
width: 485px;
}

div.content ul li {
line-height: 1.4em;
}

div.content ul li p.bodycopy {
margin-top: -10px;
}

div#skype {
margin-top: -5px;
}

div#skype a {
border: none;
}

    /* Services */

    div#contnav {
    position: absolute;
    top: 50px;
    left: 535px;
    width: 160px;
    text-align: right;
    font-family: "Lucida Grande", "Verdana", san-serif;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: -.1px;
    word-spacing: -.1em;
    padding: 0 0 5px 0;
    }
    
    div#contnav span.nocss {
    display: block;
    color: white;
    font-size: .5em;
    }
    
    div#contnav a {
    margin-bottom: 12px;
    }
    
    #wwdtitle, #wwdtitle span {
    width: 360px;
    height: 31px;
    background-image: url(i/s-em-wwd.gif);
    }
    
    #wygtitle, #wygtitle span {
    width: 390px;
    height: 30px;
    background-image: url(i/s-em-wyg.gif);
    }
    
    #hwdititle, #hwdititle span {
    width: 373px;
    height: 30px;
    background-image: url(i/s-em-hwdi.gif);
    }
    
    #current {
    color: #4995BB;
    }
    
    a#current:hover {
    color: #E40E00;
    }
    
    /* Your questions, answered */
    
    #faqtitle, #faqtitle span {
    width: 334px;
    height: 31px;
    background-image: url(i/yourquestion.gif);
    }
    
    /* About */
    
    #abouttitle, #abouttitle span {
    width: 236px;
    height: 43px;
    background-image: url(i/aboutbeprivy.gif);
    }
    
    h3.subtitle {
    font-weight: normal;
    }
    
    .corptitle {
    color: #E40E00;
    margin-left: 12px;
    }
    
    div.personalinfo {
    position: relative;
    margin: 0 0 25px 0;
    }
    
    div.personalinfo img {
    width: 139px;
    height: 113px;
    float: left;
    margin: 0 10px 0 0;
    }
    
    /* Contact */
    
    #contacttitle, #contacttitle span {
    width: 253px;
    height: 43px;
    background-image: url(i/contactbeprivy.gif);
    }
    
    /* Sitemap */
    
    #sitemaptitle, #sitemaptitle span {
    width: 102px;
    height: 30px;
    background-image: url(i/sitemaptitle.gif);
    }
    
    /* Privacy Policy */
    
    #privacytitle, #privacytitle span {
    width: 163px;
    height: 30px;
    background-image: url(i/privacytitle.gif);
    }
    
/* Give me passion! */

div#redformbg {
position: absolute;
top: 0;
left: 0;
width: 3000px;
height: 1035px;
background-color: #454642;
z-index: 4999;
opacity: 0.6;
}

#redform {
position: absolute;
top: 50%;
left: 50%;
margin-left: -259px;
margin-top: -119px;
width: 468px;
height: 208px;
background-color: #E40E00;
padding: 15px 25px;
border: 6px solid #454642;
z-index: 5000;
opacity: 1.0;
}

#becoming, #becoming span {
width: 319px;
height: 28px;
margin-bottom: 10px;
background-image: url(i/becoming.gif);
}

div#holler_response p {
font-family: "Verdana", "Arial", san-serif;
font-size: 1.2em;
color: white;
margin-bottom: 5px;
}

div#redform p#name, div#redform p#name span {
width: 24px;
height: 7px;
background-image: url(i/redname.gif);
margin: 18px 0 0 20px;
} 

div#redform p#email, div#redform p#email span {
width: 66px;
height: 7px;
background-image: url(i/redemail.gif);
margin-top: 8px;
margin: 8px 0 0 20px;
}

div#redform p#tele, div#redform p#tele span {
width: 85px;
height: 7px;
background-image: url(i/redtele.gif);
margin: 8px 0 0 20px;
}

div#redform input[type=text] {
width: 134px;
margin-top: 2px;
margin-left: 20px;
}

div#redform div#rightb {
position: absolute;
top: 135px;
left: 220px;
}

div#rightb span.radioc {
font-size: .9em;
color: white;
}

div#redform input[type=button] {
position: relative;
left: 237px;
bottom: 75px;
width: 201px;
height: 51px;
font-size: 16px;
}

div#redform p#close {
color: white;
position: absolute;
top: 0;
right: 4px;
cursor: pointer;
}

#becomnojs, #becomnojs span {
width: 314px;
height: 31px;
background-image: url(i/becomingnojs.gif);
}

/* Email newsletter */

#thankyoufor, #thankyoufor span {
width: 271px;
height: 31px;
background-image: url(i/thanksforsigningup.gif);
}

#onlyonemore, #onlyonemore span {
width: 246px;
height: 31px;
background-image: url(i/onlyonemorestep.gif);
}
   

/* Blog */

div#blogtop {
margin: 0 0 50px 0;
position: relative;
}

div#postscont {
position: relative;
width: 453px;
padding: 40px 18px 300px 0;
border-right: 2px solid #4995BB;
border-left: none;
border-top: none;
border-bottom: none;
margin: 0 30px 0 0;
}

div.indpostcont {
margin: 0 0 60px 0;
}

div#postscont div.post {
width: 380px;
margin: 0 0 40px 0;
}

div.storycontent p {
margin-bottom: 15px;
}

div#postscont div.postdate {
background-image: url(i/datebg.gif);
background-repeat: no-repeat;
background-color: #757575;
width: 55px;
height: 88px;
float: right;
text-align: center;
padding: 27px 0 0 0;
}

div.postdate div.datebottom {
width: 55px;
height: 28px;
background-image: url(i/datebottom.gif);
background-repeat: no-repeat;
position: relative;
bottom: 2px;
}

div.postdate div.postmonth {
font-size: 14px;
font-family: "Georgia", san-serif;
font-weight: bold;
color: white;
text-transform: uppercase;
}

div.postdate div.postday {
font-size: 28px;
font-family: "Georgia", san-serif;
font-weight: bold;
color: white;
position: relative;
bottom: 1px;
padding: 1px 0;
}

div.postdate div.postyear {
font-size: 12px;
font-family: "Georgia", san-serif;
font-weight: bold;
color: white;
}

h3.storytitle {
font-family: "Trebuchet MS", san-serif;
font-size: 1.7em;
letter-spacing: -.03em;
color: #879B22;
margin: 0px 0 25px 0;
line-height: 1.1em;
font-weight: normal;
}

h3.storytitle a {
color: #879B22;
border: none;
}

div#postscont div.post h3.storytitle a:hover {
color: #E40E00;
border-bottom: 1px solid #E40E00;
}

div#postscont h3#comments {
font-family: "Trebuchet MS", san-serif;
font-size: 1.4em;
letter-spacing: -.01em;
color: #879B22;
margin: 0 0 15px 0;
line-height: 1.1em;
font-weight: normal;
}

div#postscont h3#respond {
font-family: "Trebuchet MS", san-serif;
font-size: 1.4em;
letter-spacing: -.01em;
color: #879B22;
margin: 0 0 15px 0;
line-height: 1.1em;
font-weight: normal;
}

div#postscont div.meta {
margin: 20px 0 0 0;
}

div.singprevnext {
border-top: 2px solid #4995BB;
border-bottom: 2px solid #4995BB;
border-left: none;
border-right: none;
padding: 15px 0;
margin: -15px 0 40px 0;
}

div.singprevnext span.singpp {
width: 47%;
display: block;
float: left;
}

div.singprevnext span.singnp {
width: 47%;
display: block;
float: right;
text-align: right;
}

div#postscont ol.commentlist {
list-style-position: inside;
}

div#postscont ol.commentlist li {
margin-bottom: 25px;
}

div#postscont ol.commentlist li cite {
font-style: normal;
font-weight: bold;
}

span.commentmetadata {
font-size: .9em;
}



ol.ABC {
list-style-type: upper-alpha;
list-style-position: inside;
margin: 15px;
}

ol.ABC li {
margin: 0 0 12px 0;
}

div#postscont ol.commentlist li p {
margin: 20px 0;
padding: 0 22px;
}

div#postscont textarea {
width: 410px;
}

li.storycontent {
list-style-position: inside;
list-style-type: circle;
margin-bottom: 8px;
}

img#smallredpoint {
position: absolute;
left: 382px;
bottom: -30px;
z-index: 3;
cursor: pointer;
}

/* Blog Sidebar */

div#blogsidebar {
float: right;
text-align: left;
width: 197px;
margin: 73px 95px 0 0;
font-size: 1em;
}

div#blogsidebar ul li {
margin: 0 0 48px 0;
}

div#blogsidebar ul li ul li {
margin: 0;
}

div#blogsidebar input#s {
width: 9em;
}

div#smallsignup {
width: 197px;
height: 119px;
background-image: url(i/smallemailsignupbg.gif);
background-repeat: no-repeat;
padding: 23px 0 0 34px;
}

div#smallsignup input[type=text] {
width: 120px;
margin: 1px 0 7px 0;
}

div#smallsignup input[type=submit] {
height: 1.75em;
margin: 5px 0 0 0;
font-size: .9em;
float: right;
}

div#smallsignup form {
width: 125px;
}

/* Blog Image Replacement */

#beprivyblog, #beprivyblog span {
width: 379px;
height: 81px;
background-image: url(i/beprivyblog.gif);
}

#latestblogposts, #latestblogposts span {
width: 473px;
height: 31px;
background-image: url(i/latestblogposts.gif);
}

#searchresults, #searchresults span {
width: 473px;
height: 31px;
background-image: url(i/searchresults.gif);
}

#post-comments, #post-comments span {
width: 473px;
height: 31px;
background-image: url(i/post-comments.gif);
}

#archivesbymonth, #archivesbymonth span {
width: 473px;
height: 31px;
background-image: url(i/archivestitle.gif);
}

#searchblogarchives, #searchblogarchives span {
width: 187px;
height: 23px;
background-image: url(i/searchblogarchives.gif);
margin: 0 0 15px 0;
}

#previousposts, #previousposts span {
width: 128px;
height: 18px;
background-image: url(i/previousposts.gif);
margin: 0 0 15px 0;
}

#archivesbymonthside, #archivesbymonthside span {
width: 170px;
height: 23px;
background-image: url(i/archivesbymonth.gif);
margin: 0 0 15px 0;
}

#greenname, #greenname span {
width: 25px;
height: 7px;
background-image: url(i/greenname.gif);
}

#greenemail, #greenemail span {
width: 68px;
height: 7px;
background-image: url(i/greenemail.gif);
}

/* Footer */

div#eop {
background-image: url(i/footerbg.gif);
background-repeat: no-repeat;
background-position: 15px;
color: white;
height: 28px;
padding: 0 100px 0 50px;
line-height: 28px;
font-size: .95em;
clear: both;
text-align: center;
}

div#eop a, div#eop a:visited {
color: white;
text-decoration: none;
border-bottom: none;
}

div #eop a:hover {
color: #E40E00;
text-decoration: none;
border-bottom: 1px solid #E40E00;
}

/* Image Replacement */

.replace { 
position: relative; 
margin: 0px; 
padding: 0px; 
overflow: hidden; 
} 

h1.replace span { 
display: block; 
position: absolute; 
top: 0px;
left: 0px;
}

h3.replace span { 
display: block; 
position: absolute; 
top: 0px;
left: 0px;
}

h2.replace span { 
display: block; 
position: absolute; 
top: 0px;
left: 0px;
}

.replace span {
display: block;
position: absolute;
top: 0px;
left: 0px;
}

/* Notice */

div#notice {
	height: 30px;
	line-height: 30px;
	background-color: #E4D196;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #000;
	text-align: center;
	font-family: "Verdana", "Tahoma", "Arial", san-serif;
	font-size: 1.2em;
}

div#notice p {
	position: relative;
	right: 25px;
}

/* Misc */

.passionred {
color: #E40E00;
}

hr {
display: none; 
}

.nocss {
display: none;
}

ul li {
list-style-type: none;
}