/*  
Theme Name: Electronicmath
Theme URI: http://electronicmath.com
Description: Electronicmath theme
Version: 1.0
Author: Michael Atkinson
Author URI: http://michaelatkinson.net
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************ */


html, body { height:100%; }
html {overflow-y: scroll; }

body {}
		body {
			background:#191919 url(images/bg.png);
			color:#222;		
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:62.5%;
			line-height:1.5;
			}
		a {
			color:#4079ff;
			text-decoration:none;
			}
		a:hover {
			color:#97993d;
			
			}
		p a, ul a {
			border-bottom:1px dotted #4079ff;	
			}
		p a:hover, ul a:hover {
			border-bottom:1px solid #97993d;
			}
				
		a.noborder {
			border:0;
			}
		p,ul,ol {
			font-size:1.2em;
			margin-bottom:1.5em;
			}
		li p {
			font-size:1em; 
			}	
		ul {
			margin-left:30px;
			
			}
		ul li {
			margin-bottom:3px;
			list-style:square;
			}
		h2 {
			font-family:Helvetica, Arial, sans-serif;
			font-size:2.4em;
			font-weight:bold;
			margin-bottom:0.4em;
			letter-spacing:-1px;
			line-height:1.1;
			}			
		h3 {
			font-family:Helvetica, Arial, sans-serif;
			font-size:1.6em;
			font-weight:bold;
			margin-bottom:0.5em;
			letter-spacing:-1px;
			line-height:1.1;
			}
		.wp-caption-text {
			font-size:1.1em;
			line-height:1.2;
			padding-top:10px;
			text-align:center;
			color:#777;
			}


#container {}
		#container {
			position:relative;
			width:930px;
			margin:0 auto;
			}
			
#header {}			
		#header {
			position:relative;
			height:140px;
			}
		#logo {
			display:block;
			width:401px;
			height:77px;
			position:absolute;
			border-bottom:0;
			left:0;
			bottom:25px;
			}
		#nav {
			position:absolute;
			bottom:50px;
			right:0;
			margin:0;
			list-style:none;
			}
		#nav li, #nav a {
			float:left;
			display:block;
			}
		#nav li {
			margin-left:10px;
			}		
		#nav a {
			background-color:#282828;
			color:#777;
			border:0;
			font-weight:bold;
			padding:8px 16px;
			}
		#nav a:hover, #nav li.current_page_item a {
			background-color:#F5D95A;
			color:#222;
			}
				
			
#content {}			
		#content {
			width:100%;
			background:#FFF url(images/content_bg.gif);
			}
			
			
#main {}
		#main {
			width:620px;
			overflow:visible;
			float:left;
			}
		#main .inner {
			padding-top:40px;
			padding-bottom:40px;
			padding-left:70px;
			padding-right:70px;
			}
		.post {
			position:relative;
			margin-bottom:20px;
			}
		.post-date {
			width:70px;
			height:80px;
			position:absolute;
			left:-90px;
			top:5px;
			background:transparent url(images/date.gif);
			}
		.post-date .post-date-month,
		.post-date .post-date-day,
		.post-date .post-date-year {
			display:block;
			position:absolute;
			width:70px;
			font-family:Helvetica, Arial, sans-serif;
			font-weight:bold;
			text-align:center;	
			}	
		.post-date .post-date-month {
			left:0;
			top:6px;
			height:10px;
			line-height:10px;
			font-size:10px;
			text-transform:uppercase;
			font-family:Verdana, Arial, Helvetica, sans-serif;	
			}
		.post-date .post-date-day {
			left:0;
			top:15px;
			height:36px;
			line-height:36px;	
			font-size:36px;
			}
		.post-date .post-date-year {
			left:0;
			top:50px;
			height:10px;
			line-height:10px;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;			
			}
		.post-title {
			font-family:Helvetica, sans-serif;
			font-size:3.6em;
			font-weight:bold;
			letter-spacing:-2px;
			line-height:1.1;
			margin-bottom:0.5em;
			color:#222;
			border-bottom:0;
			padding-bottom:0;			
			}
		.post-title a {	
			color:#222;
			border:0;
			}
		.post-title a:hover {
			color:#97993d;
			border-bottom:1px solid #97993d;
			}	
		.post-info {
			color:#777;
			text-align:right;
			}			
		.post-info a {
			color:#777;
			border-bottom:1px dotted #777;
			}
		.post-info a:hover {
			color:#777;
			border-bottom-style:solid;
			}											
			
#side {}					
		#side {
			width:310px;
			float:left;
			line-height:1.25;	
			}
		#side {
			color:#685E34;
			}
		#side h2 {
			color:#7D703A;
			border-bottom:0;
			padding-bottom:0;		
			}							
		#side .inner {
			padding-left:35px;
			padding-right:34px;
			padding-top:40px;
			padding-bottom:40px;
			}
		.item {
			margin-bottom:30px;
			}
		#side p {
			margin-bottom:1em;
			}	
		#side a {		
			color:#685E34;
			border-bottom:1px dotted #685E34;
			}
		#side a:hover {		
			color:#685E34;
			border-bottom-style:solid;
			}			
		#side .subnav {
			border-top:1px dotted #685E34;
			margin:0;
			list-style:none;
			}
			
		#side .subnav li {
			border-bottom:1px dotted #685E34;
			margin:0;
			list-style:none;
			}
		#side .subnav a {	
			display:block;
			padding:6px;
			text-decoration:none;
			color:#685E34;
			border-bottom:0;
			}
		#side .subnav a:hover {
			background:#7D703A;
			color:#F5D95A;
			}
			
	
#footer {}	
		#footer {
			position:relative;
			margin-top:10px;
			height:100px;
			}
		#footer, #footer a {
			color:#777;
			}
		#footer a {
			text-decoration:none;
			border-bottom:1px dotted #777;		
			}
				
		#footer #copyright {
			position:absolute;
			top:0;
			left:0;
			}	
		#footer #credits {
			position:absolute;
			top:0;
			right:0;
			}				
		#footer #credits a {	
			border:0;
			}


#comments {}
		#comments, #respond {
			font-family:Helvetica, sans-serif;
			font-size:3.6em;
			font-weight:bold;
			letter-spacing:-2px;
			line-height:1.1;
			margin-bottom:0.5em;
			color:#222;
			border-bottom:0;
			padding-bottom:0;
			}
		#comments {
			margin-bottom:20px;
			}
		#respond {
			margin-bottom:20px;
			}	
		.commentlist {
			margin:0;
			border-bottom:1px dotted #BBB;
			list-style:none;
			margin-bottom:30px;
			padding-bottom:0;
			}
		.commentlist .alt {
			background-color:#EEE;
			}	
		.commentlist li {	
			border-top:1px dotted #BBB;
			padding-top:10px;
			margin:0;
			padding-left:10px;
			padding-right:10px;
			}
		.commentlist li p {
			margin:0;
			padding-bottom:1em;
			}
		.commentmetadata {
			float:right;
			}
		.commentauthor {
			font-family:Helvetica, Arial, sans-serif;
			font-size:1.6em;
			font-weight:bold;
			margin-bottom:0.3em;
			letter-spacing:-1px;
			line-height:1.1;
			}		
		#comment {
			}
		input, textarea {
			font-size:16px;
			font-family:Georgia, "Times New Roman", Times, serif;
			padding:2px;
			}
		label {
			font-size:1.1em;
			font-weight:bold;
			}	
.gallery {
	margin:0;
	margin-bottom:2em;
	list-style:none;
	overflow:auto;
	}
.gallery li, .gallery li a {
	display:block;
	float:left;
	}
.gallery li a {
	border-bottom:0;
	}	
.gallery li {
	margin:0;
	padding:0;
	list-style:none;	
	margin-right:1px;
	margin-bottom:1px;
	width:159px;
	height:159px;
	overflow:hidden;	
	}