/* nerdofsteel.com CSS
 * @author: Rocco Augusto
 * @url: http://www.nerdofsteel.com */

/*** FONT FACE ***/
@font-face { font-family:Eurofurence; src:url('eurof55.ttf'); }
@font-face { font-family:Eurofurence; font-weight:bold; src:url('eurof75.ttf'); }
@font-face { font-family:Eurofurence; font-weight:100; src:url('eurof35.ttf'); }
@font-face { font-family:Eurofurence; font-style:italic; src:url('eurof56.ttf'); }

/*** GLOBAL ***/
body { margin:0; padding:0; font-size:12px; line-height:140%; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.png) top left repeat-x #3399CC; color:#fff; overflow-x:hidden; }
a { text-decoration:none; color:#fff; }
a img { border:none; }
a:focus, a:active { outline:none; }
blockquote { display:block; font-style:italic; background:url(/images/asset_quote.png) no-repeat top left #123547; padding:10px 10px 10px 50px; margin:10px 0; -moz-border-radius:7px; -webkit-border-radius:7px; }
h1, h2, h3, h4, h5, h6, #navigation, .prev-next, #contact label, #showcase #next, #showcase #prev, #preview h2, #preview button, .loading,  #content .comments-wrapper label { font-family:Eurofurence, Arial, Helvetica, sans-serif; letter-spacing:1px; }

/*** WRAPPER ***/
#wrapper { margin:0 auto; width:1000px; position:relative; z-index:5; }

/*** HEADER ***/
#header { margin: 0 0 10px 0; height:100px; line-height:90px; }
#header h1 { width:203px; margin:0; padding:0; float:left; }
#header h1 a { text-indent:-9999px; display:block; background:url(../images/logo.png) no-repeat center bottom; overflow:hidden; }

/*** NAVIGATION ***/
#navigation { margin-top:65px; float:right; width:500px; display:inline; }
#navigation ul { float:right; list-style:none; height:30px; line-height:30px; margin:0; padding:0; position:relative; z-index:20; }
#navigation li { float:left; }
#navigation li a { padding:0 10px; display:block; font-size:18px; font-weight:normal; }
#navigation li.on a { background:#123547; z-index:10; -moz-border-radius:5px; -webkit-border-radius:5px; }
#navigation .bubble { position:relative; height:30px; margin-top:65px; margin-bottom:-30px; background:#123547; z-index:10; -moz-border-radius:5px; -webkit-border-radius:5px; }

/*** SLIDESHOW ***/
#showcase { margin:20px 0; height:475px; width:1000px; display:block; overflow:hidden;  }
#showcase #preview { display:none; position:absolute; height:475px; width:100%; z-index:200; font-size:14px; line-height:20px; }
#showcase #preview button { margin:20px 0; width:100px; padding:2px 5px; font-size:18px; border:none;  -moz-border-radius:7px; -webkit-border-radius:7px; background:#123547; color:#fff; }
#showcase #preview .description { text-align: justify; }
#showcase #preview h2 { margin:10px 0; font-size:26px; font-weight:100; }
#showcase #preview a { text-decoration:underline; }
#showcase #preview #right { float:right; width:475px; margin-top:60px; }
#showcase #next, #showcase #prev { height:475px; width:75px; font-size:75px; opacity:1; line-height:475px; z-index:200; position:relative; text-indent:-99999px; overflow:hidden; }
#showcase #next { float:right; background: url(/images/asset_portfolio-next.png) no-repeat center; text-align:center; }
#showcase #prev { float:left; background: url(/images/asset_portfolio-prev.png) no-repeat center; text-align:center; }
#portfolio { height:475px; width:1000px; list-style:none; margin:0; padding:0; }
#portfolio li { position:absolute; z-index:30; }
#portfolio li:first-child { z-index:20; }
#portfolio li:last-child { z-index:10; }
#portfolio li.selected { z-index:60 !important; }
#portfolio li.loading { font-size:30px; text-align:center; width:100%; line-height:475px; }
.portfolio-view { z-index:300 !important; position:absolute; }
.portfolio-view a { cursor:default; }

/*** CONTENT ***/
#content { display:block; margin:20px 0 10px; min-height:475px; }
#content h2 { width:525px; font-size:26px; line-height:125%; font-weight:100; margin:0; padding:0; }
#content iframe { float:right; margin-bottom:10px; }
#content .entry { width: 600px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #fff; }
#content .entry:last-child { border-bottom:none; }
#content .entry h2 { width:525px; font-size:26px; line-height:125%; font-weight:100; margin:0; padding:0; }
#content .entry h2 a { text-decoration:none; }
#content .entry a { text-decoration:underline; }
#content .entry h4 { font-size:16px; }
#content .prev-next { display:block; margin:10px 0; height:20px; font-size:16px; }
#content .prev-next p { width:50%; }
#content .prev-next p.prev { float:left; }
#content .prev-next p.next { float:right; text-align:right; }
#content .prev-next a { text-decoration:none; }
#content .prev-next a:hover { text-decoration:underline; }
#content .lightbox { display:block; text-align:center; }
#content .lightbox img { margin:5px; padding:10px; background:#fff; -moz-border-radius:7px; -webkit-border-radius:7px; }

/*** COMMENTS ***/

#content .commentsblock { width: 600px; margin-bottom:20px; padding-top:20px; border-top:1px dotted #fff; }
#content .commentsblock a { text-decoration:underline; }
#content .commentsblock .avatar { float:left; width:80px; padding:0 10px; }
#content .commentsblock .avatar p { margin:0 0 10px 0; }
#content .commentsblock .message { padding-right:10px; margin-left:100px; }
#content ol.comments { padding:0 0 0 20px; margin:0; }
#content .commentsblock li { min-height:110px; margin:10px 0; padding:5px 0; background:#123547; -moz-border-radius:7px; -webkit-border-radius:7px; }

#content .comments-wrapper { clear:both; }
#content .comments-wrapper h3 { font-size:18px; font-weight:100; text-align:left !important; padding-left:0; margin-left:0; }
#content .comments-wrapper #forget { width:20px; float:left; }
#content .comments-wrapper label { margin-left:30px; width:150px; float:left; }

#content #asy_cpt_code { margin:10px 0; }

#content div.comments-error { width:400px !important; text-align:left !important; }
#content div.comments-error img { margin-bottom:10px; }

/*** CONTACT ***/
#contact { width:420px; }
#contact fieldset { border:0; }
#contact legend { display:none; }
#contact label, #content .comments-wrapper label { display:block; width:400px; font-size:18px; margin:10px 0; }
#contact .field input, #content .comments-wrapper input { width:400px; height:22px; border:none; padding:2px 10px; font-size:16px; line-height:30px; -moz-border-radius:7px; -webkit-border-radius:7px; } 
#contact .field textarea, #content .comments-wrapper textarea {  width:400px; padding:10px; border:none; font-size:16px; line-height:24px; -moz-border-radius:7px; -webkit-border-radius:7px; font-family:Arial, Helvetica, sans-serif; }
#contact .checkbox { display:block; margin:10px 0; height:18px; }
#contact .checkbox input { float:left; }
#contact .checkbox label { text-indent:10px; }
#contact .zemSubmit { float:right; color:#fff; background:#123547; -moz-border-radius:7px; -webkit-border-radius:7px; padding:5px; border:none; }

#content .comments-wrapper input.button { width:190px; float:left; margin:10px; color:#fff; background:#123547; border:none; padding:0 10px;  }



/*** ARCHIVES ***/
#archives ul { list-style:circle; padding:0 0 20px 15px; margin:10px 0 20px; display:block; border-bottom:1px dotted #94CAE4; }
#archives li { line-height: 24px; font-size:16px; }
#archives li a { text-decoration:none !important; }
#archives li a:hover { text-decoration:underline !important; }

/*** ABOUT ***/
#content #about { float:right; width:345px; padding:10px 15px; background:#123547; -moz-border-radius:7px; -webkit-border-radius:7px;  }
#content #about h2 { font-weight:100; margin:0 0 5px; font-size:20px; line-height:20px; }
#content #about img { float:left; margin:5px 6px 0 0; }
#content #about p { margin-top:0; }

/*** SIDEBAR ***/
#sidebar { display:block; border-top:1px dotted #94CAE4; }
#sidebar ul { margin:10px 0 30px 0; }
#sidebar h2 { font-size:16px; font-weight:normal; margin:0; padding:0 0 5px 20px; border-bottom: 1px dotted #94CAE4 }
#sidebar small { text-align: right; display:block; }
#sidebar ul { list-style:none; margin:0 0 30px 0; padding:0; }
#sidebar li { margin:5px 0; }
#sidebar li a {  padding:3px 5px; display:block;  -moz-border-radius:7px; -webkit-border-radius:7px; }
#sidebar li a:hover { background:#123547; }
#sidebar div { width:290px; padding:5px 20px; margin:20px 0; }
#sidebar .right { float:right; width:125px; border-left:1px dotted #94CAE4; }
#sidebar .right input { display:block; width:115px; border:none; -moz-border-radius:7px; -webkit-border-radius:7px; padding: 2px 5px; }
#sidebar .right .button { width:40px; float:right; color:#fff; background:#123547; }
#sidebar .right h2.search { background:url(/images/asset_search.png) no-repeat top left; }
#sidebar .right h2.follow { background:url(/images/asset_follow.png) no-repeat top left; }
#sidebar .right h2.feed { background:url(/images/asset_feed.png) no-repeat top left; }
#sidebar .tweet { float: left; width:250px; border-left:1px dotted #94CAE4; }
#sidebar .tweet h2 { background:url(/images/asset_twitter.png) no-repeat top left; }
#sidebar .blog { float:left; border-right: 1px dotted #94CAE4; }
#sidebar .blog h2 { background:url(/images/asset_article.png) no-repeat top left; }
#sidebar .monthly { float:left; width:170px; }
#sidebar .monthly h2 { background:url(/images/asset_monthly.png) no-repeat top left; }

/*** FOOTER ***/
#footer { margin:10px 0; text-align:right; font-size:10px; border-top:1px dotted #94CAE4; padding-top:5px; text-transform:lowercase; clear:both; }
#footer ul { display:inline; list-style:none; margin:0; padding:0; }
#footer li { display:inline; width:10px; height:10px; margin:0 2px; }
#footer a.blue { background:#3399CC; }
#footer a.orange { background:#C60; }
#footer a.red { background:#900; }
#footer a.purple { background:#639; }
#footer a { padding:0 5px; }
#footer a:hover { text-decoration:underline; }
#footer ul a:hover { text-decoration:none; }