@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////          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;}
:focus {outline: 0;}
body {line-height: 1;color: black;background-color: #05080b;}
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: "" "";}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////             BODY             //////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

html {background-color: #05080b;}

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

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

h1 {
	margin: 10px 0 15px 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; }

#home h1 a {border:none;}

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

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

#twitter { margin: 24px 25px 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, 
#home li:hover.home, 
#photography li.photography,
#photography li:hover.photography,
#wallpapers li.wallpapers,
#wallpapers li:hover.wallpapers,
#portfolio li.portfolio,
#portfolio li:hover.portfolio,
#blog li.blog,
#blog li:hover.blog,
#about li.about,
#about li:hover.about { background-image: url(/images/nav_button_bg.gif); border-left-width: 0px; }


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

#nav li.home { border-left-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;
}

#rss{
width:14px; height:14px;
margin: 10px 0 0 15px;
padding-bottom: 10px;
background:url(/images/rss2.gif) left top no-repeat;
border: none;
}
#rss:hover{
background-position:left bottom;
}


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

#content { width: 100%; background-image:url(/images/content_bg.gif); background-repeat:repeat-x;  min-height: 455px; background-color: #182d38; padding: 10px 0 15px 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.active { background-color:#47bbed; opacity: .3; cursor:default;}
#content a img.active:hover { border: 1px solid #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: 557px; 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 7px 0;
	padding: 6px 0 18px 0;
	background-image: url(/images/h1_bg.png);
	background-repeat:repeat-x;
	border: none;
	height: 19px;
	width: auto;
}

#portfolio h1,
#about h1 {margin-bottom: 12px;}
#portfolio_container h2 {  color: #fff; font-size: 19px; width:auto; margin: 2px 0 8px; border: none;padding: 0;}
#portfolio_container p { color: #8e979a; font-style:italic; padding-bottom: 6px;}
#portfolio_container .slash { color: #3a3a3a;}
#portfolio_container .portfoliodate {color: #83c1d6;}
#portfolio_container p.copyright {margin-top: 10px; font-size: 11px; color:#666; margin-bottom: 0; padding-bottom: 0;}

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

#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; }
#col1.wallpaper {width: 60%;}
#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 .twospan { margin: 0 10px 0 40px; float: left; height: 155px; width: 428px; }
#footer p { color: #666; line-height: 19px; padding: 0 2px; font-size:13px; }
#footer p.about a { color:#fff; text-decoration:none; }
#footer p.about a:hover { text-decoration:underline; }
#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.dribbble { background-image: url(/images/dribbble.gif);}
#footer ul li.twitter { background-image: url(/images/twitter.png);}
#footer ul li.tumblr { background-image: url(/images/tumblr.gif);}
#footer ul li.forrst { background-image: url(/images/forrst.gif);}
#footer ul li.aboutme { background-image: url(/images/aboutme.gif);}
#footer ul li.linkedin { background-image: url(/images/linkedin.gif);}

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

.twtr-tweet-wrap {width:428px; border:none !important;}
.twtr-hd {display:none;}
.twtr-widget { margin-top:-13px; font-size: 12.25px;}


#content_release { width: 100%; background-image:url(http://perfecthue.com/images/uploads/graphic/q_bg.jpg); background-repeat: no-repeat;  min-height: 504px; background-color: #182d38; padding: 22px 0 15px 32px;  }
#content_release h1 { font-size: 36.1px; }
#content_release h2 { font-size: 22.01px; font-weight: bold; border:none; margin-top:0;}
#content_release span.new {color: #80d5f4; font-size: 11.1px; font-style:italic; font-weight:bold;}
#content_release #download {overflow:hidden;margin-top: 62px;}
#content_release img {float: left; border:1px solid #000;}
#content_release img:hover {border:1px solid #3FAFFF; }
#content_release #dlsizes {margin: 0 0 0 34px; float: left; width:515px;overflow:hidden;}
#content_release ul {margin-top: 35px; float: left; margin-right: 43px;}
#content_release ul li {margin-bottom: 10px}
#content_release ul li:first-child {font-size: 17px; color: #fff; font-weight:bold;padding-bottom:10px;}
#content_release ul li a {text-decoration: none; color: #51789a;}
#content_release ul li a:hover {color: #fff; border-bottom: 1px dotted #3fafff;}
#content_release .dlfull {float:right;margin: -20px 100px 0 0; }
#content_release .dlfull a {color:#7ce145; text-decoration: none; font-weight: bold;}
#content_release .dlfull a:hover {color: #9ef071;}



ul.sizes a {border-bottom: 0px !important;}
ul.sizes li {padding-top:11px; list-style:none; margin-left: 0 !important;}
ul.sizes ul {padding-left: 0; list-style:none;}


.sizebutton {
   background: #161f23;
   padding: 6px 13px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #ffffff;
   font-size: 13px;
   text-decoration: none;
   margin-bottom:30px;
}
.sizebutton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
.sizebutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
}
   

/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////             BLOG             ///////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */


@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('/font/TitilliumText22L003-webfont.eot');
    src: url('/font/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/TitilliumText22L003-webfont.woff') format('woff'),
         url('/font/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('/font/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#blog #content,
#blog #content .entry .details {background-image: url(/images/blog_pattern.gif); background-repeat:repeat;}
#blog #nav {height: 48px;}
#blog #content .entry {  float: left; margin-top: 20px; width: 30.78%; margin-right: 1.7%; }
#blog #content .entry .title {height: 39px; padding: 0 1px 0 15px;   }
#blog #content .entry h2 { width: auto; font-familY: "TitilliumText22LRegular", Helvetica, Arial, sans-serif; float: left;font-size: 19px; border: none; font-weight:normal; color: #fff; padding: 0; margin: 0; }
#blog #content .entry a h2:hover {color: #bde8f6;}
#blog #content .entry .date,
#blog #content .entry .comments { font-size: 12px; text-transform:uppercase; color: #58717b; letter-spacing: 2px; }
#blog #content .entry .date { font-size: 11px; float: right; text-align:right;  margin: 9px 0px 0 0; }
#blog #content .entry a,
#blog #content .entry a img { border:none; background-color:transparent;}

#blog #content .entry img.entry_image {display: block; max-width: 100%; width: 100%; border-top: solid #30b0e5; border-bottom: solid #15273b; border-width: 1px 0 1px 0; padding: 2px 0px 1px 0; }

#blog #content .entry .bottom { }
#blog #content .entry .summary {z-index: 10; height: 92px; overflow:hidden;float: left; color: #446576; padding: 16px 200px 15px 20px; background-color: rgba(0,0,0,.36); line-height: 19px; }

#blog #content .entry .read_button {z-index:100;  float: right; margin-right: -20px; }
#blog #content .entry .details {margin-top: -125px; float: right;width: 163px; text-align: right;  border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #15273B; padding-top: 12px;}

#blog #content .entry .summary {border-bottom: 1px solid #15273b;  }
#blog #content .entry .summary a:hover {color:#a7cbde;}
#blog #content .entry .comments  {font-size: 10px;}
#blog #content .entry p.byline {color: #739bab; font-size: 11px;padding-right: 16px;} 
#blog #content .entry .comments a {color: #58717b; padding: 0; margin: 0;}
#blog #content .entry .comments a:hover {color: #fff;}
#blog #content .entry .comments {padding-right: 12px; margin-bottom: 9px;}
#blog #content .entry .comments img {margin-bottom: -4px; padding-right: 12px;}

#blog.article #content .entry {  float: left; margin-top: 20px; width: 890px; margin-right: 1.7%; }
#blog.article #content .entry.small {width:20%;}
#blog.article #content .entry .summary {height: auto;padding-right: 15; width:670px; }
#blog.article #content .entry .summary p { width:550px; position: relative; left: 299px; }
#blog.article #content .entry .summary p a {color: #85a5b6 !important;}
#blog.article #content .entry .summary p a:hover {color: #fff !important;}
#blog.article #content .entry .summary h3 { margin: 27px 0 7px 300px; border:none; }
#blog.article #content .entry .summary img, 
#blog.article #content .entry .summary object { left: -155px; position: relative;}
#blog.article #content .entry .summary div.caption { margin: -30px 0 0 0;width:130px; position: relative; top:50px; text-align:right;  border-top: 1px solid #09F; padding-top:10px; }
#blog.article #content .entry .summary blockquote {background-image:url(/images/blockquote.png); background-repeat:no-repeat;font-size: 23px; color: #d2e6ed; margin: 20px 0 20px 0; line-height:34px; left: 299px;  padding-left: 65px;
    position: relative;  }
#blog.article #content .entry .summary blockquote p {position: inherit; left: 0;  width: 485px;}


.blog_sidecol {float:left; width:21.2%;margin: 0 15px 0 15px;}
.blog_sidecol h2 {
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-family: "TitilliumText22LRegular",Helvetica,Arial,sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2896C2;
    text-transform: none;
    letter-spacing:auto;
    margin-top: 25px;
    padding-bottom: 5px;
    height: 39px;
    padding: 0 1px 0 0px;
    width:100%;
}
.blog_sidecol .entry_image {
    border-bottom: 1px solid #15273B;
    border-top: 1px solid #30B0E5;
    border-width: 1px 0;
    display: block;
    max-width: 100%;
    padding: 2px 0 1px 0;
    width: 100%;

}

#content .blog_sidecol a img{
    background-color: transparent;
    border: none;
    padding: 0px;
}


#about #portfolio_container {padding-bottom: 0;}
#about #portfolio_container .biopic { float: left; margin-right: 34px;}
#about #portfolio_container .biotext { width: 410px; float: left;  }
#about #portfolio_container .biotext p {font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; }
#about #portfolio_container .biotext a {border-bottom: none; text-decoration: none;}
#about #portfolio_container .biotext a:hover {border-bottom: none; text-decoration: none;}

/* Media queries for dynamic screen resolution stuff */
#projects2 {width: 895px}
@media (max-width: 1876px) {#projects2 { width: 668px; }}
@media (max-width: 1671px) {#projects2 { width: 449px; }}
@media (max-width: 1438px) {#projects2 { width: 227px; } .twospan {display:none;}}
@media (max-width: 1205px) {#projects2 { border: none; width: 894px; padding-left: 0px; height: auto; }}


@media (max-width: 1350px) {#blog #content .entry { width: 44.9%; margin-right: 3.2%; }}
@media (max-width: 920px) { #blog #content .entry { width: 90%; margin-right: 0;  }}
@media (max-width: 768px) {#nav #searchbar {display: none; } }