﻿body * {
	outline-style:none;
}

/*** top ***/
#header {
	min-width:600px;
	width:80%;
	position: fixed;
	margin-left:110px;
	height: 86px;
	z-index: 1000;
	left: 0px;
	top: 0px;
	overflow:hidden;
	border-bottom:2px #990000 solid;
}
#about {
	cursor:pointer;
}
#about_me {
	width:300px;
	height:300px;
	position:absolute;
	top:90px;
	left:150px;
	z-index:1000;
}
#about_me a {
	color:#800000;
	font-weight:bold;
	letter-spacing:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#switcher {
	float:right;
	position:relative;
	height:auto;
	width:250px;
	margin-top:45px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	color:#C0C0C0;
	cursor:pointer;
}
#switcher_wrapper {
	position:absolute;
	right:150px;
	top:-15px;
	height:50px;
	background-color:white;
	width:260px;
	padding-right:10px;
}
	#switcher_wrapper > div {
		float:right;
		height:30px;
		width:50px;
		margin-top:10px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:10px;
		cursor:pointer;
		z-index:1000;
	}
	#org_grad {
		background-image:url('images/or_grad_icon.png');	
	}
	#org_solid {
		background-image:url('images/or_or_icon.png');
	}
	#org_blk {
		background-image:url('images/or_blk_icon.png');
	}
	#blk_blk {
		background-image:url('images/blk_blk_icon.png');
	}
	.clr_picked {
	border-left:5px #990000 solid;
	border-right:5px #990000 solid;
}
#title {
	font-family:Impact;
	font-size:60pt;
	text-align:right;
	color:#FFFF99;
	letter-spacing:18px;
	overflow:hidden;
	width:auto;
}
#pthesis {
	color:#800000;
	font-family:Verdana;
	font-size:60pt;
	letter-spacing:7px;
	font-weight:bold;
}
#subtitle, #about {
	top: 0px;
	font-family:Impact;
	letter-spacing:10px;
	padding-bottom:0px;
	height:auto;
	z-index:1000;
	background-color:#833A06;
	color:#990000;
}
#subtitle {
	position:fixed;
	left: 112px;
	width:80%;
	font-size:18px;
}
#about {
	position:absolute;
	right:0px;
	text-align:right;
	font-size:16px;
}
#me {
	color:#FFFF99;
	text-align:right;
	font-size:16px;
}
#about a, #me a {
	text-decoration:none;
}

/*** powered by ***/
.powered_by {
	margin:0;
	position:absolute;
	right:0px;	
	color:#C0C0C0;
	font-weight:bold;
	letter-spacing:3px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}
#pp {
	padding-top:5px;
	bottom:0px;
}
#jm {
	padding:0;
	bottom:0px;
}
#wp {
	padding-top:5px;
	top:150px;
}

/*** lightform ***/
#comment_close {
	z-index:1000;
	position:absolute;
	right:115px;
	top:10px;
	color:#999999;
	font-weight:bold;
	letter-spacing:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#comments {
	top: 17px;
	font-family:Verdana;
	letter-spacing:5px;
	padding-bottom:0px;
	height:auto;
	z-index:1000;
	background-color:#833A06;
	color:#FFFF99;
	font-size:10px;
	position:absolute;
	right:0px;
	text-align:right;
	cursor:pointer;
}
#contact {
	margin:0;
	padding:0;
	height:530px;
	width:500px;
	z-index:500;
	position:absolute;
	right:110px;
	top:5px;
}

/*** one text wrapper ***/
#one_text_wrapper {
	z-index:1000;
	position:absolute;
	top:5px;
	left:135px;
	width:320px;
}
#blog_close {
	z-index:1000;
	position:absolute;
	right:110px;
	top:0px;
	color:#C0C0C0;
	font-weight:bold;
	letter-spacing:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;	
}
#view_latest {
	position:absolute;
	top:100px;
	left:300px;
	color:#C0C0C0;
	font-weight:bold;
	letter-spacing:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000;	
}
#latest_posts {
	cursor:default;
	top:8px;
	position:absolute;
	right:0px;
	color:#990000;
	font-weight:bold;
	letter-spacing:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000;
}
#one_list {
	position:absolute;
	right:5px;
	text-align:left;
	padding-left:15px;
	padding-right:10px;
}
#posts a, #portfolio a {
	color:#800000;
	font-weight:bold;
	letter-spacing:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#posts a:hover, #portfolio a:hover {
	color:#FFFF99;
}
	/*** Progress bar ***/
	#loading {
		position:relative;
		top:-3px;
		font-family:Verdana;
		letter-spacing:7px;
		color:#FFFF99;
		font-size:12px;
	}
	#progress_bar {
			width:102px;
			height:7px;
			border:1px solid #ccc;
			padding:0;
			margin:0;
			background-image:url("/stylesheets/progress_bar.gif");
			background-repeat:repeat-x;
			position:absolute;
			top:230px;
			right:300px;
		}
	
		#progress_bar div {
			background-color:#fff;
		}
	
	#go_to_blog {
		cursor:default;
		top:8px;
		position:absolute;
		right:0px;
		color:#990000;
		font-weight:bold;
		letter-spacing:3px;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		z-index:1000;
		padding-top:3px;
	}
	#go_to_blog a {
		color:#C0C0C0;
	}
	#go_to_blog a:hover {
		color:#990000;
}
	#blog {
		position:absolute;
		right:110px;
		top:5px;
		width:400px;
		height:500px;
	}
			#result {
				color:#FFFF99;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
			}

/*** two text wrapper ***/
#two_text_wrapper {
	 width:320px;
	 height:110px;
	 position:absolute;
	 top: 179px;
	 left:135px;
	 z-index:1000;
	 border-top:2px #990000 solid;
}

/*** three text wrapper ***/
#three_text_wrapper {
	 width:320px;
	 position:absolute;
	 top: 300px;
	 left:135px;
	 z-index:1000;
 	 border-top:2px #990000 solid;
}

/*** content ***/
a, a:visited {
	color:#800000;
	text-decoration:none;
}
#main {
	position:relative;
	top:86px;
	left:0px;
	width:100%;
	height:auto;
	margin:0;
}
.text a {
	font-family: "Cooper Black";
	font-size: 24pt;
	text-align:center;
	letter-spacing:4px;
}
p, li {
	color:#FFFF99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.click_close, #copyright {
	position:absolute;
	top:0px;
	right:0px;
	color:#C0C0C0;
	font-weight:bold;
	letter-spacing:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	z-index:1000;
}
.news_when {
	font-size:9px;
}
.click_close:hover, #comment_close:hover, #blog_close:hover {
	color:#990000;
}
#content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width:100%;
	min-width:1000px;
	min-height:500px;
	height:100%;
	background-position:-220px -80px;
	z-index:100;
	position:relative;
}
.content_org {
	background-image:url('images/backg_skew4.png');
}
.content_blk {
		background-image:url('images/backg_skew2.png');
}
	.blk_bg_solid {
		background-color:black !important;
	}
		#photos {
			position:absolute;
			top:10px;
			right:110px;
			margin-left:15px;
			margin-bottom:5px;
			z-index:1000;
		}
		#footer {
			position:fixed;
			bottom:5px;
			left:110px;
			height:31px;
			width:80%;
			z-index:1000;
		}
				.bottom_links {
					float:left;
					margin:0px 5px 0px 0px;
				}
				#copyright {
					float:right;
					cursor:default;
					margin-top:15px;
					z-index:100;
				}
				#footer_links {
					float:right;
					text-decoration:none;
					font-weight:bold;
					letter-spacing:3px;
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;
					z-index:1000;
				}
				#footer_links a {
					color:#FFFF99;
				}
				#footer_links a:hover {
					color:#990000;
				}
						
/*** left and right parentheses ***/
#left, #right {
	position:fixed;
	top:0px;
	width:110px;
	height:auto;
	min-height:1250px;
	z-index: 2;
	background-attachment:fixed;
	background-repeat:repeat-y;
}
.org_grad {
	background-image:url('images/bg_org_grad.jpg');
}
.org_solid {
	background-image:url('images/bg_org_solid.jpg');
}
.org_blk {
	background-image:url('images/bg_blk_grad.png');
}
.blk_blk {
	background-image:url('images/bg_blk_grad.png');
}
#left {
	left:0px;
	background-position:0% 50%;	
}
#right {
	right:0px;
	background-position:100% 50%;
}
#news_wrapper {
/*	background-image: url(images/news.png);
	background-repeat: no-repeat;
*/	height: 150px;
	width: 450px;
	position: absolute;
	right: 100px;
	bottom: 55px;
}
#news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	height: 85px;
	width: 390px;
	position:absolute;
	left:40px;
	top:40px;
}
.news_when, .news_desc {
	color:#C0C0C0;
	font-weight:bold;
	letter-spacing:3px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}
.news_desc {
	font-size:11px;
	line-height:16px;
}
.news_desc a:hover {
	color:#FFFF99;
}
#news a img {
	border:1px #fff solid;
}
#pthesis_logo, #jaal_fractal {
	border:0;
}
#jaal_fractal {
	margin-top:-5px;
}

/*** loader ***/
#loader{
   width:100%;
   margin:100px auto;
   text-align:center;
}