/*
					[these are part of the template and cannot be edited]
	-margin properties
	-padding properties
	-width properties except for .main
	-display properties
	-clear:both; that's important
	float properties
	Do not at borders to the side, is mis-aligns the width settings
									[/end template info]
	....no, you don't have to keep the colors, in fact, I'd prefer you did not.
	Have fun! Feel free to drop me a line and tell me how it worked out for you, I'll /shamelessly/ plug your site
	email: sdc.site@gmail.com
*/
* ul, * li, * ol{
	text-indent : 2em;
	color : black;
	list-style : none;
}
#side .two{
	margin-bottom : 10px;
}
*{
	margin:0;
	padding:0;
	font-size: 8pt;
	font-family : tahoma;
	color : black;
	letter-spacing : 0px;
}
a, a:link, a:visited, a:active{
	color : #EC9021;
	text-decoration : none;
}
a:hover{
	color : #D8CB65;
	text-decoration : underline;
}
a img{background:gray;}
body{
background:url(sdcbg.jpg) center fixed #000000;/* in this template, the main image is the background*/
}
.three, .three a, h3{
	color : white;
	background-color : #000013;
	padding : 3px;
	text-align : center;

}
.three{
	border-bottom : 1px solid 004e28;
}
#top_menu{
	padding: 2px;
	text-align : center;
	background : #000013;
}
ol, ul{
	color : black;
}
#top_menu i a{color : #55ff48}
#top_menu a{
	text-decoration:none;
	font-weight : bold;
	color : white;
	display : inline;
	margin-left : 9px;
	padding-left : 9px;
	padding-right : 9px;
	padding : 4px;
	font-size : 20pt;
	font-weight : bold;
	letter-spacing : 0px;
	font-family : arial;
}
#top_menu a:hover{
	color : #4EADB8;
}
#body{
	background : url(bg_3.png);
}
#side{
	float:left;
	width:200px;
	height:100%;
	padding:3px;
	text-align : center;
}
#side a{
	padding-left : 10px;
}
#side ol, #side ul, #twitter_update_list{
	list-style : none;
	padding-left : 10px;
	text-indent : -1em;
	text-decoration : none;
	text-align : left;
}
#content{
	width : 70%;
	float:right;
	text-align:center;
	height : 100%;
	padding : 10px;
	color : teal;
}
#table{
	width : 900px;
	margin : 0 auto;
}
#footer{
	background : black;
	clear: both;
	text-align : center;
	padding : 10px;
	color : white;
}
.six, h1{
	height : 30px;
	font-size:250%;
	color : #5bff48;
	text-align:center;
	font-weight: bold;
}
.five, h2{
	background : #c3b62a;
	padding : 5px;
	font-weight : bold;

}
td.five{
	padding-top : 10px;
}
.two,p{
	color : #1C3F2B;
	background : white;

}
.two a{
	color : black;
}
.two a:hover{
	color : red;
}
input, option, textarea{
	color : black;
	padding-top : 3px;
	padding-bottom: 3px;
}
#side a img{
	margin : 1px;
}
span{
	color : teal;
}
.inline{
	display : inline;
}
i{color : #76B03F;}b{color : #FF832D;}u{color : #FF7EB6;}strike{color : #A1845C;}
p{
	margin-bottom : 10px;
}
.tutorials,.box{
	background : url(bg-f.jpg);
	color : black;
	font-size:110%;
}
.box img{
	padding : 3px;
}
.tutorials a{
	display	: block;
	text-align : center;
	background : white;
	padding:2px;
	margin-left:150px;
	margin-right:150px;
	color :black;
	font-size:120%;
}
.tutorials a:hover{
	text-decoration : none;
	background : #D0D0D0;
	color : white;
}
a img{border : 0px solid red}