/*

File:		eqtr_template.css
Project:	DeAgostini Model Space
Created:	03/08/2009

Notes:


---------
Contents
---------

1. BASIC PAGE ELEMENTS
2. BASIC SEMANTIC ELEMENTS
	2.1 ANCHOR STYLES
	2.2 BASIC FORM STYLES
3. HEADER
	3.1 MAIN NAVIGATION
4. CONTENT
5. FOOTER
	5.1 EMAIL SIGNUP COMPONENT
	5.2 LINKS SECTIONS

*/

/*---[ 1. BASIC PAGE ELEMENTS ]---*/

html {

}

body {
	padding:0;
	margin:0;
	font-family:Georgia, Times New Roman, Times, Serif;
	font-size:100%;
	line-height:1.5em;
	background:#e6e6e6;
	color:#666;
}

form {
	padding:0;
	margin:0;
}

#wrapper {
	width:945px;
	margin:20px auto;
	background:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


/*---[ 2. BASIC SEMANTIC ELEMENTS ]---*/

h1,h2,h3,h4,h5,h6 {

}

p {
	margin:0 0 1em;
	line-height:1.5em;
	font-size:75%;
}

blockquote {

}

ul {
	margin:0;
	padding:0 0 0 15px;
}

ol {

}

li {
	font-size:68.75%;
}

dl {

}

dt {

}

dd {

}

strong {

}

em {

}

/*---[ 2.1 BASIC ANCHOR STYLES ]---*/

a:link {
	color:#55b9df;
	text-decoration:none;
}

a:visited {
	color:#55b9df;
	text-decoration:none;
}

a:hover {
	color:#03486B;
	text-decoration:underline;
}

a:active {

}

.action 
{
}

.action a,
input.button,
h3.showHide span 
{
	display:inline-block;
	background:#FFF url(../cssimages/button_back.gif) center left no-repeat;
	padding:4px 10px 4px 17px;
	margin:0;
	font-family:Helvetica, Arial, Tahoma, Serif;
	font-size:11px;
	font-weight:bold;
	line-height:1em;
	vertical-align:baseline;
	text-decoration:none;
	text-transform:uppercase;
	color:#55b9df;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-box-shadow:1px 1px 3px #777;
	-moz-box-shadow:1px 1px 3px #777;
	border:1px solid #DDD;
	cursor:pointer;
}

.action a:hover,
input.button:hover,
h3.showHide span:hover 
{
	color:#03486B;
}

/*---[ 2.2 BASIC FORM STYLES ]---*/

fieldset 
{
	padding:0;
	margin:0;
	border:none;
}

input 
{
	color:#4D4D4D;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:12px;
}

/*---[ 3. HEADER ]---*/

#header 
{	
	
}

#header .siteLinks 
{
	background:#000;
	padding:4px 20px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	float:left;
	width:905px;
}

#header .siteLinks .siteSearch 
{
	width:50%;
	float:right;
	text-align:right;
	padding:4px 0;
	color:#FFF;
	font-size:75%;
}

#header .siteLinks .siteSearch label 
{
	color:#FFF;
	line-height:1em;
	font-family:Georgia,Times News Roman, Times, Serif;	
}

#header .siteLinks .siteSearch input
{
	font-size:100%;
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:3px;
	margin:0 3px;
	font-family:Georgia,Times News Roman, Times, Serif;	
}

#header .siteLinks .siteSearch select
{
	font-size:100%;
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:2px;
	margin:0 3px;
	font-family:Georgia,Times News Roman, Times, Serif;	
}

#header .siteLinks .siteSearch .button 
{
	padding:3px 6px 3px 13px;
	font-family:Helvetica, Arial, Tahoma, Serif;
	font-size:87.5%;
	overflow:visible;
}

#header .siteLinks h3 
{	
	margin:0;
	padding:0;
}

#header .brand 
{	
	clear:both;
	width:945px;
	height:121px;
	margin:0;
	padding:0;
	border-bottom:2px solid #000;
	background:#000 url(../images/modelspace_banner.jpg) top left no-repeat;
	position:relative;
}

#header .brand h2 
{	
	width:400px;
	height:90px;
	position:absolute;
	color:#FFF;
	top:10px;
	left:12px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

/*---[ 3.1 MAIN NAVIGATION ]---*/

#header .mainNav 
{
	float:left;
	width:100%;
	padding:0 0 8px;
	background:#7f533a url(../cssimages/nav_back.gif) bottom left repeat-x;
}

#header .mainNav ul 
{
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
	float:left;
	border-right:1px solid #474341;
	border-left:1px solid #7f533a;
}

#header .mainNav ul li 
{
	float:left;
	font-size:100%;
}

#header .mainNav ul li a 
{
	padding:7px 30px 7px;
	float:left;
	color:#FFF;
	font-size:75%;
	text-decoration:none;
	text-shadow:0px 1px 1px #000;
	border-left:1px solid #474341;
	border-right:1px solid #7f533a;
}

#header .mainNav ul li a:hover 
{
	text-decoration:underline;
}

#header .mainNav ul li.selected a 
{
	padding:7px 30px 16px;
	margin-bottom:-8px;
	background:url(../cssimages/nav_rollover.gif) bottom center no-repeat;
	border:none;
}


/*---[ 4. CONTENT ]---*/

#content 
{	
	padding:30px 20px 20px;
	width:905px;
	float:left;
}

#content .mainContent 
{
	width:587px;
	float:left;
}

#content .subContent 
{
	width:300px;
	float:right;
}

/*---[ 5. FOOTER ]---*/

#footer 
{
	width:100%;
	clear:both;
	background:#E6E6E6;
}

#footer .footerContent 
{
	color:#999;
	background:#000;
	padding:30px 20px;
	width:905px;
	line-height:1em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:905px;
	clear:both;
	float:left;
	margin-bottom:5px;
}

#footer .footerContent .content 
{
	float:left;
	width:100%;
	background:url(../cssimages/footer_inner_back.gif) top left repeat-y;
	padding:0 0 4px;
}

#footer .footerContent .links 
{
	float:right;
	width:175px;
}

#footer .footerContent .links ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 5px;
	width:170px;
}

#footer .footerContent .links ul li 
{
	margin:0;
	padding:0;
}

#footer .footerContent .links ul a 
{
	color:#999;
	text-decoration:none;
	padding:0 7px 0 6px;
	line-height:1.5em;
}

#footer .footerContent .links ul a:hover 
{
	color:#DDD;
	text-decoration:underline;
}

#footer .footerContent .links ul a.last  
{
	border:none;
}

#footer h4 
{
	color:#FFF;
	font-size:75%;
	font-weight:normal;
	margin:0 0 1em;
}

/*---[ 5.1 EMAIL SIGNUP COMPONENT ]---*/

#footer .emailSignup 
{
	float:left;
	width:160px;
	padding-right:15px
}

.js #footer .emailSignup label 
{
	display:none;
}

#footer .emailSignup .text
{
	width:155px;
	border:none;
	padding:3px;
	font-family:Georgia,Times News Roman, Times, Serif;
}

#footer .emailSignup .error,
#footer .emailSignup .signupConfirm 
{
	margin-top:10px;
	line-height:1.3em;
	float:left;
	width:100%;
}

#footer .emailSignup .error 
{
	font-size:75%;
}

#footer .emailSignup .signupConfirm 
{
	color:#55B9DF;
	margin-top:0;
}

#footer .emailSignup input.button 
{
	padding:2px 6px 2px 10px;
	cursor:pointer;
	font-weight:bold;
	line-height:1em;
	margin-top:10px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background-position:-2px center;
}

/*---[ 5.2 LINKS SECTIONS ]---*/

#footer .modelLinks,
#footer .wikiLinks,
#footer .tutorialLinks,
#footer .pageLinks 
{
	float:left;
	width:156px;
	padding:0 15px 0 15px;
}

#footer .pageLinks 
{
	padding-right:0;
}

#footer ul 
{
	margin:0;
	padding:0;
	list-style:none;
}

#footer ul li 
{
	line-height:1.6em;
}

#footer ul li a 
{
	color:#999;
	text-decoration:none;
}

#footer ul li a:hover 
{
	color:#DDD;
	text-decoration:underline;
}


#footer .brand 
{
	width:184px;
	float:left;
	clear:left;
	padding-left:10px;
	padding-bottom:40px;
}

#footer .copyright 
{
	float:right;
	width:250px;
	padding-top:5px;
	text-align:right;
	font-size:68.5%;
	padding-right:20px;
	padding-bottom:40px;
	color:#4D4D4D;
}

/* Editor Styles */

.floatLeft 
{
	float:left;
	margin:4px 20px 10px 0;
}

.floatRight 
{
	float:right;
	margin:4px 0 10px 20px;
}