/* BASE */
* {margin: 0; padding: 0;}

body {
	min-width: 960px; min-height: 500px;
	font: 13px Arial, "Lucida Sans Unicode", sans-serif;
	color: #888;
	background: url(../images/bg-body.jpg) repeat #111;
	background-attachment: fixed;  
}
/* links */
a, a:visited {text-decoration: none; color: #c4f315;}
a:hover {color: #fff;}
a:active{color: #3e4c07;}

img {border:none;}

ul{list-style-type: none;}

input[type="text"], textarea{border: 1px solid #ddd; background: url(../images/bg-search-text.png) repeat-x #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

input[type="text"]:focus, textarea:focus{background: url(../images/bg-search-text.png) repeat-x #ffffe0; border: 1px solid #ffff6a; -moz-box-shadow: 0 0 5px #c4f315; -webkit-box-shadow: 0 0 5px #c4f315;}

/* header */
#wrap-header{height: 100px;}

#header{width: 960px; margin: 0 auto;}

#status-band{	
	overflow: hidden;
	text-align: right;
	font: bold 10px Arial, sans-serif;	
}

#status-band a{color: #fff;}
#status-band a.current{color: #c4f315;}
#status-band a:hover{color: #c4f315;}

#status-band ul{
	overflow: hidden;
	float: right;
	padding: 3px 5px;
	text-align: center;
	border: 1px solid #1d1d1d;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	background: rgba(0,0,0,0.3); 
}

#status-band li{
	float: left;
	margin: 0 5px;
}

#logo {
    float: left;
    width: 235px;
    height: 61px;
    margin-top: 20px;
}

#nav {
    float: right;
    width: 420px;
    height: 20px;
    margin-top: 80px;
}

#nav ul{text-align: right;}

#nav li{display: inline;}

#nav li a{
	padding: 0 10px;		
	color: #ddd;
	font: 16px Georgia, cursive;
	text-transform: uppercase;
	text-shadow: 0.5px 0.5px 0px #000;
}

#nav li a.current {color: #b1d919;}

#nav li a:hover{color: #c4f315;}

#nav li a:active{color: #333;}

#nav li.rss a{padding: 0 0 0 10px;}

#nav li.rss a:hover {background: url(../images/rss-on.png) no-repeat center center;	color:#ec842b;}

#wrap-sub-nav{
	height: 50px;
	margin-bottom: 10px;
	padding-top: 8px;
	background: url(../images/bg-sub-nav.png) repeat-x;
}

#sub-nav{width: 960px; margin: 0 auto;}

.breadcrumb{float: left; width: 500px; padding: 10px 0;}

#search-form{
	float: right;
	width: 400px;
	padding-top: 5px;
	text-align: right;	
}

#search-form input[type="text"]{width: 230px; height: 19px; margin-top: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#search-form input[type="submit"]{
	border: none;
	width: 20px;
	height: 20px;
	background: url(../images/search-button.png);
	opacity: 0.9;
}

#search-form input[type="submit"]:hover{cursor: pointer; opacity: 1;}

/* main */
#main{width: 960px;	margin: 0 auto;}

.portfolio, .blog{
	float: left;
	width: 670px;
	min-height: 425px;
	margin-bottom: 15px;
	padding: 10px; 
	border: 1px solid #151515;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	background: rgba(0,0,0,0.3); 		
}

.home, .contact{
	margin: 0 auto;
	min-height: 400px;
	margin-bottom: 15px;
	padding: 10px; 
	border: 1px solid #151515;
	background: rgba(0,0,0,0.3); 
}

/* aside */
#aside{
	float: right;
	width: 245px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #151515;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	background: rgba(0,0,0,0.3); 
}

#aside h2:first-child{margin-top: 0;}

#aside h2{
	margin-top: 10px;
	padding: 5px;	
	color: #ccc;
	background: #0d0d0d;
	font: italic 17px Georgia, cursive;
	border-top: 1px solid #1d1d1d;	
	text-shadow: 0.5px 0.5px 0 #000;
}

#aside ul{background: #111;}

#aside ul.children li{margin-left: -5px; border: none;}

#aside li{
	display: block;
	padding: 5px;
	border-top: 1px solid #1d1d1d;	
}

#aside li:last-child{border-bottom: 1px solid #1d1d1d;}

#aside li a{font: bold 13px "Trebuchet MS", Tahoma, sans-serif; text-shadow: 0.5px 0.5px 0px #35440e;}

#aside select{
	width: 100%;
	border: 1px solid #333;
	font: bold 13px "Trebuchet MS", Tahoma, sans-serif;
	background: #000;
	color: #c4f315;
}

/* footer */
#footer{
	clear: both;
	height: 173px;
	margin-bottom: 15px;
	text-align: center;
	background: url(../images/bg-footer.jpg) repeat-x;
}

#footer p{margin-bottom: 3px; padding-top: 40px; color: #fff;}

#footer p a:hover{color: #fff; border-bottom: 1px dotted #fff;}