/* CSS Document */

/*
	Building up a global css framework (blueprint)
*/


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; 
}

body {line-height:1.5;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* clearing */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* typography.css */
body {background:#fff; font:11px Arial, Helvetica, sans-serif; color:#000;} /* font-size:75%; */

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.h1 {font-size:196%;   font-weight:normal; margin-bottom:0.5em;  line-height:1em;}
.h2 {font-size:167%;   font-weight:normal; margin-bottom:0.75em;}
.h3 {font-size:146.5%; font-weight:normal; margin-bottom:1em;    line-height:1em;}
.h4 {font-size:123.1%; font-weight:normal; margin-bottom:1.25em; line-height:1.25em;}
.h5 {font-size:108%;   font-weight:bold;   margin-bottom:1.5em;}
.h6 {font-size:108%;   font-weight:normal; font-style:italic;}

p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {outline:0;}
a {color:#336699; text-decoration:underline;}
a:hover {color:#5879aa; text-decoration:none;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {padding:5px; border-bottom:2px dotted #FFF;}
th, td, caption {padding:0px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #666;color:#666;font:12px Arial, Helvetica, sans-serif;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, 
input[type=text]:hover, input[type=password]:hover, input.text:hover, input.title:hover, textarea:hover, select:hover {border-color:#333;color:#000;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

.error, .notice, .success {padding:.5em;margin-bottom:.5em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
#success, .success {margin:0 0 10px 0;padding:5px 10px;border:0;border-color:#CFF3AB;background:#CFF3AB;text-align:center;font:1.5em "Segoe UI","Trebuchet MS",Helvetica,sans-serif;color:#693;-moz-border-radius:6px; -webkit-border-radius:6px;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Grids
----------------------------------------------------- */

.row:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.lastcol:after {content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.row {*zoom:1;}
.lastcol {display:table-cell; *display:block; *zoom:1; float:none; *position:relative; *left:-3px; *margin-right: -3px;}

.col {float:left;}

.cols1of1 {float:none;}
.cols1of2 {width:50%;}
.cols1of3 {width:33.33333%;}
.cols2of3 {width:66.66666%;}
.cols1of4 {width:25%;}
.cols3of4 {width:75%;}
.cols1of5 {width:20%;}
.cols2of5 {width:40%;}
.cols3of5 {width:60%;}
.cols4of5 {width:80%;}
.cols1of6 {width:16.66666%;}
.cols2of6 {width:33.33333%;}
.cols4of6 {width:66.66666%;}
.cols5of6 {width:83.33333%;}
.cols1of10 {width:10%;}
.cols2of10 {width:20%;}
.cols3of10 {width:30%;}
.cols4of10 {width:40%;}
.cols6of10 {width:60%;}
.cols7of10 {width:70%;}
.cols8of10 {width:80%;}
.cols9of10 {width:90%;}