@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////         eric meyer css reset          //////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

/* Me and Eric Meyer go way back: http://farm4.static.flickr.com/3091/3249752371_883270ec30_o.jpg */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}


/* You've got a nice */ 
/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////             BODY             //////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

body {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #b3b3b3;
	background-color: #05080b;
}

#container { min-width: 670px; overflow: hidden; }

h1 {
	margin: 10px 0 5px 0;
	font-weight:normal;
	font-size: 23.25px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff; 
	text-shadow: 0px 2px 1px rgba(0,0,0,1.0);

}
h2 {
	margin-top: 25px; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #fff; 
	font-size: 18px;
	width: 40px;
	border-bottom: 1px solid #2896c2;
	font-weight: normal;
	padding-bottom: 5px;
}
h3, h4 { 
	font-weight: bold;
	color: #fff; 
	text-transform:uppercase; 
	letter-spacing: 3px; 
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	padding-bottom: 6px;
}
h3 { border-bottom: 1px solid #3e6c8e; margin-bottom: 0px; font-size: 16px; }
h4 { border-bottom: 1px solid #213d51; margin-bottom: 13px; font-size: 12px; }


/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////             HEADER             /////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

#header { overflow: hidden; height: 104px; background-color: #0d161c; background-image: url(/images/header_bg.png); }

#twitter { margin: 24px 10px 0 0; position: relative; float: right; width: 170px; height: 70px;}
#twitter a { text-decoration: none;}
#twitter img {position: absolute; right: 0;}
#twitter a.link {font-size: 20px;color: #a5cee9; position: absolute; top: 13px; left: 0;  }
#twitter a.link:hover {color: #fff;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////             NAVIGATION             ///////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

#nav { position:relative; padding: 0 31px;	height: 53px; background-image: url(/images/nav_bg.gif); }
#nav li {
	text-shadow: 0px 2px 0px rgba(0,0,0,.5);
	margin-top: 7px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	text-decoration:none;
	border-left-color: #0c1e29;
	border-right-color: #315b6f;
	border-style:solid;
	border-width: 0px 1px 0px 1px;
}
#nav li a { display:block; padding: 10px 15px;}
#home li.home, 
#photography li.photography,
#wallpapers li.wallpapers,
#home li:hover.home, 
#photography li:hover.photography,
#wallpapers li:hover.wallpapers { background-image: url(/images/nav_button_bg.gif); border-left-width: 0px; }


#home .home a, 
#photography .photography a,
#wallpapers .wallpapers a,
#home .home a:hover, 
#photography .photography a:hover,
#wallpapers .wallpapers a:hover { color: #FFFFFF; }

#nav li.home { border-left-width:0px; }
#nav li.forums { border-right-width:0px;}

#nav li a { text-decoration:none; color: #83adbf; }
#nav li:hover { /* Not used... yet */ }
#nav li a:hover { color: #fff; }
#nav a img.join {margin-top: 6px;}
#nav #searchbar { position:absolute; top: 10px; right: 30px;}
#nav #searchbar .searchtext { 
	width: 200px;
	float: left; 
	padding: 7px 7px 8px 7px; 
	margin: -3px 2px 0 0; 
	height: 19px;
	border: none; 
	background-image:url(/images/search_bg.gif);
	background-color: #11222a;
	color: #92baca;
}



/* //////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////             CONTENT             //////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

#content { width: 100%; background-image:url(/images/content_bg.gif); background-repeat:repeat-x;  min-height: 455px; background-color: #182d38; padding: 10px 0 0px 32px;  }
#content p { margin-bottom: 15px; }
#content li { line-height: 13px; margin: 0 0 4px 0;}
#content a { color: #dde9f1; text-decoration:none; border-bottom: 1px dotted #3fafff;}
#content a:hover { color: #fff; border-bottom: 1px solid #3fafff;}
#content a img { border: 1px solid #000; padding: 2px; background-color:#000; }
#content a img:hover { border-color: #686c6e; }

#content a.thumbnail {border: none; padding: 2px 2px 0px 0 !important; padding: 0;}

#content #pagination { width: 500px;margin: 12px auto 8px auto; height: 40px;}
#content #pagination .more, #pagination .back { margin-top: 10px; float: left; border: none; padding: 0; background: none; }
#content #pagination .more { margin-left: 15%; }
#content #pagination .back { }

#content #pagelist { 
	float: left;
	margin-left: 15%;
	min-width: 93px; 
	height: 40px;
	padding: 0px 0 0 0px;
	text-align:center;
	font-size: 21px; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #b3bcc0; 
	background-image:url(/images/page_disp_left.gif); 
	background-repeat:no-repeat; 
}
#content #pagelist .currentpage { color: #47c0ed; }
#content #pagelist .totalpages { color: #fff; }

#content #pagelist p { min-height: 30px; padding: 10px 2px 0 0; background-image:url(/images/page_disp_right.gif); background-position:right; background-repeat:no-repeat;}

#home #projects { float:left; width: 894px; margin-right: 14px; padding-top: 5px; }
#projects2 { padding-left: 20px;border-left: 1px dotted #2e5b71; float:left; overflow: hidden; height: 469px; width: 445px; padding-top: 5px; }


.sort {float: right; margin: 16px 5px 0 0; color: #4b6f7f;}
.subsort { margin-right: 40px; }

#wallpapers .sort, #photography .sort {margin: 12px 30px 0 0;}
#photography .sort {margin-right: -10px;}

.sort a {border-bottom: none !important; text-shadow: 0px 1px 1px rgba(0,0,0,1.0);}

/* 
span.divider {color: #161616; padding: 0 2px 0 2px}
.subsort a { cursor:pointer; background-color: #2d4a57;padding: 6px 10px 6px 10px; margin-right: 4px; -moz-border-radius: 5px;  
  -khtml-border-radius: 5px;  
  -webkit-border-radius: 5px;  }
.subsort a.active {background-color: teal; }
.subsort a:hover {background-color: teal;}
*/


/* //////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////             PROJECT PAGE             ////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

.project h1 {
	margin: 0 0 1px 0;
	padding: 6px 0 18px 0;
	background-image: url(/images/h1_bg.gif);
	background-repeat:repeat-x;
	border: none;
	height: 19px;
	width: auto;
}

#project_container {
	margin: 5px 0 25px -32px;
	background-color: #070e11;
	border: solid #35475b;
	border-width: 1px 0 1px 0;
	padding: 23px 0 3px 35px;
}

#project_container ul { 
	margin-top: 3px;
	padding-top: 12px;
	border-top: 1px solid #22282b;
	color: #4f4f4f;  
	list-style-image:url(/images/bullet.gif);
}
#project_container ul li strong { font-weight:normal; color: #527989; }
#project_container ul li { margin-bottom: 8px; margin-left: 15px;}

#project_container p { line-height: 19px; }
#project_container .date { color: #79b53e; }

#breadcrumbs li {float: left; margin-top: 2px; margin-right: 8px;}
#breadcrumbs a { text-decoration:none; }

#col1 { float: left; width: 581px;}
#col2 { float: left; width: 337px; padding-left: 18px; }
#content #col1 img {border: 0; padding: 0; }

#backnext { margin-top: 10px; width: 581px; }
#backnext .next { float: right; }
#backnext .prev { float: left; }
#backnext a { padding-bottom: 3px;}

.related {width: 300px;}
.related h2 {width: 119px;}

#backnext #dimmerbutton {
	border: none;
	padding: 0;
	margin: 0;
	position:relative;
	left: 222px;
	top:-5px;
}

#dimmerbutton_un {
	position: relative;
	z-index:1000;
	display: none;
	top: -250px;
	left: -10px;
}

#overlay {
    position: absolute;
    display: none;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
	opacity: .85;
}

/* ////////////////////   COMMENT SECTION //////////////////// */


#comment_container { width: 581px; } 
#comment_container .comment { background:#0e1b22 url(/images/comment_bg.gif) no-repeat; padding-bottom: 12px; }
.comment .poster_info { margin-left: 50px; float: left;	padding-top: 12px; 	width: 94px; padding-right: 6px;}
.comment .poster_info .name { height: 16px; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; }
.comment .poster_info .date { margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #344a5a;}
.comment .comment_body { margin-top: 12px; line-height: 16px;float: left; padding-left: 23px; width: 370px; border-left: 1px solid #293a47; }


#formcol1 { width: 403px; float: left;}
#formcol2 { width: 165px; float: left; }
#formcol2 p { line-height:21px; font-size: 13px; padding-left: 14px; color: #bdd3e1; width: 160px;}

#comment_container input, #comment_container textarea { 
	font-size: 13px; 
	padding: 6px; 
	margin-bottom: 11px;
	width: 389px;
	background: #122129 url(/images/form_bg.gif) repeat-x;
	border: 1px solid #27485a; 
	color: #445d6b; 
	font-family: Arial, Helvetica, sans-serif;
}

#comment_container input:focus, #comment_container textarea:focus {	background: #1e3a48 url(/images/form_bg2.gif) repeat-x; border: 1px solid #3f6478; color: #bbd7e7;}
#comment_container input[id="captcha"], #comment_container textarea #captcha { float:left; width:276px; }
#comment_container #captchaimg {float: left; margin-left: 10px; margin-right: -12px;}
#comment_container #submit { width: 109px; height:41px; background-image:url(/images/submit_button.gif); border: none; padding: none; margin: none; cursor:pointer;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////             FOOTER             ///////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */


#footer { background-image: url(/images/footer_bg.gif); background-repeat:repeat-x; padding: 42px 0px 17px 35px; overflow: hidden; }
#footer .onespan { margin-right: 10px; float: left; height: 155px; width: 214px; }
#footer ul { font-size: 10.25px;  margin-top: -20px; width: 104px; float: left; margin-right: 6px;}
#footer ul li { padding: 7px 0px 0px 30px; height: 20px; border-bottom: 1px solid #1f252a; background-repeat:no-repeat; background-position:5px 5px;}
#footer ul li a { text-decoration: none; color: #4f4f4f;}
#footer ul li a:hover {color: #fff; border-bottom: 1px solid #3fafff;}
#footer ul li.facebook { background-image: url(/images/facebook.gif);}
#footer ul li.aim { background-image:url(/images/aim.gif);}
#footer ul li.gmail { background-image: url(/images/mail.gif);}
#footer ul li.skype { background-image: url(/images/skype.gif);}
#footer ul li.flickr { background-image: url(/images/flickr.gif);}
#footer ul li.deviantart { background-image: url(/images/deviantart.gif);}
#footer ul li.steam { background-image: url(/images/steam.gif);}
#footer ul li.twitter { background-image: url(/images/twitter.png);}



/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////             MISC             ///////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

/* Used in Search */
table {	border-collapse: collapse; border-width: 0 1px 0 1px; }
th { padding: 6.25px; }
tr.head td { background: #0d161c; color:#bdd7e5; padding: 10px;  }
td { padding: 10px 5px; background-color: #2e3f48; }
td:first-child { width: 190px; }

/* Media queries for dynamic screen resolution stuff */
@media (max-width: 1423px) {#projects2 { width: 222px; }}
@media (max-width: 1205px) {#projects2 { border: none; width: 894px; padding-left: 0px; height: auto; }}