/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
body {
	font: 10px/2 "Lucida Grande", Helvetica, Sans-Serif;
	color: #333333;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #777777;
}
#background {
	background: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color:#333333;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
#sidebar {
	width: 160px;
	float: left;
	margin-right: 20px;
}
#main-content {
	width: 540px;
	float: right;
}
.page-wrap {
	width: 950px;
	margin: 0 auto;
	position: relative;

	width: 950px;
	margin: 0 auto;

	/*padding: 30px 50px;
	left: 3px;*/
	height: 430px;
	border-left: 0px solid rgba(255, 255, 255, 0.2);
	border-right:0px solid rgba(255, 255, 255, 0.2);

}
.footer {
	width: 940px;
	margin: 0 auto;
	position: relative;
	height:90px;
	background-color:#282828;
	z-index:301;
	overflow:hidden;
}
/* IE 6 */
* html #footer {
	position:absolute;
 top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
/*
#page-wrap {
	width: 840px;
	margin: 0 auto;
	position: relative;
	z-index: 300;
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#0000000);
    zoom: 1;
	overflow: hidden;
	padding: 30px 50px;
	height: 470px;
	left: 3px;


}*/

h1 {
	font: 42px Georgia, Serif;
	margin: 0 0 10px 0;
	color: #eee;
}
h2 {
	font: 20px Georgia, Serif;
	margin: 0 0 1px 0;
	color: #eee;
}
h2.bump {
	text-indent: 200px;
}
p {
	margin: 0 0 15px 0;
	color: #999;
}
code {
	color: white;
	margin: -1px 0 0 0;
	font: 10px Courier;
}
p.thinParagraph {
	width: 340px;
}
blockquote {
	font: italic 15px/20px Georgia, Serif;
	width: 180px;
}
blockquote p {
	color: white;
}
blockquote.right {
	float: right;
}
ul.meta {
	width: 180px;
	margin: 0 10px 0 0;
	list-style: none;
	float: left;
}
ul.meta li {
	text-align: right;
}
ul.meta li.author {
	font: normal small-caps normal 15px Georgia, Serif;
	margin: 0 0 2px 0;
	letter-spacing: 2px;
}
ul.meta li.date {
	margin: 0 0 10px 0;
}
ul.meta li.comments {
	font-style: italic;
}
.article {
	float: right;
	width: 340px;
}
ol {
	margin: 20px 0;
	list-style: inside decimal;
}
input {
/*	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666;
	height:15px;*/
}
Select {
	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666;
}
textarea {
	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	 
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
}
.textfield_effect {    /*we will first set the border styles.*/
	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666;
	height:15px;
} /*we are now going to style how the textfield will look when wehover over it and when we actually have it selected*/
.textfield_effect:hover {
	border-color: #64acd8;
	border-width: 1px;
}
.textfield_effect:focus {
	border-color: #64acd8;
	border-width: 1px;
}
fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #036399;
	margin-left: auto;
	margin-right: auto;
}
fieldset:hover {
	border-color: #666666;
}
legend {
	font-family: sans-serif;
	font-size: 18px;
	color: #00FFFF;
	font-weight: bold;
}