/* B A S I C   R E S E T
---------------------------------------------- */
* {
	margin: 0;
	padding: 0
}

body {
/*	background:url("images/bg.jpg") repeat-x scroll -20% top #000000; */
	background:url("images/bg.jpg") repeat-x scroll left top #000000;
	color: #333;
	font: 87.5%/1.7 Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.right{
	float: right;
}
.left{
	float: left;
}
small{font-size: 13px;}
a img { border: none }
a:focus { outline: 0 }

a { color:#1488C0; text-decoration: none; }
a:hover, a:active { color:#E38C10 }
ul{list-style: none;}
.clear{clear: both;}
h1, h2, h3{font-weight: bold;}
h2{font-size: 1.5em;}

/* L A Y O U T   M O D E L
---------------------------------------------- */
#wrap {
	width:960px;
	margin:0 auto;
}
#header {
	overflow:hidden;
	/* background:orange; Debugging floats */
}
#logo {
	margin-top:9px;
	display:block;
	float:left;
	background:transparent url(images/logo-panel.png) no-repeat;
	width:275px;
	height:115px;
	text-decoration:none;
}
#logo span {
	display: block;
	margin:35px 31px;
	background:transparent url(images/logo.png) no-repeat;
	width:210px;
	height:49px;
	text-decoration:none;
	text-indent:-9999px;
	opacity:0.7;
}
#logo:hover span {
	opacity:1;
}
#navigation {
	margin:38px 0 0;
	float:right;
	overflow:hidden;
}
#navigation li{
	float:left;
	list-style:none;
}
#navigation a {
	display:block;
	padding:16px 27px;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#ddd;
}

#blog:hover, #navigation li#b a.active, #projects:hover, #contact:hover, #navigation li#p a.active { color:#81DCFF }
#portfolio:hover, #navigation li#p a.active { color:#FFFF68 }
#contact:hover, #navigation li#c a.active { color:#FFB298 }
#guest_posts:hover, #navigation li#g a.active, #logout:hover, #navigation li#l a.active {color: #56ff79; }


#blog:hover,
#portfolio:hover,
#contact:hover, #guest_posts:hover, #projects:hover, #logout:hover { text-decoration:underline; }

#epicenter {
	margin-top:10px;
	overflow:hidden;
	height:190px;
}
#epicenter h1 {
	padding:5px 7px 3px;	
	line-height:1.6;
	font-size:50px;
	letter-spacing:-2px;
	background: #303030;
	background:rgba(0, 0, 0, 0.6);
	color:white;
	display:inline;
}
#epicenter h2 {
	line-height:1.4;
	font-size:22px;
	background: #060606;
	background:rgba(0, 0, 0, 0.7);
	color:#E8FFBF;
	display:inline;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding:1px;
}

.search_res_text{
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#content {
	margin-top:30px;
	color:#D8D8D8;
}

a.view_project{
display:block;
font-size:18px;
text-align:right;
}

/* F O O T E R
---------------------------------------------- */

#footer{
	border-top: 1px solid #2e351b;
	margin:40px 0 -5px;
	color: #E8FFBF;
	font-size: 15px;
	padding:10px 0;
}

.f_copy{
	float: left;
}

.footer_nav{
	float: right;
}

.social_footer{
	padding: 40px 0;
	color: #E8FFBF;
}

.social_footer a{
	display: inline-block;
}

/* P R O J E C T S
---------------------------------------------- */
.a_project{
	float: left;
	margin-right: 25px;
}
.project_info{
	float: right;
	margin-left: 15px;
	overflow: hidden;
}
.project_thumb_small{
	float: left;
}

.more_info_link{
	text-align: right;
}

.project_large_image{
	float: left;
	margin-top: 25px;
}

textarea.bend_left_description{
	background:none repeat scroll 0 0 #171717;
	border:medium none;
	color:#D8D8D8;
	display:block;
	font:17px/1.2em Helvetica,"Helvetica Neue",Arial,sans-serif;
	height:300px;
	overflow:auto;
	padding:8px;
	width:283px;
}

textarea.bend_left_description:hover, textarea.bend_left_description:active, textarea.bend_left_description:focus{
	background:none repeat scroll 0 0 #2C2C2C;
}

/* C O N T A C T
---------------------------------------------- */

.smallT{

-webkit-border-radius:7px;

-moz-border-radius:7px;
border-radius:7px;
border:1px solid #D2D2D2;
color:#808080;
display:inline-block;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:16px;
margin:11px 5px;
padding:5px;
width:400px;
}

#message_area{
-webkit-border-radius:7px;

-moz-border-radius:7px;
border-radius:7px;
border:1px solid #D2D2D2;
color:#808080;
display:inline-block;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:16px;
margin:11px 5px;
padding:5px;

}

.label{
color:#D4D4D4;
display:inline-block;
font-size:20px;
padding-right:10px;
text-align:right;

}
.smallLabel{
width:130px;
}

.smallLabel:hover, .smallLabel:active{
	color: white;
}

#contactSpace{
	height: 40px;
}

p.errorText{
color:red;
font-size:20px;
font-style:italic;
text-indent:150px;
display: none;
}
#send {
	width:105px;
	margin-left: 150px; 
	border-top: 1px solid #dedede;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#ffffff));
	background: -moz-linear-gradient(top, #d9d9d9, #ffffff);
	padding: 7.5px 15px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #636363;
	font-size: 20px;
	font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}
#send:hover {
	border-top-color: #bababa;
	background: #bababa;
	color: #000000;
}
#send:active {
	border-top-color: #636363;
	background: #636363;
}
.thanks{
color:#F0F0F0;
font-size:30px;
padding:10px;
text-align:center;
text-shadow:0 0 4px #FFFFFF;
}


/* bgs */

.smallT, #message_area{
background-image: -moz-linear-gradient(top, #d0d0d0, #ededed); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d0d0d0),color-stop(1, #ededed)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#ededed'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0', EndColorStr='#ededed')"; /* IE8 */

}

.smallT:hover, .smallT:focus, #message_area:hover, #message_area:focus{
background-image: -moz-linear-gradient(top, #f9f9f9, #ededed); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #ededed)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#ededed'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#ededed')"; /* IE8 */
color: black;
}

/* Lightweight grid for prototyping
---------------------------------------------- */
.grid_1 {width: 60px;}
.grid_2 {width: 140px;}
.grid_3 {width: 220px;}
.grid_4 {width: 300px;}
.grid_5 {width: 380px;}
.grid_6 {width: 460px;}
.grid_7 {width: 540px;}
.grid_8 {width: 620px;}
.grid_9 {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}
.grid_1, .grid_2, .grid_3,
.grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9,
.grid_10, .grid_11, .grid_12 {
	margin: 0 10px 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}