/* CSS Document */
html { font: 11px/1.4 "Lucida Grande", Verdana, sans-serif; color: #fff;}
body{margin: 0; background: url(../images/layout/bodyBG.gif) top right no-repeat fixed; background-color: #333;}
a:link, a:visited{text-decoration:none;color:#FF34AE;}
a:hover{color:#A31B3C;}
a:focus{outline:none;}
/* LEFT */
#left{float:left; width: 240px; padding: 10px;}
* html #left{width:260px;}
#info{ border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; margin-top: 10px; margin-bottom: 10px; padding-top: 5px;}
#info a:link, #info a:visited{text-decoration: none; color: #B1ED00;}
#info a:hover{color: #81B019;}
#info a:focus{outline:none;}
#info #more{text-align:right; font-size: 1.25em;}
#info #about{height:190px;}
* html #info #about{padding-top:9px;}

#left #rest .tag {float:left;width:70px;}
#left #rest .last{padding: 15px 0; color:#000;}
#left .change {font-size: .85em;}

/* RIGHT */
#right{position: absolute; left: 270px; width: 550px;}
#nav, #subnav, #subnav2{height: 15px; width: 546px; padding:5px;background-image:url(../images/layout/barBG.gif);border-bottom:2px solid #000;font-weight:bold;}
#nav ul, #subnav ul {list-style:none;margin:0;padding: 0;}	
#nav li, #subnav li {float:left;margin: 0;padding: 0 15px 0 0;}
#nav a:link, #nav a:visited{font-weight: bold;text-decoration: none; outline: none;color: #B1ED00;}
#nav a:hover {color: #fff;}
#nav #currentpage a {border-bottom: 1px dotted #B1ED00;}
#subnav #currentpage a {border-bottom: 1px dotted #FE3492;}
#subnav{background-color:#000;}
#subnav2{background-color: #000; border-top: 2px dotted #333; height:auto;}
#subnav2 a, #subnav2 a:visited {color: #00C7FF;}
#subnav2 a:hover {color: #0B6B94;}


/* MAIN */
#main{margin-top: 20px;}
#main img{max-width: 550px; margin-bottom: 3px; border: none;}

#main #index{width: 550px; height: 250px; border: 3px solid #000; text-align: right;}
* html #main #index{width:550px;}
#main #index .text{position:absolute; bottom: 0px; right: 0px; padding: 5px; font-size: 1.25em; background-color: #000;}
#main #index a {font-size: 1.5em; line-height: .9em;}

#main blockquote {background: url(../images/layout/barBGgray.gif); padding: 4px 10px;}

.recent {width: 300px;}
.recent a:link, .recent a:visited {color: #00C7FF;}
.recent a:hover {color: #0090BA;}

.project {width: 550px; padding:3px; background: #000; margin-bottom: 15px;}
.project h2{margin: 0 0 3px 5px; padding: 0; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #999;}
.project .exp {background: url(../images/layout/barBGgray.gif); padding: 5px; margin-bottom: 3px; font-size: .95em;}
.project .cap {padding: 3px; text-align:right;}

/* MAIN BLOG LINKS */

ul#blog {
	padding: 0;
	margin: 0;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
}
	#blog li {
		list-style-type: none;
	}
	#blog li a {
		display: block;
		margin: 5px 0;
		padding: 5px;
		background: #0D0D0D;
		color: #ffffff;
	}
	#blog li a:hover {
		background: #00D4FF;
		color: #000;
	}
	#blog li .date {
		width: 100px;
		float: left;
		text-align: left;
		font: normal 14px/20px Arial, Helvetica, sans-serif;
	}