/********************************css reset**************************************/
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, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100.01%; vertical-align: baseline; background: transparent;}
body {	line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none;}
/* remember to define focus styles! */ :focus { outline: inherit; }
/* 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; }
blockquote, q{	quotes: none; }
textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }
/****************************css reset ends here*******************************/

/*************************actual css begins here*******************************/
body{	font-family: georgia, sans-serif; font-size: 1em; font-weight: 100; color: #ccc; }
a:link { color:#ccc; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
blockquote{ color: #aaa; padding: 30px; }
/************************side navigation squares css begins here *****************************/
#squares{ position: fixed; top: 0px; left: 0px; }

.square{ width: 95px; height: 95px; border: 1px solid #ccc; padding: 5px; margin: 8px; }
.square a { color: #ccc; text-decoration: none; }
.square h1 { color: #ccc; text-decoration: none; padding-top: 3px; font-size: 1em; font-weight: lighter; }
.square:hover{ text-decoration: none; }
.square a:hover{ color: #fff; }

#homelink:hover{background-color:#000;}
/*#aboutlink:hover{background-color:#330000;}*/
#projectslink:hover{background-color:#330000;}
#writinglink:hover{background-color:#003300;}
#otherlink:hover{background-color: #000033;}

.big { font-size: 1.7em; }

h1 .big { font-size: 1.7em; font-weight:lighter; }
/*************************side navigation squares css ends here*****************************/

#banner { background:url(blackback.png) repeat; height:150px; width:80%; margin: 0px auto;  -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:100px; -webkit-border-bottom-right-radius:100px; border: 1px solid #eee; border-top: 0px; }
#banner h1{font-family:Georgia, palatino, palatino linotype, book antiqua, times new roman, sans-serif; color: #eee; font-weight:100; padding-bottom: 5px;}
#headline { position: relative; top:30px; left: 50px; width: 200px; float:left; }
#sitename { font-size: 3em; }
.subheader h2 { font-size: 1.3em; text-transform: uppercase; padding-top: 5px; font-family: baskerville, Palatino, palatino linotype, times new roman, serif; font-weight: 100;}
#links { position: relative; top: 20px; left: 100px; }
#links a { color: #ccc; text-decoration: none; }
#links a:hover { color: #fff; text-decoration: underline; }
#links li {padding:10px;}

/*****************************content css starts here***************************************/
.projectheader{	color:#990000; }
.writeheader{ color:#009900; }

#content{ margin:50px auto; width: 500px; background: url(blackback.png) repeat; border: 1px solid #ccc;-moz-border-radius:50px;-webkit-border-radius:50px; padding:100px;}
#content2{ position:absolute; top: 200px; left: 119px; right: 8px; background: url(blackback.png); border: 1px solid #ccc; margin-bottom: 8px; }
#noback{ position: absolute; top: 200px; left: 119px; }
#blackback{}
#content img { padding-right:20px; }

.block img{ border: 1px solid #ccc; margin: 15px; }
.block{ border: 1px solid #ccc; width:80%; padding: 20px; color: #ccc; font-size:1em; margin: 20px auto; background: url(blackback.png) repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.block ol{ padding: 10px; }
.block a { color:#ccc; text-decoration:none; }
.block a:hover { color: #fff; text-decoration:underline; }

.small{	font-size:0.8em; }
.text { line-height: 1.2em; }
.text ol{ list-style: decimal; display:block; color:#ccc; }
.text li{ padding-bottom: 10px; list-style: decimal; display:block; cursor: crosshair; }

h2, h3, p{ padding-bottom: 10px; }
.writing{ border: 1px solid #ccc; width: 500px; color: #ccc; font-size:1em; float:left; margin: 5px; background: url(blackback.png) repeat; padding: 20px; }
.writng ol{ list-style: decimal; display: block; padding: 30px; }
.writing li{ padding-top: 10px; }

/************************content css ends here*****************************/

/************************questionnaire css begins here******************************/
#poller{	/* The poller box */  position: relative; margin: 50px; width: 450px; height: 300px; border: 1px solid #333; color: #333; background-color:#fff; font-family: minion pro, gentium, palatino, palatino linotype, times, times new roman, serif; padding: 20px; font-size: 1.6em; }
#poller p{ padding-bottom: 20px; }
#header h2{ padding: 10px; font-weight: normal; }
/*Poller title above radio buttons*/  .pollerTitle{ margin-bottom:5px; display: none; }
/* Label for each radio button*/  .pollerOption{ margin:0px; }
input{ border: 1px solid #ccc; padding:3px; margin-top: 10px; font-family: helvetica neue, helvetica, arial, sans-serif; font-size: 0.9em; color: #555; }
input:hover{ border: 1px solid #234; padding:3px; margin-top: 10px; font-family: helvetica neue, helvetica, arial, sans-serif; font-size: 0.9em; color: #234; }
textarea{ margin: 0px; font-size: 0.8em; width: 430px; height: 220px; }	
/* Label for each option above graph - i.e. results*/  .result_pollerOption{ margin:0px; font-size:0.8em; }
/* Title of poller - when ajax shows the results*/ .result_pollerTitle{ margin-bottom:5px; font-size:1em; background-color:#fff; color: #fff; display: none; }
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly*/ .result_pollGraph img{ float:left; }
/* The <div> tag where the percentage result is shown*/  .result_pollGraph div{ float:left; height:16px; background-repeat:repeat-x; color:#333; font-size:0.7em; line-height:16px; background-color:#000; }
/* Graph div - parent of both the corner images and the div displaying percentage votes */ .result_pollGraph{  height:16px; }
/* Message when Ajax is working getting results fromt the server */ .poller_waitMessage{ display:none;	}	
.result_totalVotes{	clear:both; font-size:0.7em; margin-top:10px; font-style:italic; }
/********************************tooltip and poll hover css**************************/
#poller a:link, #poller a:visited{ 	color: #555; text-decoration: underline; }
#WzBoDy a:link, #WzBoDy a:visited, .answernav a:link, .answernav a:visited{	color: #333; text-decoration: none; }
#poller a:hover, #WzBoDy a:hover, .answernav a:hover{ color: #000; text-decoration: underline; }
#pollnav{ position:absolute; bottom:10px; font-size:0.7em; text-align:center; }
#pollnav ul{ text-align:center; }
#pollnav li{ display:inline; list-style:none; padding-right: 5px; }
.tooltips{ border: 1px solid #ccc; padding:5px; background-color:#fff; text-decoration:none; color: #555; }
.tooltips:hover{ cursor:help; text-decoration:none; border:1px solid #686; padding:5px; background-color:#eee; text-decoration:none; color:#555; }
.intro{ font-size: 0.8em; font-weight: normal; }
/************************questionnaire css ends here******************************/

/********************************questionnaire answers css begins here*****************************/
.answers{ border: 1px solid #333; width: 250px; height: 250px;	padding: 10px; color: #333; font-size:1em; float:left;	margin: 8px; background: #fff; font-family: minion pro, gentium, palatino, palatino linotype, times, times new roman, serif; font-size: 1.2em; }
.answerback2{ background: url(blackback.png) repeat; border: 1px solid #ccc; margin: 8px; float:left; }
.answerback{ margin: 8px; float:left; }
.answers .tooltips { margin-top: 10px; }
.answers h2 { padding: 10px; }
.answernav{	border: 1px solid #333; width: 538px; height: 300px; padding: 10px; color: #333; font-size:0.96em; float:left; margin: 8px; background: #fff; font-family: minion pro, gentium, palatino, palatino linotype, times, times new roman, serif; }
.answernav ol{ display:block; list-style: decimal; padding-left: 25px; }
.answernav li{ margin-top: 20px; }
/********************************questionnaire answers css ends here*****************************/

/***********************************nav tooltip css starts here*****************************/
#WzBoDy{ width:650px; color:#000; }
#WzBoDy ol{ display: block; list-style:decimal; padding: 20px; }
#WzBoDy li{ padding:0px 0px 8px 8px; }
.clickOutside{ position:absolute; bottom: 5px; right: 5px; 	}
/***********************************nav tooltip css ends here*******************************/

/***********************************poll css ends here**************************************/
#recap{ position: absolute; bottom: 10px; right: 10px; }