@charset "UTF-8";
/* CSS Document     #ff9933 */

html, body{
	background-color: #cccccc;
	text-align:center;
	
	margin:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	
}
a:link{
	color:#ff9933,text-decoration: underline;
}
a:hover{color:#ff9933; background-color: #fff; text-decoration: none;}
* {
	margin:0;
	padding:0;
}

p{
	padding-top:5px;
	padding-bottom:10px;
}

img{
	border:#CCC solid 1px;
	
}

::selection {
	background: #ff9933; /* Safari */
	}
::-moz-selection {
	background: #ff9933; /* Firefox */
}

.righty{
	color:#ccc;
	text-align:right;
}



#wrapper{
	border-top:#ff9933 solid 10px;
	border-bottom:#ff9933 solid 1px;
	position:relative;
	top:0px;
	background-color:#FFF;
	background-image:url(images/bg1.gif);
	background-repeat:repeat-y;
	background-position:center;
	color:#777;
	
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:70px;
	
	
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	
	width:1000px;
	height:1500px;
	
}

#top{
	position:relative;
	margin-top:0px;
	top:0px;
	padding-top:0px;
	left:100px;
	width:800px;
	height:75px;
	border-bottom:#ccc solid 1px;
}
#top h1{
	font-size:30px;
	font-family:'Josefin Slab', Arial, Helvetica, sans-serif;
	color:#ff9933;
}

#nav{
	padding-top:10px;
	padding-left:0px;
	margin:0;
	height:25px;
	font-family:'Josefin Slab', Arial, Helvetica, sans-serif;
	font-size:15px;
}
#nav li {
	list-style:none;
	float:left;
}
#nav li a {
	color:#777;
	padding:5px 5px 7px 5px;
	background:#eee;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li a:hover{color:#ff9933; background-color: #fff; text-decoration: none;}

#content{
	margin-top:10px;
	float:left;
	margin-left:100px;
	padding-right:40px;
	border-right: #ff9933 solid 1px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	
	width:570px;
	text-align: left;
}

#rightsidebar{
	top:10px;
	float:right;
	margin-top:10px;
	margin-right:100px;
	padding:10px;
	background-color:#ff9933;
	
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	
	width:150px;
	text-align: left;
	
	/* ----------------shadow stuff------------------------------*/
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .36);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .36);
	box-shadow: 0px 6px 6px rgba(0, 0, 0, .36);
	-moz-border-radius: 6px 6px 6px 6px;
	/* The values are for top left, top right, bottom right, bottom left corners. */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
		/* ----------------------------------------------*/
	
}

#img{
	background-color:#FFF;
	top:10px;
	float:right;
	margin-top:10px;
	margin-right:100px;
	padding:10px;
	
	font-size:12px;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	
	width:150px;
	text-align: right;
	
	/* ----------------shadow stuff------------------------------*/
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .36);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .36);
	box-shadow: 0px 6px 6px rgba(0, 0, 0, .36);
	-moz-border-radius: 6px 6px 6px 6px;
	/* The values are for top left, top right, bottom right, bottom left corners. */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
		/* ----------------------------------------------*/
	
}

#leftsidebar{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	
	background-color:#ff9933;
	/*   --------- rotation     ---------------         */
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* Internet Explorer */
	-moz-transform:rotate(90deg); /* Firefox */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
	-o-transform:rotate(90deg); /* Opera */
	/*   --------- rotation     ---------------         */
	
	left:0px;
	top:52px;
}
#leftsidebar a{
	color:#FFF;
	text-decoration:underline;	
}


#footer{
	position:fixed;
	background-color:#FFF;
	bottom:0px;
	height:40px;
	width:100%;

	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ff9933;
	
	background-color:#FFF;
	
	padding-top:5px;
	padding-bottom:5px;
	border-top:#ff9933 solid 1px;
}