*, html{margin: 0px; padding: 0px;}

body{background: #dfdfdf url('../images/bkg.png') repeat-x; font-size: 16pt;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}

h1, h2, h3, h4, h5, h6{font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
fieldset{border: 0;}
ul{list-style-type: square;} p{line-height: 1.3em;}
a{color: #41A135;} a:hover{color: #7E7E7E;}
	
#wrapper{
	font-size: .8em;
	width: 960px;
	margin: 0 auto;
	text-align: center;}
	
#wrapper {}
	
#content-wrapper {float: left; position: relative; width: 960px; margin: 0; padding: 0;}

#header{height: 319px; overflow: hidden;}
	
#header .logo{position: relative; float: left; margin: 8px 0 0 18px; border: 0;}
#header .logo img{border: 0;}

#portfolio{margin-top: 100px;}
#portfolio div{height: 170px; overflow: hidden; padding: 10px; color: #f1f1f1; text-align: left;}

#portfolio div h2{text-transform:uppercase;}
#portfolio div h2 a{font-size: .6em; text-decoration: none;} #portfolio div a{border: 0;}
#portfolio div img {float: right; border: 5px solid #202020; display: block; background: #7E7E7E; padding: 5px;}
#portfolio div p{margin-top: 10px;}

/* MENU */

#menu {position: absolute; top: 62px; left: 28%; padding-right: 30px; min-width:40%; overflow:hidden;}

#menu ul {margin:0; padding:10px 10px 0 0px; list-style:none;}
#menu li {display:inline; margin:0; padding:0;}

#menu a {float:left; background: url('../images/menuls.png') no-repeat left top; margin:0; padding:0 0 0 8px; text-decoration:none; height: 28px; overflow: hidden;}
#menu a span {float:left; display:block; background: url('../images/menurs.png') no-repeat right top; padding:2px 20px 8px 6px; color:#FFF; height: 28px; overflow: hidden;}

#menu a:hover, #menu .active a:hover {background-position:0% -30px;}
#menu a:hover span, #menu .active a:hover span {background-position:100% -30px;}

#menu .active a {background-position:0% -60px;}
#menu .active a span {background-position:100% -60px;}

/* MENU */
	
#content{
	float: left;
	width: 650px;
	padding: 15px;
	text-align: left;
	margin-left: 5px;}
	
#content h1{color: #202020; font-size: 2.0em;}
#content h2{font-size: 1.4em;}
#content h3{font-size: 1.3em; margin: 8px 0px;}
#content h6{border-bottom: 1px solid black; margin-bottom: 8px; padding-top: 3px; padding-bottom: 2px;}
#content h1 a,#content h2 a,#content h3 a,#content h4 a,#content h5 a,#content h6 a{color: #202020; text-decoration: none;}
#content h1 a:hover,#content h2 a:hover,#content h3 a:hover,#content h4 a:hover,#content h5 a:hover,#content h6 a:hover{color: #202020; text-decoration: underline;}

#content p{margin-bottom: 8px;}
#content .left{float: left; margin: 8px; padding: 5px;}
#content .right{float: right; margin: 8px; padding: 5px;}
#content ul, #content ol{margin: 20px;}
#content li{margin-left: 20px;}

.posts{margin-bottom: 20px;}
.posts h3{margin-bottom: 4px;}
.posts a img{border: 0;}
	
#sidebar{
	float: right;
	width: 250px;
	margin-top: 20px;
	padding: 10px;
	margin-right: 5px;
	text-align: left;}
	
.box{
	padding: 10px;
	border: 5px solid #5e5e5e;
	background: #f2f2f2;
	margin-bottom: 15px;}

.box h1{font-size: 1.2em; margin-bottom: 5px;}	

.box ul{margin-left: 15px; margin-bottom: 5px;}
.box li{padding-bottom: 4px; font-size: .8em;}
.box .button{float: right; margin-right: 15px;}
.loginform p{clear: right;}

.clear{clear: both;}
	
#footer{
	width: 950px;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #f2f2f2;
	border-top: 5px solid #5e5e5e;
	border-left: 5px solid #5e5e5e;
	border-right: 5px solid #5e5e5e;
}