/*
Project:    analog.coop
Variant:    Screen
Author:     Jon Tan, Jon Gibbins
Date:       01 Dec 2009

----------------------------------------*/

@import url("reset.css");

/* #grid styles */

#grid{
background: url(img/bg-grid-980.gif) repeat-y 0 0;
position: absolute;
top: 0;
left: 50%;
margin-left: -490px;
width: 980px;
}
#grid .horiz{
border-bottom: 1px dotted #aaa;
height: 23px;
}

/* Base styles */

a:link,
a:visited{
color: #5a3232;
border-bottom: 0px solid #fff;
padding: 0 2px;
text-decoration: none;
}
#mugshots a:link,
#mugshots a:visited{
border: 0;
background: 0;
}
a:focus,
a:hover,
a:active{
color: #be3c14;
background-color: #fff;
border-bottom: 0px solid #fff;
}

/*
----------------------------------------*/

@media screen{

body{
font-size: 1em;
line-height: 1.5;
font-family: 'American Typewriter', courrier, Georgia, sans-serif;
/*background: #d8dcce url(img/bg-400-paper.jpg) repeat 0 0;*/
color: #321e1e;
}
html>body{
font-size: 16px;
}

/*
text =t
----------------------------------------*/

/* headings =h */
.date
{
float:left;overflow: hidden;
width:100px;
}
.expo
{
float:left;overflow: hidden;
width:600px;
font-weight:bold;
font-style:normal;
}
.expopro
{
float:left;overflow: hidden;
width:600px;
font-weight:normal;
font-style:normal;
margin-bottom:6px;
}
.expo span 
{
font-weight:normal;
}
#detailbio
{	padding-left:2px;margin-right:10px;width:500px;padding-bottom:10px;overflow: hidden;}
#detailexpo
{	padding-left:20px;margin-right:10px;width:550px;padding-bottom:10px;}
.video a:link,.video a:visited
{	color:#cc0000;}

.expodispoloc
{
line-height:25px;
font-style:italic;
margin-top:10px;
padding-bottom:5px;
}

.expodispoloc span 
{
position:absolute;
right:450px;
width:180px;
font-style:normal;
}
/* made */
#rootline
{
margin-left:5px;
color:#CC0000;
font-size: 11px;
}

#rootlinegale
{
text-align:left;
margin-left:10px;
color:#CC0000;
font-size: 11px;
}
h2{
font-size: 16px;
line-height: 1.5;
font-weight: 400;
margin-bottom: 10px;
}
header h2{
font-size: 24px;
line-height: 1.333;
letter-spacing: -0.011em;
text-align: left;
float: none;
padding: 72px 0 0 340px;
width: 620px;
}
section h2{
letter-spacing: 0.133em;
text-transform: uppercase;
text-align: right;
color: #be3c14;
float: left;
width: 300px;
}

h2, h3, p, li{
font-weight: 400;
/*text-shadow: #f8fcee 0 1px 1px;*/
}

/* structured text =s */

p{
margin-bottom: 8px;
}

#greeting p,
p#just-now{
color: #2b3c45;
}

/*
grouping elements - layers / dividers =d
----------------------------------------*/

#wrap{
width: 1000px;
margin: 0 auto;
}

#content{
padding: 0 0 0 0px;

margin:0px auto;

text-align:left;
border:1px solid black;
}
#illustration-wrap
{

margin:0px auto;
margin-top:85px;
text-align:center;

}
/* header */

header{
position: relative;
height: 30px;
}
header h1 img{
position: absolute;
left: 20px;
top: 72px;
}
header h1
{
color:#CC0000;

}

/* deck */

#deck{
height: 288px;
position: relative;
margin-bottom: 48px;
}
#deck #greeting{
float: left;
width: 300px;
margin-top: 48px;
z-index: 2;
}
#deck #greeting p + p{
font-size: 14px;
line-height: 18px;
color: #321e1e;
}

#deck{
display: block;
text-align:left;
/*border: 3px solid #999;*/

margin-top:110px;
overflow: hidden;
position: relative;
display: block;
vertical-align: text-bottom;

z-index: 1;
}
#illustration{
width: 1000px;
height: 622px;
}


#cuba
{
width: 404px;
height: 459px;

}

#presentation
{
margin:0px auto;
margin-top:80px;
width:98%;
/*border:1px solid black;*/
}
#presentation h2,#presentation h3{
color:black;
text-align:left;
width:auto;
margin-bottom:0px;
margin-top:8px;
}
#presentation h3{
font-size:12px;
margin:0px;
padding-left:50px;
}
#content_presentation {
font-size:11px;
margin:0px;
margin-top:0px;

color:black;
}
#content_presentation p{
text-indent : 50px; 
text-align:justify;
}


#made{
clear: both;
}
#made p{
float: right;
width: 620px;
margin: 0 20px 24px 10px;
}

/* is */

#is{
clear: both;
}
#is #mugshots{
display: block;
clear: both;
height: 144px;
padding-left: 320px;
background: transparent url(/img/presentation/bg-actual-mugshots.png) 22% 50% no-repeat;
}
#is #mugshots ul{
width: 640px;
}
#is #mugshots ul li{
position: relative;
left: -4px;
float: left;
width: 110px;
height: 130px;
margin-right: 19px;
}
#is #mugshots ul li.jt{
background: transparent url(/img/presentation/bg-jt.png) 5% 5% no-repeat;
margin-right: 0;
}
#is #mugshots ul li.az{
background: transparent url(/img/presentation/bg-az.png) center bottom no-repeat;
}
#is #mugshots ul li a:link img,
#is #mugshots ul li a:visited img{
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
}
#is #mugshots ul li a:hover img,
#is #mugshots ul li a:focus img{
margin: -5px 0 0 -5px;
width: 120px;
z-index: 2;
}
#is p{
float: right;
width: 620px;
margin: 0 20px 24px 10px;
}

/* does */

#does{
clear: both;
}
#does h2{
float: right;
width: 300px;
text-align: left;
margin: 0 20px 24px 0;
}
#does figure{
float: left;
vertical-align: text-bottom;
}
#does h3{
margin-bottom: 24px;
}
#does h3,
#does ol{
float: right;
clear: right;
width: 300px;
margin-right: 20px;
}
#does ol{
margin-bottom: 24px;
}
#does ol li{
margin-bottom: 24px;
}
#does ol li h4{
display: inline;
font-weight: 600;
}
#does ol li p{
display: inline;
word-spacing: -0.034em;
}

/* talk-to-us */

#talk-to-us{
clear: both;
}
#talk-to-us p,
#talk-to-us form{
float: right;
}
#talk-to-us p{
width: 620px;
margin: 0 20px 15px 10px;
}
#talk-to-us form{
width: 620px;
position: relative;
margin: 0 20px 0 10px;
padding: 0 0 24px;
}
#talk-to-us form#contact div{
position: relative;
margin: 0;
padding: 9px 0 0;
width: 620px;
min-height: 36px;
background-color: #fff;
background-color: rgba(255,255,255,0.5);
color: #2b3c45;
}
#talk-to-us form#contact textarea{
font-family: 'American Typewriter', Georgia, serif;
font-size: 16px;
line-height: 1.5;
color: #2b3c45;
background: transparent;
width: 590px;
margin: 0 0 0 13px;
padding: 0;
resize: vertical;
}
label span{
position: absolute;
left: -999em;
}
label.placeholder span{
color: #2b3c45;
background: transparent;
opacity: 1;
left: 15px;
top: 9px;
z-index: 5;
}
label.faded span{
opacity: 0.4;
}
label.hidden span{
opacity: 0;
z-index: -1;
}
label
{
width:100px;display:block;text-align: left;float:left;
}
#contact
{

margin:0px 50px;
padding-top:10px;
text-align:left;
}
#contact input,#contact textarea
{
border:0px;
background-color:#CCCCCC;
padding-top:2px;
padding-bottom:2px;
}
#contact input[type="submit"] 
{

background-color:#cc0000;
}
#contact input[type="submit"]:hover
{

background-color:#666666;
}
.row{padding-top:10px;}
#contactsend{
font-family: 'American Typewriter', Courrier,Georgia, serif;
float:right;
border: 0;
background-color: #cc0000;
color: #fff;
margin: 15px 0 32px;
padding: 8px 15px;
letter-spacing: 1px;
cursor: pointer;
margin-right:125px;
}
#contactsend:focus,
#contactsend:hover{
background-color: #666666;
color: #fff;
}
#thanks{
display: block;
color: #be3c14;
background-color: #fff;
background-color: rgba(255,255,255,0.5);
}
#thanks h1{
font-size: 24px;
line-height: 32px;
padding: 24px;
color: #be3c14;
}
#cheers{
color: #be3c14;
background: transparent;
}

/* footer */

footer{
position: relative;
display: block;
clear: both;
border-top: 1px solid #999;
padding: 14px 0 72px;
background: transparent url(/img/presentation/bg-fin.png) 10% 25% no-repeat;
}
footer ul,
footer p{
margin-left: 340px;
width: 620px;
}
footer ul{
padding-top: 28px;
margin-bottom: 24px;
}
footer ul li{
font-size: 18px;
line-height: 1.333;
display: inline;
margin: 0 20px 0 0;
}
footer p{
font-size: 14px;
line-height: 1.286;
margin-bottom: 18px;
}
footer ul li img{
margin-right: 12px;
vertical-align: text-bottom;
}
footer p{
}
.cadre
{
border: 2px solid #000000;
margin-bottom:10px;
}

.cadre ul
{

margin:0;
padding-left:20px;
}
.cadre li
{
text-indent:20px;
}
.cadre p 
{
text-indent:20px;
}
}/* END screen */