/* 
* Easy front-end framework
* Copyright (c) 2009 Alen Grakalic
* http://easyframework.com/license.php
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*/
/*  for more info about the strucure of this file please read http://easyframework.com/documentation.php  */

/* base */

body, table, input, textarea, select, li, button{font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue",Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300;line-height:18px; color:#fff}	
	
body{font-size:16px;background-color:#0f0505;padding:0;text-align:center;}	

/* Typeography  */		

h1, h2, h3, h4, h5, h6{font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue",Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300;line-height:18px; color:#fff}	
h1{font-size:32px;margin-bottom:8px;}
#header h1{line-height:50px;height:50px;margin:0;}
#header h1 a{}		

h2{font-size:18px;margin-bottom:3px;}
	
h3{font-size:24px;margin-bottom:11px;padding-top:5px;}
h4{font-size:20px;margin-bottom:10px;}
h5,h6{font-size:16px;margin-bottom:8px;font-weight:bold;}

p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 0px 0;}

p {font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue",Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; color:#eee;}

/* lists */
ul, ol, dl{padding:0}
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
li{margin:0 0 0 1em;display:list-item;list-style-position:outside; list-style-type:none;color:#999}	


/* common/misc */	
#easy_tooltip{border:1px solid #fff;padding:5px 10px;background-color:#0f0505;}

img{border:none;}
img, div { behavior: url(iepngfix.htc) }
a img {border:none; outline:none}

			
hr {background:#fff;color:#fff;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}


.left{float:left;margin-right:1em;}
.right{float:right;margin-left:1em;}
.center{text-align:center;}

.clear{clear:both;}
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print{display:none;}
.graphic{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}		

.enlarge{
 position: relative;
	z-index: 100;
	margin: -8px 0 0px -8px;
	padding: 0 0 0 0;
	color: red;
}

/* Links */
a {color:#cad102;text-decoration:none;outline: none;border:none}
a:focus {color:#adadad;text-decoration:none;outline: none;}
a:hover {color:#adadad; border-bottom-color: #890101; border-bottom-width: 1px; border-style: solid; outline: none;border-top:none; border-left:none; border-right:none}
a:active {
  outline: none;
}
.toggle{text-decoration:none;color:#cad102;}
.toggle h2{text-decoration:none;color:#cad102;}



/* Forms including validation styles */

form div{margin:.5em 0;clear:both;}
label{display:block; padding:2px 0 3px 0; color:#cad102}
fieldset{margin:0;padding:0;border:none;}
legend{font-weight:bold;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

fieldset{border:1px solid #ccc;padding:1em 2em;margin:0 0 1.5em 0;}
legend{padding:2px 5px;}	
form div.col{clear:none;}form div.first{clear:both;}
form div{overflow:hidden;}

input[type="text"], input[type="password"], textarea, .field, .area, select{color: #0f0505;
border:1px solid #aaa;padding:5px;background:#fff;width:300px;line-height:1em;margin:0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

select{width:312px;}

textarea, .area{overflow:auto; height:150px; width:400px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#d5d5d5;outline:none;}
.submit{}

button{border:none;background:#cad102; color:#0f0505; padding:0 18px;height:36px;line-height:18px;cursor:pointer;outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

button:hover {background:#890101; color:#fff;outline: none;
}

button:active {
  outline: none;
}

.note, .success, .error{display:block;}
.error{color:#890101;}
.success{color:#060;}
.note{font-weight:bold;}

.notvalid{border:2px solid #890101 !important;}

/* layout */

#container{	margin:0 auto; padding-top:18px; width:960px; text-align:left; position:relative;
}

#header{position:relative;}	
#footer{position:relative;clear:both;}	

.content{clear:both;padding:1em 0;}

.main, .secondary, .tertiary, .quaternary{float:left;display:inline;}

.main{width:600px;}

.secondary{width:280px;margin-left:40px;}

.tertiary{}
.quaternary{}

/* grid
--------------------------------------- */
/* main column container class */
.cols{} 
/* 2 equal width columns layout - default */
.col{float:left;display:inline;width:48%;margin-left:4%;}
	
.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
.cols3 .indent1{margin-left:35%;}
.cols3 .indent2{margin-left:70%;}

.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */

.cols5 .col{width:18%;margin-left:4%;} /* 5 equal width columns layout */
	
/* use following classes to build custom grid (add as many as you want) */

.col1, .col2, .col3, .col4{float:left;display:inline;}
.col1{width:72%;margin-left:4%;}
.col2{width:47%;margin-left:3%;}
.col3{width:20%;margin-left:5%;}

.indent1{}
.indent2{}
.indent3{}
	
.fullWidth {width: 100%; float:left}
/* navigation */

/*#nav, #nav ul, #nav li{
margin:0;
padding:0;
list-style:none;
}	
#nav li{
float:left;
display:inline;
position:relative;
line-height:32px;
height:32px;
margin-right:2em;
}	

#nav ul{
position:absolute;
left:0;
top:25px;
padding:5px 10px;
width:200px;	
background:#fff;
display:none;
z-index:1000;
border: 1px solid #999;
}
#nav ul li{
float:none;
display:block;
}*/


/* clearfix */

.inner:after, .content:after, .cols:after, .fixed:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.inner, .content, .cols, .fixed{display:block;min-height:1%;}
* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}



/* Elements I rarely use
-------------------------------------------------- */

/* tables */
table{width:100%;border-collapse:collapse;}
th,caption{text-align:left;}
caption{font-style:italic;color:#777;margin:.5em 0;}


dt{font-weight:bold;}
th, td{padding:.5em 1em;line-height:1.5em;}		
th{background:#eee;}
td{border-bottom:1px solid #eee;}


blockquote, dd{padding:0 0 0 2em;}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{overflow:auto;}
abbr, acronym{
text-transform:uppercase;
border-bottom:1px dotted #000;
letter-spacing:1px;
}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}

ins{text-decoration:none;color:#900;font-style:italic;}
code{color:#555;}
pre{
margin-left:2em;
padding-left:2em;
border-left:1px solid #ccc;
}
blockquote{
margin-left:2em;
border-left:1px solid #ccc;
font-style:italic;
}	


.inner{
position:relative;
}

.pullquote{
width:20%;
float:left;
margin-right:2em;
padding-right:2em;
border-right:1px solid #ccc;
text-align:right;
font-size:1.1em;
font-style:italic;
color:#777;
margin-bottom:.5em;
}
.boxout{
width:20%;
float:right;
margin-left:2em;
padding:1em 2em;
border:1px solid #ccc;
margin-bottom:.5em;
}