/* ------------------------------- */
/* RESET
/* ------------------------------- */

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;
}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

body {
background:#1c1d22;
}

div.clear-50 {
clear: both;
height: 50px;
}

i, em {font-style: italic;}

b, strong {font-style: bold;}

.affiliates img {
border-width :0px;
border-color: #868da7;
background-color: #868da7;
margin: 2px;
border-style: solid;
}

.affiliates img:hover {
margin: 2px;
border-width :0px;
border-color: #fff;
background-color: #fff;
border-style: solid;
}

img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
}

/* ------------------------------- */
/* Start of header
/* ------------------------------- */

div#header {
background:url(/wp-content/themes/darkblue/images/homepage/headerbg.jpg) repeat-x;
width:100%;
height:659px;
}

div#headerwrapper {
margin: 0 auto;
width:850px;
padding-top:100px;
}

div#header h1 a {
width:299px;
height:91px;
background:url(/wp-content/themes/darkblue/images/homepage/title.png) no-repeat;
text-indent:-9999px;
display:block;
margin: 0 auto;
}


/***** Menu *****/

div#header ul.menu {
margin: 10px auto 32px auto;
width:480px;
}

div#header ul.menu li {
display:inline;
}

div#header li.dash a,
div#header li.projects a,
div#header li.photos a,
div#header li.videos a,
div#header li.website a,
div#header li.main a {
float: left;
text-indent: -9999px;
display: block;
}

div#header li.dash a {
width:79px;
height:23px;
background:url(/wp-content/themes/darkblue/images/menu/dash.png) no-repeat;
}

div#header li.projects a {
width:92px;
height:22px;
background:url(/wp-content/themes/darkblue/images/menu/projects.png) no-repeat;
}

div#header li.photos a {
margin-right: 13px;
width:80px;
height:23px;
background:url(/wp-content/themes/darkblue/images/menu/photos.png) no-repeat;
}

div#header li.videos a {
margin-right: 13px;
width:69px;
height:15px;
background:url(/wp-content/themes/darkblue/images/menu/videos.png) no-repeat;
}

div#header li.website a {
margin-right: 13px;
width:74px;
height:15px;
background:url(/wp-content/themes/darkblue/images/menu/website.png) no-repeat;
}

div#header li.main a {
position: relative;
top: 1px;
width:36px;
height:14px;
background:url(/wp-content/themes/darkblue/images/menu/main.png) no-repeat;
}

div#header li.projects a:hover {
background-position: 0 -22px;
}

div#header li.dash a:hover,
div#header li.photos a:hover {
background-position: 0 -23px;
}

div#header li.videos a:hover,
div#header li.website a:hover {
background-position: 0 -15px;
}

div#header li.main a:hover {
background-position: 0 -14px;
}

div#header div.main-image {
float:left;
width:333px;
height:403px;
background:url(/wp-content/themes/darkblue/images/homepage/dash.png) no-repeat;
margin: 15px 0 0 18px;
}

div.upcoming-projectsbg {
display:block;
float:left;
background:#0e0f13;
width:481px;
height:403px;
margin-top:14px;
}

div.upcoming-projects p {
float:left;
width:440px;
color:#797c8a;
text-align: justify;
font:.75em/1.2em arial;
padding: 20px;
}

div.upcoming-projects a {
color:#9a735b;
text-decoration:none;
}

div.upcoming-projects a:hover {
color:#d89f7d;
text-decoration: underline;
}

div.latestimages  {
float:left;
width:220px;
margin-left:40px;
}

div.latestimages h3 {
color:#3b3f4b;
text-transform:uppercase;
font:.8em arial;
margin: 20px 0 0 0;
}

div.latestimages a:hover img {
border:3px solid #8e96b2;
}

div.latestimages a img {
border: 3px solid #23242a;
margin: 10px 5px 0 3px;
}

div.dash-supports {
float:left;
width:220px;
}

div.dash-supports h3 {
color:#3b3f4b;
text-transform:uppercase;
font:.8em arial;
margin: 20px 0 0 0;
}

div#header div.dash-supports ul {
padding: 5px 0 0 0px;
}

div#header div.dash-supports li {
display:block;
font:.8em arial;
padding-top:5px;
background:url(/wp-content/themes/darkblue/images/homepage/dot.png) no-repeat 2px 6px;
padding-left:15px; 
}

div.dash-supports a {
color:#8e96b2;
text-decoration:none;
}

div.dash-supports a:hover {
color:#fff;
}



/* ------------------------------- */
/* Start of wrapper
/* ------------------------------- */

div#wrapper {
margin: 0 auto;
width:815px;
background:#1e1f24;
padding:10px 0;
}



/* ------------------------------- */
/* Start of sidebar
/* ------------------------------- */

div#sidebar {
float:left;
width:280px;
display:inline;
margin-left:13px
}

div#sidebar a {
text-decoration:none;
color:#868da7;
}

div#sidebar a:hover {
color:#fff !important;
}

div#sidebar ul.quicklink {
width:279px;
height:91px;
background:url(/wp-content/themes/darkblue/images/quicklinkbg.jpg) no-repeat;
margin-bottom:10px;
}

div#sidebar li a {
text-decoration:none;
font:.7em arial;
color:#a2abcb;
}

div#sidebar ul.quicklink li {
float:left;
display:block;
text-transform:uppercase;
line-height:.8em;
}

div#sidebar ul.quicklink li.dashgallery {
margin: 27px 0 0 20px;
text-align:center;
}

div#sidebar ul.quicklink li.dashvideo {
text-align:center;
margin: 27px 0 0 45px;
}

div#sidebar ul.quicklink li.dashmyspace {
text-align:center;
margin: 27px 0 0 55px;
}

div#sidebar ul.quicklink li strong {
font-weight:bold;
}

div#sidebar div.sidebarbg {
background:#131419;
padding:10px 0 30px 0;
}

div#sidebar h3 {
color:#6b564b;
font-family:arial;
margin: 15px 0 0 15px;
}

div#sidebar-project {
float:left;
color:#5b6480;
font:.7em/1.5em arial;
margin: 12px 0 5px 15px;
padding-bottom:8px;
display:inline;
}


div#sidebar strong {
font-weight: bold;
}

div#sidebar dl {
margin: 12px 0 30px 15px;
font:.7em/1.5em arial;
}

div#sidebar dt {
float:left;
color:#5b6480;
width:65px;
}

div#sidebar dd {
color:#5b6480;
}

div#sidebar dd a {
text-decoration:none;
color:#868da7;
}

div#sidebar ul.recommended1,
div#sidebar ul.recommended2 {
float:left;
font:1em/1.2em arial;
width:200px;
margin: 10px 0 0 5px;
display:inline;
}

div#sidebar ul.recommended1 {
margin-left:12px;
}

div#sidebar ul.recommended1 a, 
div#sidebar ul.recommended2 a {
color:#868da7;
}

div#sidebar ul.recommended1 li,
div#sidebar ul.recommended2 li {
background:url(/wp-content/themes/darkblue/images/bullet.jpg) no-repeat 2px 7px; 
padding-left:15px;
}

div#sidebar ul.top-affiliates1,
div#sidebar ul.top-affiliates2 {
float:left;
font:1em/1.2em arial;
width:110px;
margin: 10px 0 0 5px;
display:inline;
}

div#sidebar ul.top-affiliates1 a, 
div#sidebar ul.top-affiliates2 a {
color:#868da7;
}

div#sidebar ul.top-affiliates1 {
margin-left:12px;
}

div#sidebar ul.top-affiliates1 li,
div#sidebar ul.top-affiliates2 li {
background:url(/wp-content/themes/darkblue/images/bullet.jpg) no-repeat 2px 7px; 
padding-left:15px;
}




/* ------------------------------- */
/* Start of content container
/* ------------------------------- */

div.content-container {
float:left;
width:470px;
margin-left:30px;
}

div.content-container h2 {
color:#9a735b;
float:left;
font:1.2em arial;
margin: 25px 0 3px 0;
}

div.content-container p {
float:left;
width:460px;
color:#797c8a;
font:.85em/1.5em arial;
padding-bottom: 20px;
}



/* ------------------------------- */
/* Start of posts
/* ------------------------------- */

div.content-container div.post {
clear: both;
}

div.content-container div.post div.post-title-area {
margin: 0 0 10px 0;
padding: 10px;
background: #181920;
-moz-border-radius: 10px;
}

div.content-container div.post div.post-title-area .date-floatleft {
margin: 0 10px 0 0;
padding: 5px 5px 7px 5px;
width: 50px;
float: left;
-moz-border-radius: 4px;
background: #15161c;
}

div.content-container div.post div.post-title-area .date { 
position:relative;
margin-top: -8px;
padding:35px 5px 0px;
float: left;
color: #7a7c8b;
font: .8em/145% arial, sans-serif;
} 
		
div.content-container div.post div.post-title-area .date .day {
line-height:47px;
position:absolute; 
left:4px; 
top:0px;
letter-spacing: -.03em;
font-size: 2.4em;
}

div.content-container div.post div.post-title-area .date .month {
text-transform: uppercase;
font-size: 1.4em;
}

div.content-container div.post div.post-title-area .date .year { 
display: block; 
position: absolute; 
right: -10px; 
top: 13px;
font-size: .85em;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
font-family: Palatino, Georgia, "Times New Roman", serif;	
}

div.content-container div.post div.post-title-area div.post-information {
width: 360px;
float: left;
}

div.content-container div.post h2 {
margin: 0;
width: 360px;
font-family: arial, sans-serif;
}

div.content-container div.post h2 a {
color: #9a735b;
text-decoration: none;
text-shadow: 0px 2px 2px #07080a;
}

div.content-container div.post h2 a:hover {
color: #d89f7d;
}

div.content-container div.post h3 {
padding: 0;
clear: both;;
color: #797c8a;
font: .7em/135% "lucida grande", arial, sans-serif;
}

div.content-container div.post h3 a {
color: #797c8a;
}

div.content-container div.post h3 a:hover {
color: #a2abcb;
}

div.entry p {
margin: 0 0 0 11px;
width: 440px;
color: #828caf;
font: .8em/145% "lucida grande", arial, sans-serif;
}

div.entry p a,
div.comments-area a {
color: #7c88b7;
}

div.entry p a:hover,
div.comments-area a:hover {
color: #96a0c9;
}

div.post embed {
margin: 10px auto 10px auto;
display: block;
}




/* ------------------------------- */
/* Start of comments
/* ------------------------------- */

div.comments-area {
margin: 0 0 0 12px;
}

div.comments-area-respond {
color: #7a7c8b;
font: 0.8em "lucida grande", arial, sans-serif;
}


div.comments-area div#respond h3 {
color: #7a7c8b;
font: 1.2/145% "lucida grande", arial, sans-serif;
}

div.comments-area textarea {
padding: 5px 8px 5px 10px;
width: 430px;
height: 150px;
font: .98em/145% "lucida grande", arial, sans-serif;
border: 4px solid #101114;
}


/* ------------------------------- */
/* Start of footer
/* ------------------------------- */

div#footerwrapper {
margin: 0 auto;
width:815px;
}

div#footer {
width:815px;
height:120px;
background:#121318;
margin: -15px auto 0 auto;
}

div#footer div.footercolumn1 {
float:left;
width:400px;
margin: 40px 0 0 40px;
}

div#footer div.footercolumn2 {
float:right;
width:250px;
margin: 0 0 0 0;
}

div#footer div.footercolumn2 a.backtotop {
margin: 0 15px 0 0;
float:left;
width:97px;
height:52px;
background:url(/wp-content/themes/darkblue/images/back-to-top.jpg) no-repeat;
display:block;
text-indent:-9999px;
}

div#footer div.footercolumn2 a.previous {
float:left;
width:98px;
height:52px;
background:url(/wp-content/themes/darkblue/images/previous-page.jpg) no-repeat;
display:block;
text-indent:-9999px;
}

div#footer div.footercolumn2 a.backtotop:hover,
div#footer div.footercolumn2 a.previous:hover {
background-position: 0 -52px;
}

div#footer p {
color:#565a69;
font:.7em arial;
text-transform:uppercase;
}

div#footer p a {
color:#565a69;
text-decoration:none;
}

div#footer li {
display:inline;
font:.7em arial;
}

div#footer li a {
padding-right:10px;
color:#7d8290;
text-decoration:none;
text-transform:uppercase;
}

div#footer a:hover {
color:#fff;
}


/*----------------------------------------------------------------*																				
	WordPress 2.8 Plugin: WP-PageNavi 2.60									
	Copyright (c) 2009 Lester "GaMerZ" Chan											

	File Written By:																
	- Lester "GaMerZ" Chan															
	- http://lesterchan.net
														
	File Information:																
	- Page Navigation CSS Style														
	- wp-content/plugins/wp-pagenavi/pagenavi-css.css								
 *----------------------------------------------------------------*/


.wp-pagenavi a, .wp-pagenavi a:link {
font:.7em arial;	
padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #868da7;
	color: #868da7;
	background-color: #1c1d22;	
}
.wp-pagenavi a:visited {
font:.7em arial;	
padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #868da7;
	color: #868da7;
	background-color: #1c1d22;	
}
.wp-pagenavi a:hover {	
font:.7em arial;	
border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #868da7;
}
.wp-pagenavi a:active {
font:.7em arial;	
padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #868da7;
	color: #868da7;
	background-color: #1c1d22;	
}
.wp-pagenavi span.pages {
font:.7em arial;	
padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #868da7;
	border: 1px solid #868da7;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
font:.7em arial;	
padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #868da7;
	color: #868da7;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
font:.7em arial;	
padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #868da7;
	color: #868da7;
	background-color: #FFFFFF;
}