/* What do you think of my code, visitor?? */
::-moz-selection {
	background-color: rgb(60,60,60);
	color: rgb(250,250,250);
}
::selection {
	background-color: rgb(60,60,60);
	color: rgb(250,250,250);
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background-color: rgb(250,250,250);
	color: rgb(60,60,60);
	font: 10pt Verdana, Geneva, sans-serif;
}

div#container {
	position: relative;
	min-width: 1000px; /* Fix for fill stop */
	min-height: 100%;
}
	div#header {
		background-color: rgb(245,245,245);
		border-bottom: 1px solid rgb(220,220,220);
	}
		#header .sizer {
			padding: 10px 0;
		}
		/*
		#header p {
			position: absolute;
			bottom: 20px;
			left: 0;
		}
		*/
		#header ul {
			position: absolute;
			bottom: -1px;
			right: 0;
			margin: 0;
			padding: 0;
			text-transform: lowercase;
		}
			#header ul li {
				display: inline;

			}
				/*
				#top-menu  a:hover {
					border-top: 1px solid silver;
				}
				*/
		
		#header li a, #header li span {
			border: 1px solid rgb(245,245,245);
			border-bottom: 1px solid rgb(220,220,220);
			color: rgb(60,60,60);
			text-decoration: none;
			padding: 10px;
			display: block;
			float: left;
		}
			#header li a:hover {
				color: #2d911f;
			}
			
			#header li .active {
				border: 1px solid rgb(220,220,220);
				border-bottom: 1px solid rgb(250,250,250);
				background-color: rgb(250,250,250);
			}
			




			
	div#body {
		padding-bottom: 60px;
	}
		#left-container {
			float: left;
			width: 700px;
		}
		
		#right-container {
			font-size: 0.8em;
			line-height: 1.5;
			float: right;
			width: 250px;
		}
			#right-container ul {
				list-style-position: outside;
			}
				#right-container {
					/*overflow: auto;*/
				}
			ul#right-menu, ul#right-menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#right-menu h2, .white-cell {
					border: 1px solid rgb(220,220,220);
					padding: 5px;
					margin-bottom: 5px;
				}
					.white-cell {
						background-color: rgb(245,245,245);
						margin-bottom: 20px;
					}
				#right-menu h2 {
					background: rgb(240,240,240) url(../img/assets/white-bev.gif) center top repeat-x;
					color: rgb(60,60,60);
					font-size: 1.2em;
					font-family: Verdana, Geneva, sans-serif;
					margin: 0;
					margin-bottom: 1px;
				}
					#right-menu h2 span {
						background-position: left center;
						background-repeat: no-repeat;
						min-height: 15px;
						padding-left: 20px;
					}
					
				#right-menu h2.tweets{
					padding: 0;
				}
					#right-menu h2.tweets a {
						background: url(/img/assets/tweet.gif) right center no-repeat;
						display: block;
						height: 29px;
						width: 56px;
					}
						#right-menu h2.tweets a:hover {
							background-position: center -8px;
						}
						
				#right-menu h2.flicks{
					padding: 0;
				}
					#right-menu h2.flicks a {
						background: url(/img/assets/flick.gif) right center no-repeat;
						display: block;
						height: 29px;
						width: 56px;
					}
						#right-menu h2.flicks a:hover {
							background-position: center -8px;
						}
						
				#right-menu h3 {
					font-size: 1em;
					font-weight: bold;
					margin-bottom: 0.5em;
				}
				
				#right-menu hr {
					margin: 0.5em 0;
					border: none;
					background-color: rgb(220,220,220);
					color: rgb(220,220,220);
					height: 1px;
				}
	div#footer {
		background-color: rgb(245,245,245);
		border-top: 1px solid rgb(220,220,220);
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 50px;
		font-size: 0.8em;
	}
		#footer, #footer a {
			color: rgb(60,60,60);
		}
	
	
	
	
	div.quote {
		color: rgb(30,30,30);
		border: 1px solid rgb(220,220,220);
		background: rgb(247,247,247) url(/img/assets/quote.gif) 10px 10px no-repeat;
		padding: 1.5em;
		margin: 1.5em;
	}
	
	
	div.blue-box {
		background-color: #ebf4ff;
		padding: 1.5em;
		margin-bottom: 1em;
	}

	#rate {
		margin-left: 10px;
	}
		#rate a {
			background: url(/img/assets/head-comments.gif);
			display: block;
			width: 37px;
			height: 17px; 
			text-align: center;
			padding: 4px 0;
		}
	
	.star {
		border: none;
		background: url(/img/assets/stars.gif) center top no-repeat;
		display: block;
		width: 26px;
		height: 25px;
	}
	
	
	form {
		margin: 0;
	}
	
		#the-form {
			clear: both;
		}
	
	table {
		border-collapse: collapse;
		padding: 0;
	}
		.data td {
			padding: 5px;
		}
		td {
			padding: 0;
		}
		
		table.th_table {
		font-size: 0.9em;
		width: 100%;
		margin-bottom: 1em;
		table-layout: fixed;
		}
			.th_table th {
				border: 1px solid rgb(200,200,200);
				background-color: rgb(240,240,240);
				padding: 3px;
				font-weight: normal;
			}

			.th_table td {
				border: 1px solid rgb(200,200,200);
				padding: 3px;
			}

			.th_table caption {
				text-align: left;
				font-weight: bold;
				margin-bottom: 0.5em;
			}
	table.wc-schedule {
		font: 0.8em Verdana;
	}
		.wc-schedule th, .wc-schedule td {
			border: 1px solid rgb(200,200,200);
			padding: 5px;
		}
		.wc-schedule th {
			background-color: rgb(240,240,240);
		}
		
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		margin: 0;
		margin-bottom: 1em;
	}
		h2 {
			font-size: 18pt;
			font-family: sans-serif;
		}
			.page_title {
				margin-bottom: 0.5em;
			}
		h2, h2 a {
			color: #2d911f;
		}
			h2 a:hover {
				text-decoration: underline;
			}
			
			.post-title {
				margin-bottom: 0.5em;
			}
		
		h3 {
			font-weight: bold;
		}
		
		h4 {
			border-bottom: 1px dotted rgb(200,200,200);
			color: rgb(60,60,60);
			font-size: 11pt;
			font-weight: bold;
			margin-bottom: 0.5em;
			padding: 0.5em 0;
		}
		
		h5 {
			color: rgb(80,80,80);
			font-size: 10pt;
			font-weight: bold;
			margin-bottom: 0.5em;
		}
	pre {
		overflow: auto;
	}
		.code {
			border-left: 3px solid rgb(60,60,60);
			background-color: rgb(245,245,245);
			margin: 1em 0 1em;
			padding: 15px;
			white-space: pre;
		}
			.small-code {
				border-left: 1px solid rgb(60,60,60);
				background-color: rgb(245,245,245);
				padding: 10px;
			}
	p {
		padding: 0;
		margin: 0;
		margin-bottom: 1em;
	}
		.album-art {
			/*border: 1px solid rgb(220,220,220);
			padding: 1px;*/
			float: left;
			margin: 0;
			margin-right: 5px;
		}
			.album-art img {
				vertical-align: top;
			}
			
		.top-submenu {
			color: rgb(163,163,163);
		}
		
		a {
			color: #1a6dcb;
			text-decoration: none;
		}
			a:hover {
				text-decoration: underline;
			}
			
			a.check-link {
				background: url(../img/assets/xo.gif) left top no-repeat;
				padding: 4px 10px 4px 23px;
			}
			
			a.external {
				background: url(../img/assets/external.gif) right center no-repeat;
				padding-right: 13px;
			}
			
			a#top-logo {
				background: url(../img/logo-maya-hover-new.gif) center top no-repeat;
				display: block;
				width: 252px;
				height: 55px;
				margin-top: 10px;
			}
				#top-logo:hover {
					background-position: center bottom;
				}
	img {
		border: none;
	}
	
	input {
		vertical-align: middle;
	}
		[type="radio"] {
			vertical-align: top;
		}
		
	ul {
		margin: 0;
		padding: 0;
		margin-bottom: 1em;
		list-style-position: inside;
	}
		ul.copy-list {
			list-style-position: outside;
			padding: 0;
		}
			ul.copy-list li {
				margin-bottom: 0.5em;
				margin-left: 2em;
			}
		
		ul.work {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.work li.project {
				background-color: rgb(245,245,245);
				border: 1px solid rgb(220,220,220);
				min-height: 225px;
				padding: 15px;
				margin-bottom: 1em;
			}
				.work .front {
					margin: 0;
					margin-right: 10px;
				}
					.work p {
						margin: 0;
					}
					
					.work .logo {
						border-bottom: 1px solid rgb(195,195,195);
						text-align: center; 
						padding-bottom: 10px;
						margin-bottom: 10px;
					}
						ul.roles {
							list-style-position: inside;
							list-style-type: disc;
							font-size: 0.9em;
							min-width:  255px;
						}
		ul.block_a_menu {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: inline;
		}
			.block_a_menu li {
				display: inline;
			}
			.block_a_menu a {
				border: 1px solid rgb(220,220,220);
				padding: 5px 10px;
				margin-right: 5px;
			}
				.block_a_menu a:hover {
					background-color: rgb(220,220,220);
				}
		
		ul.tweets {
			;
		}
			.tweets li {
				margin-bottom: 1em;
			}
				.tweets li span, .gdate li span {
					color: rgb(160,160,160);
					font-size: 0.8em;
				}
	.comment-block {
		margin-bottom: 1em;
		font-size: 0.8em;
		border: 1px solid rgb(245,245,245);
	}
		.comment-info {
			float: left;
			margin-right: 10px;
			font-size: 0.9em;
			width: 75px;
		}
		
		.comment-white {
			line-height: 1.5;
			float: right;
			border: 1px solid rgb(220,220,220);
			background-color: white;
			min-height: 85px;
			width: 541px;
			padding: 15px;
			position: relative;
		}
			.comment-white .top-submenu {
				bottom: 15px;
				font-size: 0.9em;
				height: 12px;
				right: 15px;
				position: absolute;
			}
			.sub-white {
				background: url(/img/assets/220.gif) 85px top repeat-y;
			}
				.sub-lev2 {
					background-image: url(/img/assets/220d.gif);
				}
					.sub-lev2 .sub-white-2 {
						width: 481px;
					}
			
			.sub-white-2 {
				float: right;
				border: 1px solid rgb(220,220,220);
				background-color: rgb(250,250,250);
				padding: 15px;
				position: relative;
				width: 511px;
			}
			
			.white-t1 {
				padding-bottom: 27px;
			}
			.white-t2 {
				padding-bottom: 42px;
			}
		.inner-comment-info {
			bottom: 15px;
			font-size: 0.9em;
			height: 50px;
			right: 15px;
			position: absolute;
		}
			.inner-comment-info div {
				float: right;
				text-align: right;
			}
				.thumbs, .thumbs-nh {
					background: url(/img/assets/tup.gif) left top no-repeat;
					display: block;
					width: 15px;
					height: 19px;
					margin-right: 5px;
				}
					.thumbs:hover {
						background-position: left bottom;
					}
						.rating {
							font-size: 1.1em;
							padding-top: 3px;
							padding-right: 5px;
						}
						.nthumb {
							color: #4b8933;
						}
						.rthumb {
							color: #e63c3c;
						}
						
						input.thumbs {
							border: none;
						}
			
			.inner-comment-info .pro-img {
				margin-left: 8px;
			}
	.comments-box, .info {
		border: 1px solid rgb(220,220,220);
		border-right: none;
		border-left: none;
		background-color: rgb(245,245,245);
		padding: 20px;
	}
	
	.info {
		font-size: 0.7em;
		background-repeat: no-repeat;
		background-image: url(../img/assets/paper.gif);
		background-position: 10px center;
		margin-bottom: 1em;
		padding: 10px;
		padding-left: 30px;
	}
		/*.info .tags {
			font-size: 0.75em;
		}*/
		.info ul {
			margin: 0;
			margin-left: 1em;
			padding: 0;
			list-style-type: square;
		}
			.info li {
				margin: 0;
				padding: 0;
			}
			
		/* Error displays */	
		.go, .stop {
			border-width: 1px;
			border-style: solid;
			background-image: url(../img/assets/xo.gif);
			border-right: none;
			border-left: none;
			padding-left: 37px;
		}
			.go {
				border-color: #d4e4cf;
				background-color: #ecffe7;
				background-position: 10px 6px;
			}
			.stop {
				border-color: #e4cfcf;
				background-color: #ffefef;
				background-position: 10px -46px;
			}
		
		.previous {
			background: url(/img/assets/pn.gif) left 4px no-repeat;
			padding-left: 20px;
		}
		.next {
			background: url(/img/assets/pn.gif) right -22px no-repeat;
			padding-right: 20px;
		}
	.sizer {
		position: relative;
		width: 980px;
		padding: 20px 10px;
		margin: 0 auto;
	}
	
	
	.image-menu { /* Top Soc Net Icons */
		text-align: right;
	}
		.image-menu img {
			margin-left: 10px;
		}
	.post-image {
		margin-bottom: 1em;
		text-align: right;
	}
		.post-image .image { /* Img(s) in posts */
			text-align: center;
			/*background: rgb(245,245,245);*/
			/*border: 1px solid rgb(240,240,240);*/
			padding: 0;
		}
			.post-image p {
				font-size: 0.8em;
				color: rgb(150,150,150);
				margin: 0 auto;
			}
	
	.bev-box { /* Input style *
		background: rgb(245,245,245) url(../img/assets/inner-shad.gif) left top no-repeat;*/
		background-color: rgb(245,245,245);
		border: 1px solid rgb(200,200,200);
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1em;
		padding: 5px;
		width: 350px;
	}
		.bev-button {
			background: url(../img/assets/submit-btn.gif) center top no-repeat;
			border: none;
			font: 1em Verdana, Geneva, sans-serif;
			width: 101px;
			height: 29px;
			padding-bottom: 2.5px;
		}
			.bev-button:hover {
				background-position: center bottom;
			}
			
			
/* Simple formatting */
.swf-caption {
	text-align: right;
}
.hide {
	display: none;
}
	
.tight {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.highlight { /* Highlight */
	background-color: #fffaeb;
}


.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}

.bottom {
	margin-bottom: 1em;
}

.transparent {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.grey {
	background-color: rgb(245,245,245);
}

.dark-grey {
	color: rgb(150,150,150);
	font-size: 0.7em;
}

.full {
	width: 100%;
}

.overflow {
	overflow: auto;
}

.mspace {
	font-family: monospace;
}

.blind {
	visibility: hidden;
}