/* 
*****

Theme Name: E3 Version 3
Theme URI: http://www.briancarr.com/

CSS Document
framework.css

E3
Version: 3
by Brian Carr
www.briancarr.com


*****
*/


/* 
-----------------------------------------------------------------------------
@group RESET - Yahoo
----------------------------------------------------------------------------- */

html {background:#e9ecec;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,span {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
	

/* 
-----------------------------------------------------------------------------
@group FONTS - Yahoo
----------------------------------------------------------------------------- */

body{font:14px/1.231 arial, helvetica, clean, sans-serif;*font-size:small;*font:x-small;
	color: #2f2f2f;
	line-height: 147%;
	}
	
a { color: #004679; text-decoration: none;}
a:hover { color: #5f99c9; }
a:visited { color: #052944; }

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:93%;line-height:100%;}


/* 
-----------------------------------------------------------------------------
@group BASE - Yahoo (Modified)
----------------------------------------------------------------------------- */

h1{ font-size:145%; } /* 20px */
h2{ font-size:138.5%; } /* 18px */
h3{ font-size:106%; } /* 14px */
h4{ font-size:90%; } /* 12px */
h5{ font-size:77%; 	line-height: 150%;} /* 10px */
h1,h2,h3 {margin:0 0 0 0;}
h2,h3,h5,h6,strong,dt {font-weight:bold;}

optgroup {font-weight:normal;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
em {font-style:italic;}
del {text-decoration:line-through;}
sup {vertical-align:super;}
sub {vertical-align:sub;}
p,fieldset,table,pre {margin-bottom:1em;}
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] {padding:1px;}

/* 
-----------------------------------------------------------------------------
@group GRID - 960.gs
----------------------------------------------------------------------------- */

.container_12,.container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px 
	}
	
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px
	}

.container_12 .grid_3,
.container_16 .grid_4 {width:220px}

.container_12 .grid_6,
.container_16 .grid_8 {width:460px}

.container_12 .grid_9,
.container_16 .grid_12 {width:700px}

.container_12 .grid_12,
.container_16 .grid_16 {width:940px}


.alpha {margin-left:0}

.omega {margin-right:0}


.container_12 .grid_1 {width:60px}

.container_12 .grid_2 {width:140px}

.container_12 .grid_4 {width:300px}

.container_12 .grid_5 {width:380px}

.container_12 .grid_7 {width:540px}

.container_12 .grid_8 {width:620px}

.container_12 .grid_10 {width:780px}

.container_12 .grid_11 {width:860px}


.container_16 .grid_1{width:40px}

.container_16 .grid_2{width:100px}

.container_16 .grid_3{width:160px}

.container_16 .grid_5{width:280px}

.container_16 .grid_6{width:340px}

.container_16 .grid_7{width:400px}

.container_16 .grid_9{width:520px}

.container_16 .grid_10{width:580px}

.container_16 .grid_11{width:640px}

.container_16 .grid_13{width:760px}

.container_16 .grid_14{width:820px}

.container_16 .grid_15{width:880px}


.container_12 .prefix_3,
.container_16 .prefix_4 {padding-left:240px}

.container_12 .prefix_6,
.container_16 .prefix_8 {padding-left:480px}

.container_12 .prefix_9,
.container_16 .prefix_12 {padding-left:720px}

.container_12 .prefix_1 {padding-left:80px}

.container_12 .prefix_2 {padding-left:160px}

.container_12 .prefix_4 {padding-left:320px}

.container_12 .prefix_5 {padding-left:400px}

.container_12 .prefix_7 {padding-left:560px}

.container_12 .prefix_8 {padding-left:640px}

.container_12 .prefix_10 {padding-left:800px}

.container_12 .prefix_11 {padding-left:880px}


.container_16 .prefix_1 {padding-left:60px}

.container_16 .prefix_2 {padding-left:120px}

.container_16 .prefix_3 {padding-left:180px}

.container_16 .prefix_5 {padding-left:300px}

.container_16 .prefix_6 {padding-left:360px}

.container_16 .prefix_7 {padding-left:420px}

.container_16 .prefix_9 {padding-left:540px}

.container_16 .prefix_10 {padding-left:600px}

.container_16 .prefix_11 {padding-left:660px}

.container_16 .prefix_13 {padding-left:780px}

.container_16 .prefix_14 {padding-left:840px}

.container_16 .prefix_15 {padding-left:900px}


.container_12 .suffix_3,
.container_16 .suffix_4 {padding-right:240px}

.container_12 .suffix_6,
.container_16 .suffix_8 {padding-right:480px}

.container_12 .suffix_9,
.container_16 .suffix_12 {padding-right:720px}


.container_12 .suffix_1 {padding-right:80px}

.container_12 .suffix_2 {padding-right:160px}

.container_12 .suffix_4 {padding-right:320px}

.container_12 .suffix_5 {padding-right:400px}

.container_12 .suffix_7 {padding-right:560px}

.container_12 .suffix_8 {padding-right:640px}

.container_12 .suffix_10 {padding-right:800px}

.container_12 .suffix_11 {padding-right:880px}


.container_16 .suffix_1 {padding-right:60px}

.container_16 .suffix_2 {padding-right:120px}

.container_16 .suffix_3 {padding-right:180px}

.container_16 .suffix_5 {padding-right:300px}

.container_16 .suffix_6 {padding-right:360px}

.container_16 .suffix_7 {padding-right:420px}

.container_16 .suffix_9 {padding-right:540px}

.container_16 .suffix_10 {padding-right:600px}

.container_16 .suffix_11 {padding-right:660px}

.container_16 .suffix_13 {padding-right:780px}

.container_16 .suffix_14 {padding-right:840px}

.container_16 .suffix_15 {padding-right:900px}


.clear {
	
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}
	
	
.clearfix:after {
	
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	}
	
	
.clearfix {display:inline-block}


* html .clearfix {height:1%}


.clearfix {display:block}

