/* Stylesheet for bludrop studios v.CE */
/* Copyright 2007 Brian Blumenthal and bludrop studios */
/* www.bludrop.com */
 
 
/* =The Basics
---------------------------------------------------------------- */
body{
/*background: #021991 url('img/underwater-6.jpg') center fixed;*/
background: #000 url('/img/stripey-bg-11.png') center repeat fixed;
margin: 0;
padding: 0;
font-family: "Constantia", Georgia, sans-serif;
font-size: 12px;
position: relative;
z-index:0; 
}
 
body.morning{
background: #5C6792 url('/img/timeday/morning.jpg') center fixed;
}
 
body.midday{
background: #425492 url('/img/timeday/midday.jpg') center fixed;
}
 
body.afternoon{
background: #1D3F93 url('/img/timeday/afternoon.jpg') center -900px fixed;
}
 
body.night{
background: #021991 url('/img/timeday/night.jpg') center fixed;
}
 
 
#wrap{
display: block;
width: 400px;
background: #fff;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
margin-bottom: -15px;
z-index: +1;
}
 
#wrapper{
display: block;
text-align: center;
width: 100%;
height: 600px;
margin-left: auto;
margin-right: auto;
/*background: url('/img/insanemembrane-3.png') center bottom no-repeat;*/
position: fixed;
bottom: 0px;
z-index: -1;
left: 0;
right: 0;
}
 
 
#container{
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 370px;
z-index: +1;
}
 
 
/* =Logos and Header
---------------------------------------------------------------- */
 
#homeb h1{
width: 370px;
height: 225px;
background: url('/img/logo-head.jpg') center;
text-indent: -5000px;
margin-top: 20px;
}
 
#foliob h1{
margin-top: 0px;
}
 
#foliob h1 a{
	display: block;
width: 370px;
height: 40px;
background: url('/img/logo-head-small.jpg') center;
text-indent: -5000px;
margin-top: 20px;
}
 
#ce-thingy{
display: block;
width: 370px;
height: 75px;
background: url('/img/ce-thingy.jpg') no-repeat center;
text-indent: -5000px;
margin-top: 20px;
margin-bottom: 20px;
}
 
/* =Headings
---------------------------------------------------------------- */
 
h2{
text-align: center;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
	font-variant: small-caps;
width: 370px;
 
}
 
h2#port-head{
	font-size: 50px;
 
}
 
h2#folio-name{
font-size: 27px;
}
 
h3{
text-align: left;
font-size: 20px;
font-variant: small-caps;
font-weight: normal;
}
 
/* =Links
---------------------------------------------------------------- */
 
a{
color: #2D3E91;
text-decoration: none;
}
 
a:hover{
color: #00A3D9;
}
 
#theportbutton a{
	display: block;
width: 200px;
height: 85px;
text-indent: -5000px;
background: url('/img/port-button.jpg');
text-align: center;
margin-left: auto;
margin-right: auto;
}
 
 
/* =Paragraph Styles
---------------------------------------------------------------- */
 
p#welcome{
padding: 1em;
text-align: justify;
font-size: 14px;
}
 
p#welcome span{
font-variant: small-caps;
font-size: 25px;
}


#homeb #container p{
text-align: left;
}


#recentwork, #thefolio, #relatedwork{
text-align: left;
}
 
p#taglist{
text-align: left;
}
 
 
 
/* =Portfolio Styles- Blocks
---------------------------------------------------------------- */
.portblock{
margin: 30px 0;
}
 
.portblock p{
margin: 0;
font-size: 13px;
}
 
.portblock p a{
font-weight: bold;
}

div.portdetails{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	display: block;
	position: relative;
	background-color: rgba(0,0,0,.9) !important;
	background-color: rgb(0,0,0);
	margin-top: -40px;
	margin-left: 15px;
	margin-right: -5px;
	padding: 1em;
	z-index: 1;

}

div.portdetails a{
	color: #25ABD9;
z-index: 1;
}

p.portcat{
	text-align: right !important;
}
 
/* =Portfolio Styles- Page
---------------------------------------------------------------- */
 
.portimage img{
border: 1px double #666;
z-index: -1;
}
 
#folio-image img{
border: 1px solid #666;
margin-left: 0;
margin-right: 0;
text-align: left;
padding: 0;
}
 
#folio-info p{
text-align: justify;
}
 
 
p#visit-site a{
display: block;
widows: 370px;
height: 20px;
background: #25ABD9;
text-align: center;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
color: #000;
}
 


p#visit-site a:hover{
background: #66BCD9;
}
 
#relatedwork{
margin-bottom: 30px;
}
 
#relatedwork ul{
list-style-type: none;
text-align: left;
margin-left: 0px;
padding-left: 0px;
}
 
#relatedwork li{
	list-style-type: none;
margin-left: 0px;
padding-left: 0px;
list-style-position: inside;
font-size: 13px;
}
 
/* =Business Card
---------------------------------------------------------------- */
.vcard{
border: 1px solid #ccc;
display: block;
height: 80px;
}
 
#thecard{
margin-top: 8px;
display: block;
margin-bottom: 3px;
}
 
#hcard-Brian-N-Blumenthal{
display: none;
}

#hcard-Brian-N-Blumenthal a img{
	border: none;
}
 
/* =Footer
---------------------------------------------------------------- */
 
#footer{
display: block;
background: url('/img/footer-orn.png') top center no-repeat;
padding-top: 25px;
margin-top: 20px;
text-align: center;
}
 
#footer p#copyright{
text-transform: uppercase;
text-align: center;
margin-bottom: 10px;
}
 
#footer p{
margin-bottom: 3px;
margin-top: 3px;
}