/* Stylesheet for About Productions  - All rights reserved
Created by: Yiannis Konstantakopoulos - hello@porcupine.gr 
----------------------------------------------------*/

/* Reset by E. Meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =Structure
----------------------------------------------------*/

body{
	text-align: center;
	font-size: 62.5%;
	font-family:  "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	color: #250101;
	background:#fdfefd;
}

#home{
	width: 960px;	
	float: left;
	text-align: left;
	padding: 18px 0 0 0;
}

#faq {
	width: 960px;	
	float: left;
	text-align: left;
	padding: 18px 0 0 0;
}

#contact {
	width: 960px;	
	float: left;
	text-align: left;
	padding: 18px 0 0 0;
}

/* =top
----------------------------------------------------*/
#top{
	float: left;
	width: 100%;
	height: 193px;
	background: #250101 url(../img/top-bg.jpg);
	text-align: left;
	border-top: 1px solid #70726B;
}

#top-wrapper{
	float: left;
	width: 960px;	
}

#masthead{
	float: left;
	margin: 0 0 0 180px;	
}

#nav{
	clear: left;
	float: right;
	margin: 33px 0 0 180px;
}

a.selected, a.transparent:hover{
	opacity: 1.00; /* css 3 */  
   filter:alpha(opacity=100); /* msie */  
   -moz-opacity: 1.00; /* firefox 1.0 */  
   -khtml-opacity: 1.00; /* webkit */
}

a.transparent{
	opacity: .50; /* css 3 */  
   filter:alpha(opacity=50); /* msie */  
   -moz-opacity: .50; /* firefox 1.0 */  
   -khtml-opacity: .50; /* webkit */
}

.button {
	float: left;
	margin: 10px 10px 10px 0;
}

#home-button {
	border-bottom: 5px solid #900707;
}

#faq-button {
	border-bottom: 5px solid #657900;
}


#contact-button {
	border-bottom: 5px solid #c98526;	
}

/* =top-typo
----------------------------------------------------*/
#top h1{
	font-size: 36px;
	font-family: Garamond, Times, "Times New Roman", serif;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 40px 0 0 0;
}


/* =typography [set to a baseline grid]
----------------------------------------------------*/
#wrapper h1 { 
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	margin: 18px 0 18px 0;
	padding: 0 0 0 180px;
}

#wrapper h2 { 
	font-size: 18px; 
	font-weight: normal;
	line-height: 24px; 
	margin: 0 0 18px 180px;
	padding: 0 0 0 30px;
	/*border-bottom: 1px solid #ddd;*/
	width: 480px;
	color: #657900;
	background: url(../img/head-bg.jpg) no-repeat 0 -3px;
	width: 430px;
}	

#wrapper h3 { 
	font-size: 14px; 	
	line-height: 18px;
	padding: 0 0 0 180px;
}

#wrapper p { 
	font-size: 12px; 
	line-height: 18px; 	
	margin: 0 0 18px 180px;
	text-align: justify;
	width: 480px;
}

/* =footer
----------------------------------------------------*/
#footer{
	clear: both;
	float: left;
	width: 100%;
	height: 200px;
	background: #250101 url(../img/top-bg.jpg) bottom left;
	text-align: left
}

#creative-commons{
	float: left;
	width: 240px;
	margin: 36px 0 0 180px;
	color: #fdfefd;
	line-height: 14px;
}

#pdf{
	float: left;
	width: 180px;
	margin: 36px 0 0 340px;
	color: #fdfefd;
	line-height: 14px;
}

#pdf img{
	float: left;
	margin: 0 10px 10px 0;
}

/* =linkage
----------------------------------------------------*/
h1 a{
	color: #fdfefd;
	text-decoration: none;
}

h1 a:hover{
	color: #c98526;
	text-decoration: none;
}

a{
	color: #c98526;
}

a:hover{
	color: #657900;
}