/*
Theme Name: Base
Theme URI: http://human3rror.com
Description: A simple "Base" portfolio theme for whatever you want.
Author: John Saddington
Author URI: http://human3rror.com
*/

* { margin:0; padding:0; }

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
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;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

p { margin-bottom:10px; }
html { background:#DDEAEE url('images/body_top_normal.jpg') repeat-x; padding-top:11px; }
html#frontpage { background:#DDEAEE url('images/body_top.jpg') repeat-x; padding-top:11px; }
body { background: transparent url('images/content_top_normal.jpg') no-repeat center top; margin:0 auto; font-family:Helvetica; font-size:0.7em; line-height:1.3; position:relative; font-family:"Lucida Sans Unicode","Lucida Sans",verdana,arial,helvetica; }
#frontpage body { background: transparent url('images/content_top.jpg') no-repeat center top; }
#container { width:860px; margin:0 auto; background: url('images/content_top_normal.jpg') no-repeat center top; }
#frontpage #container { background: url('images/content_top.jpg') no-repeat center top; }
a { text-decoration:none; }
#header { position:relative; height:296px; overflow:hidden; }
#frontpage #header { height:616px; }
/*#header h1 { background: url('logo.png') no-repeat; position:absolute; top:52px; left:10px; text-indent:-9000em; overflow:hidden; }*/
#header h1 { position:absolute; top:40px; left:-20px; font-size:4em; text-transform:uppercase; }
#header h1 a { color:#fff; }

h1 {  }
h2 {  }
h3 { font-size:1.5em; }
h4 {  }
h5 {  }
h6 {  }
.hidden { display:none; }
#header blockquote#twitter { color:#76dde5; background: url('images/blockquote.png') no-repeat; height:90px; width:493px; position:absolute; right:0px; top:40px; padding: 15px 0 0 25px; right:10px; font-style:italic; }
#header blockquote#twitter #author { font-weight:900; float:right; color:#fff; margin-top:-5px; }
#header blockquote#twitter #author a {color:#fff;}
#navigation { text-transform:uppercase; color:#ccc; position:absolute; top:140px; left:10px; list-style:none; line-height:1; }
#navigation li { float:left; position:relative; }
#navigation li a { color:#b1c7ce; padding:4px 4px 5px; font-weight:500; font-size:1.4em; display:block; text-shadow: transparent; text-align:center; }
#navigation li#tryitnow a { background: url('images/tryitnow.png') no-repeat; padding-bottom:11px; width: 110px; color:#002534; }

#navigation li.current_page_item div { display:block; height:25px; width:8px; }
#navigation li.current_page_item a { background:#002534; color:#fff; }
#navigation li a { margin:0 8px; outline:0; }
.active-left { background: url('images/menu_left.png') no-repeat; position:absolute; left:0; }
.active-right { background: url('images/menu_right.png') no-repeat; position:absolute; right:0; }
#content { position:relative; padding:23px 0 40px 10px; }
#frontpage #content { padding:40px 0 40px 10px; }
#content #articles { width:590px; float:left; }
#content .article .article { background: url('images/content_article_background.png'); position:relative; width:530px; padding:30px 30px 20px; color:#607d86; margin-top:25px; }
#content h3.article-title { width:535px; color:#184a59; text-transform:uppercase; font-size:2em; font-weight:500; }
#content h3.article-title a { color:#184a59; }
#content .article small.posted  { font-size:1.4em; color:#246f86; text-transform: uppercase; font-weight:500; }
#content #articles li { margin-bottom:50px; }
#content .article-top { background: url('images/content_article_top.png') no-repeat; position:absolute; height:19px; width:100%; top:-19px; left:0; }
#content .article-bottom { background: url('images/content_article_bottom.png') no-repeat; position:absolute; bottom:-19px; height:19px; width:100%; left:0; }

#right { float:right; }
#content { overflow:hidden; }
#recent-articles { float:left; }
#subscribe { width:190px; overflow:hidden; background: #fcde17 url('images/subscribe.png') no-repeat; padding:30px 20px 20px; margin-bottom:30px; color:#7c7336; }
#subscribe h2 { font-size:1.4em; font-weight:500; margin-bottom:5px; color:#000; }
#subscribe label { display:none; }
#subscribe input { width:180px; border:0; padding: 5px; font-style:italic; color:#afa773; }
#subscribe #submit { outline:0; float:left; background: url('images/subscribebutton.png'); display:block; width:87px; height:28px; border:0; margin-top:20px; color:#fff; text-transform:uppercase; padding:0; padding-top:0px; }
#subscribe #unsubscribe { border-bottom:1px solid #857406; color:#857406; text-transform:uppercase; float:left; margin-top:25px; margin-left:20px; }

#featured { color:#c6e1eb; position:absolute; top:180px; left:325px; width:535px; }
#featured h2.article-title { font-size:3em; font-weight:500; color:#fff; margin-bottom:20px; }
#featured .article-content { line-height:2; margin-bottom:20px; }
/*#featured .article-image { position:absolute; left:-315px; top:0; height:358px; width:284px; background:#ccc no-repeat; background-position: center bottom; }*/
#featured .article-image { border:5px solid #fff; position:absolute; left:-315px; top:10px; height:244px; width:289px; background:transparent no-repeat; background-position: center bottom; }
#featured img { height:244px; width:289px; }

#featured li { display:none; position:absolute; }
#featured li.show { display:block; }

.view-post { background: url('images/viewpost.png') no-repeat; display:block; height:35px; width:183px; font-size:1.4em; color:#00425c; text-indent:-9000em; overflow:hidden; }
#reasons { position:absolute; top:565px; right:0;}
#reasons span { float:left; color:#9db2b9; font-size:1.4em; font-weight:500; margin-right:20px; text-transform:uppercase; margin-top:2px; }
#reasons ul { float:left; }
#reasons ul li { float:left; margin-right:8px; }
#reasons ul li a { background: url('images/reason_inactive.png') no-repeat; display:block; height:19px; width:23px; padding:4px 0 0 0px; color:#00749f; text-align:center; cursor:pointer; }
#reasons ul li.active a { background: url('images/reason_active.png') no-repeat; color:#fff; }
#footer { background: url('images/footer_background.png') repeat-x; height:130px; width:100%; display:block; padding-top:50px; position:absolute; left:0px; text-align:center; }
#footer span#copyright { margin-top:20px; color:#c6dbe1; }
#footer span#copyright a {color:#c6dbe1; }

#footer { position:absolute; left:0; } /* Don't have javascript? live with the mangled footer. */

.widget { color:#d0eaf5; background:#58b0d7; width:190px; margin-bottom:30px; position:relative; padding:5px 20px; font-size:1.2em; }
.widget h2 { color:#fff; font-weight:500; font-size:1.2em; }
.widget ul { margin:5px 0; }
.widget .top, .widget .bottom { position:absolute; height:6px; left:0; width:230px; display:block; }
.widget .top { top:-6px; background: url('images/textwidget_top.png') no-repeat;  }
.widget .bottom { bottom:-6px; background: url('images/textwidget_bottom.png') no-repeat; }

#page-title { font-size:2.2em; position:absolute; top:230px; left:10px; color:#9db2b9; text-transform:uppercase; font-weight:500; }
.widget.categories label { display:none; }
.widget.categories #search { background:transparent url('images/searchform.png') no-repeat; width:149px; height:17px; border:0; padding:8px; }
.widget.categories form ul li { float:left; }
.widget.categories form ul { width:210px; }
.widget.categories form { margin-bottom:50px; }
.widget.categories a { color:#D0EAF5; }
#search-submit { background: transparent url('images/gobutton.png') no-repeat; width:33px; height:33px; margin-left:4px; border:0; font-size:0px; overflow:hidden; }
#comment-count { float:right; font-size:1.3em; text-transform:uppercase; color:#246f86; margin-top:20px; }
#left { float:left; width:590px; }



ol#comments { padding-bottom:6px; margin-top:-40px; float:right; }
/*ol#comments li.comment { margin-top:40px; width:571px; position:relative; background:#b8dce7; float:right; height:100px; }*/

ol#comments li.comment { margin-top:40px; width:571px; position:relative; background:#b8dce7; float:none; color:#184a59; padding-top:10px; min-height:100px; height: auto !important; height:100px; }
ol#comments li.comment > div { overflow:hidden; }

ol#comments li.comment .top, ol#comments li.comment .bottom { width:571px; height:3px; position:absolute; left:0; }
ol#comments li.comment .top { background: transparent url('images/comment_top.png') no-repeat; top:-3px; }
ol#comments li.comment .bottom { background: transparent url('images/comment_bottom.png') no-repeat; bottom:-3px; }
ol#comments li.comment .avatar { float:left; margin: 0 10px 0 20px; position:relative; width:73px; height:73px; }
ol#comments li.comment .comment { margin-right:20px; text-align:justify; }
.comment-title { font-size:1.3em; text-transform:uppercase; font-weight:500; }

#leave-comment { float:right; width:330px; background:#f6fafb; padding: 0 20px 10px; margin-top:30px; position:relative; }
#leave-comment .top, #leave-comment .bottom { position:absolute; width:370px; height:3px; left:0; }
#leave-comment .top { background: transparent url('images/leavecomment_top.png'); top:-3px; }
#leave-comment .bottom { background:transparent url('images/leavecomment_bottom.png'); bottom:-3px; }
#leave-comment label { font-size:1.3em; color:#3d7f94; font-weight:500; text-transform: uppercase; float:left; width:50px; margin-top:5px !important; margin-top:3px; margin-bottom:-2px; }
#leave-comment input, #leave-comment textarea { padding:5px; border:0; background:#b8dce7; width:240px; float:right; margin-top:0px; color:#05445e; }
#leave-comment label[for=comment] { display:none; }
#leave-comment li { margin-top:5px; display:block; min-height:35px; margin-bottom:5px; }
#leave-comment ul { margin-top:0px; overflow:hidden; }
#leave-comment textarea { width:320px; height:80px; font-family:"Lucida Sans Unicode","Lucida Sans",verdana,arial,helvetica; font-size:1em; }
#leave-a-comment { font-size:1.5em; color:#184a59; font-weight:500; text-transform: uppercase; margin-top:8px; }
#comment-submit { background: transparent url('images/submitcomment.png') no-repeat; height:28px; width:115px; border:0; margin-top:10px; float:right; text-transform:uppercase; color:#fff; font-size:1.1em; margin-bottom:5px; }

.wayback { float:left; width:100%; font-size:1.5em; color:#246f86; text-transform: uppercase; }
.wayback a { color:#246f86; }
.wayback .alignleft { float:left; }
.wayback .alignright { float:right; }

#content .portfolio .portfolio { background: #f5f9fa; position:relative; width:768px; padding:30px 30px 20px; color:#607d86; margin-top:25px; min-height:250px; height: auto !important; height:250px; }
#content h3.portfolio-title { width:535px; color:#184a59; text-transform:uppercase; font-size:2em; font-weight:500; }
#content h3.portfolio-title a { color:#184a59; }
#content .portfolio small.posted  { font-size:1.4em; color:#246f86; text-transform: uppercase; font-weight:500; }
#content #portfolios li { margin-bottom:50px; }
#content .portfolio-top { background: url('images/portfolio_top.png') no-repeat; position:absolute; height:19px; width:100%; top:-15px; left:0; }
#content .portfolio-bottom { background: url('images/portfolio_bottom.png') no-repeat; position:absolute; bottom:-19px; height:19px; width:100%; left:0; }
.portfolio .image { height:192px; width:192px; border:9px solid #a9ccd7; background:#000; float:left;  margin-right:30px; margin-bottom:30px;} 
.launch-project { background: url('images/launch_project.png') no-repeat; float:right; height:36px; width:207px; overflow:hidden; text-indent:-9000em; position:absolute; bottom:30px; right:30px; }