/* 
Theme Name: Sue Diaz 2010
Theme URL: http://www.suediaz.com/
Description: The NEW sue.
Author: Roman Diaz
Author URI: http://www.romandiaz.me
Version: 2.0

*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */
#db {
	position:absolute;
	bottom:0px;
	right:0px;
	margin-right:-30px;
}

 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/*
Globals
*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
div.button {
	background: url( images/button_right.png ) center right no-repeat;
	margin:14px;
	max-width:150px;
	text-align:center;
}
div.button a {
		display: block;
		padding: 10px 13px;
		background: url( images/button_left.png ) center left no-repeat;
		color: #000;
		font-weight:bold;
		margin-left: -13px;
		max-width:150px;
}
.widgettitle {
	display:none;
}
li.widget  {
	list-style:none;
}
em {
	font-style:italic;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	padding:15px;
}
.wp-caption-text {
	margin-top:10px;
	color:#666;
	font-style:italic;
	font-size:10px;
	text-align:center;
}
.clear {clear:both;}
HTML, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

.scrolled {
	background-position: center -300px;
	background-attachment: fixed;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a { color:#000; }

#container{ 
	width:960px;
	position:relative; 
	margin:0px auto;
	height:auto !important; 
	height:100%;
	min-height:100%;
}
#topnav {
	width:960px;
	height:51px;
	display:block;
	margin:0px auto;
}
div.nav {
	font-size:18px;
}
div.nav div {
	padding:10px 15px 5px 5px;
	float:left;
	height:51px;
	display:block;
}
div.nav div.home:hover, div.nav div.homeselected {
	background:url(images/nav_home.gif) repeat-x;
}
div.nav div.home:hover a, #footer div.nav div.home:hover a {
	color:#930c07;
}
div.nav div.about:hover, div.nav div.aboutselected {
	background:url(images/nav_about.gif) repeat-x;
}
div.nav div.about:hover a, #footer div.nav div.about:hover a {
	color:#a22906;
}
div.nav div.books:hover, div.nav div.booksselected {
	background:url(images/nav_books.gif) repeat-x;
}
div.nav div.books:hover a, #footer div.nav div.books:hover a {
	color:#963b03;
}
div.nav div.ww:hover, div.nav div.wwselected {
	background:url(images/nav_teaching.gif) repeat-x;
}
div.nav div.teaching:hover, div.nav div.teachingselected {
	background:url(images/nav_copywriting.gif) repeat-x;
}
div.nav div.teaching:hover a, #footer div.nav div.teaching:hover a, div.nav div.ww:hover a, #footer div.nav div.ww:hover a {
	color:#9e5200;
}
div.nav div.copywriting:hover, div.nav div.copyselected {
	background:url(images/nav_awards.gif) repeat-x;
}
div.nav div.copywriting:hover a, #footer div.nav div.copywriting:hover a {
	color:#b57b00;
}
div.nav div.awards:hover, div.nav div.awardsselected {
	background:url(images/nav_contact.gif) repeat-x;
}
div.nav div.awards:hover a, #footer div.nav div.awards:hover a {
	color:#c49900;
}
div.nav div.contact:hover, div.nav div.contactselected {
	background:url(images/last.gif) repeat-x;
}
div.nav div.contact:hover a, #footer div.nav div.contact:hover a {
	color:#c2a600;
}
div.nav div a {
	text-decoration:none;
}
#footer div.nav div.homeselected a, #footer div.nav div.aboutselected a, #footer div.nav div.booksselected a, #footer div.nav div.wwselected a, #footer div.nav div.teachingselected a, #footer div.nav div.copyselected a, #footer div.nav div.awardsselected a, #footer div.nav div.contactselected a{
	color:#000;
}
/*
TITLE
*/

#title a {
	display:block;
	text-decoration:none;
	border-bottom:10px solid #930c07;
}
body.index #title {
	position:relative;
	width:960px;
	height:257px;
}
body.index #title h1 {
	font-weight:normal;
	font-size:70px;
	top:60px;
	position:absolute;
}
body.index #title .sub {
	font-size:24px;
	top:150px;
	position:absolute;
}
body.interior #title {
	position:relative;
	width:960px;
	height:150px;
}
body.interior #title h1 {
	font-weight:normal;
	font-size:50px;
	top:20px;
	position:absolute;
}
body.interior #title p {
	font-size:24px;
	top:90px;
	position:absolute;
}

/*
WHITE BOARD
*/
#whiteboard {
	position:relative;
	width:960px;
	height:409px;
	display:block;
	color:#FFF;
}
#whiteboard #welcome {
	position:absolute;
	top:90px;
	left:80px;
	width:350px;
	height:280px;
}
#whiteboard #minefields {
	position:absolute;
	top:90px;
	left:540px;
	width:350px;
	height:280px;
}

/*
QUOTE OF THE DAY
*/
#qotd {
	position:relative;
	width:960px;
	display:block;
}
#qotd h2 {
	font-size:24px;
}
#qotd .quote {
	display:block;
	padding:20px 40px;
}
#qotd .quote strong {
	font-weight:bold;
}
/*
CONTENT
*/
#content {
	width:750px;
	margin:0px auto ;
	padding-bottom:51px;
	padding-top:20px;
}
#wrapper {
	padding-bottom:30px;
}
p {margin-bottom:15px; line-height:1.5em;}
#content p {margin-bottom:15px; }
#content li {
	line-height:2em;
	list-style:disc inside;
	display:list-item;
	margin-left:25px;
}
#content h2 {
	display:block;
	font-size:30px;
	margin-top:20px;
	margin-bottom:20px;
}
#content h3 {
	display:block;
	font-size:25px;
	margin-top:10px;
	margin-bottom:10px;
}
#content h4 {
	display:block;
	font-size:20px;
	margin-top:5px;
	margin-bottom:5px;
}
#content a {
	color:#c80400;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#content blockquote {
	margin:15px auto;
	padding-left:50px;
	background:url(images/quote.gif) top left no-repeat;
}
#content hr {
	background-color:#000;
	color:#000;
	border:none;
	height:5px;
	width:100%;
	clear:both;
	margin:15px auto;
}
#content .left_col {
	float:left; width:48%;
}
#content .right_col {
	float:right; width:48%;
}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover {
	text-decoration:none;
}
#content .quoted, #content .quotedeven {
	line-height:2em;
	clear:both;
	padding:15px;
	border-bottom:1px solid #999;
	margin:10px;
	display:block;
}
#content .quoted span, #content .quotedeven span {
	font-weight:bold;
}
#content .quoted {
	margin-right:100px;

}
#content .quotedeven {
	margin-left:100px;
}
/*
FOOTER
*/
#footer {
	width:960px;
	height:51px;
	overflow:hidden;
	background:#000;
	color:#FFF;
	position:absolute;
	bottom:0%;
	left:50%;
	margin-left:-480px;
}
#footer a {
	color:#FFF;
	text-decoration:none;
}
#footer div.nav {
	float:right;
}
#footer h2 {
	font-weight:normal;
	font-size:20px;
	display:block;
	position:absolute;
	top:3px;
	left:5px;
	border-bottom:4px solid #930c07;
}
#footer .copyright {
	padding:5px;
}
#footer .copyright span {
	display:block;
	position:absolute;
	top:32px; left:5px;
}
/*  SIDEBAR 1  */
#sidebar1 .widget p {margin-bottom:0px;
margin-top:10px;
}
#sidebar1 .widget {
    padding: 10px;
    text-align: left; 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	position:absolute;
	right:10px;
	bottom:10px;
	width:280px;
	border:2px solid #fff;
	background:url(images/transparent.png) top left repeat;
}
#sidebar1 .widget_text h2 {
	display:block;
	visibility:visible;
	font-size:18px;
	border-bottom:2px solid #000;
}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}