@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

/* -- GLOBALS -- */
body { background:#142430 url("/images/bodyF-alt.png") repeat-x; color:/*#2C4F69*/#6A6864; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#header { height:181px }
#header .logo { background:url("/images/logo.png") no-repeat; cursor:pointer; height:150px; left:345px; position:absolute; text-indent:-9000px; top:0; width:300px }
#header .logo:hover { background-position:left -150px }
#wrapper { padding:0 330px 0 0; width:660px }
#layout-wrapper { background:none; width:990px }
#content { background:none; padding:0 2px 40px 18px; width:640px }
#rail { margin-right:-330px; padding:0 20px 0 0; width:310px }
#footer { /*background:#fc0;*/ color:#CCC; /*width:100%*/ }
#footer a.textlink { color:#F09 }
#footer a.textlink:hover { background-color:#F09; color:#FFF }
/*#footer .content { background:#000; margin:0 auto; position:relative; width:990px }*/

#footer, .push-footer { height:30px }
#layout-wrapper { margin-bottom:-30px }

/* footer */
#propaganda-menu { left:20px; top:5px }
#propaganda-menu li { border-right:1px solid #111 }

/* main */
.main-menu { top:151px; left:25px }
.main-menu li { border:none; float:left; padding:0 1px 0 2px }
.main-menu li.spacer { padding:0 0 0 10px }
.main-menu a, .main-menu a span { cursor:pointer; display:block; float:left }
.main-menu a { background:url("/images/main-menuL.png") no-repeat left top; padding:0 0 0 6px }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#DFDCD6; font-weight:400; height:32px; letter-spacing:0.15em; padding:8px 12px 0 6px; text-transform:uppercase; }
.main-menu li.quote a span { font-weight:700 }
.main-menu li.design a span { color:#4EBAFF }
.main-menu li.development a span { color:#B2D40A }
.main-menu li.marketing a span { color:#FF0099 }
.main-menu a:hover { background-position:left -40px; text-decoration:none }
.main-menu a:hover span { background-position:right -40px; color:#FFF }
.main-menu a.active, .main-menu a.active:hover { background-position:left -80px; text-decoration:none }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -80px; color:#FFF; text-decoration:none }

/* -- THEME -- */
h2 { font-size:1.7em; letter-spacing:0.01em; font-weight:700 }
h2, h3 { color:#405069 }
h4 { border-bottom:1px solid #DFDCD6; color:#6A6864; font-size:1.15em }
a.textlink, .redcloth a, a.design, a.development, a.marketing { color:#142430; font-weight:400; padding:1px; text-decoration:underline }
a.textlink:hover, a.design:hover, a.development:hover, a.marketing:hover, .redcloth a:hover { background-color:#142430; color:#FFF; text-decoration:none }

.img-border img { border:1px solid #9BA3B5 }

h3 a { color:#142430; padding:1px; text-decoration:underline }
h3 a:hover { background-color:#142430; color:#FFF; text-decoration:none }

#rail a.textlink, #rail a.marketing { color:#B2D40A }
#rail a.textlink:hover  { background-color:#B2D40A; color:#405069; text-decoration:none }

ul.plainlist li { background-position:left 50%; padding-bottom:0; padding-top:0; font-size:1.1em }

/* banners */
#calltoaction { display:block; height:140px; padding-top:10px; width:990px }
#calltoaction div.banner a { display:block; float:left; height:140px; text-indent:-9999em }
#calltoaction div.banner.design a { background:url("/images/banner-design-alt.png") no-repeat; width:290px  }
#calltoaction div.banner.development a { background:url("/images/banner-development-alt.png") no-repeat; width:360px }
#calltoaction div.banner.marketing a { background:url("/images/banner-marketing-alt.png") no-repeat; width:340px }

.banner-home { background:url("/images/netage-homebanner.png") no-repeat; display:block; height:90px; width:580px;    }
.banner-design a { background:url("/images/banner-design-content.png") no-repeat; display:block; height:110px; width:580px; text-indent:-9999em }
.banner-development a { background:url("/images/banner-development-content.png") no-repeat; display:block; height:110px; width:580px; text-indent:-9999em }

/* -- CONTENT -- */
#content h2, #rail h2, #content h2.borderless, #content h3 { border:none }
#content h2 { background:url("/images/h2-contentF.png") no-repeat left bottom; color:#3A8BBF }
#content h2.h2-main { color:#405069; font-size:2.1em }
#rail h2 { background:url("/images/h2-railF.png") no-repeat left bottom; color:#B2D40A }
#rail h2.twitter { background-image:url("/images/h2-rail-twitter.png"); color:#6EE3FF }
#rail h3 a { color:#838CA3 }
#rail h3 a:hover { background-color:#838CA3; color:#FFF }

#content .contentbanner { background:url("/images/banner-starter-package-content.png") no-repeat left top; display:block; height:100px; margin:0 0 20px }

/* panels */
#content .panel { background:#F3F5F8 url("/images/cpanel-TL.png") no-repeat left top; margin:0 0 2px; padding:0 }
#content .panel .body { padding:25px 25px 0 }
#content .panel .body h2 { margin-left:-10px }
#content .panel .footer { background:url("/images/cpanel-BL.png") no-repeat; height:20px }
#content .panel .footer .right { background:url("/images/cpanel-BR.png") no-repeat right top; display:block; height:20px }
#rail .panel { background:#434C63 url("/images/rpanel-TR.png") no-repeat right top; margin:0 0 2px; padding:0 }
#rail .panel .body { padding:25px 15px 0 }
#rail .panel .body h2 { margin-left:-10px }
#rail .panel .footer { background:url("/images/rpanel-BR.png") no-repeat right top; height:20px }

/* -- FORM -- */
/*fieldset dt { width:200px }*/
fieldset .questionnaire dt { background:#F7FBE6; display:block; float:none; margin-bottom:10px; padding:3px 2px 3px 5px; text-align:left; width:560px }
fieldset .questionnaire dd { display:block; float:none; margin-bottom:10px; padding-left:5px }
fieldset .block { background:#FFF; margin-bottom:20px; padding:10px }
button.submit { background:url("/images/button-submit.png") no-repeat; border:none; cursor:pointer; display:block; height:30px; width:80px; text-indent:-9999px }
button.submit:hover { background-position:left -30px }

/* -- RAIL -- */
#rail p { color:#EFEFEF }
#rail fieldset dt, #rail fieldset dd { float:none }
#rail fieldset dt { text-align:left; padding:0 0 2px }
#rail fieldset .actions { padding-left:0 }

/* ---- TWITTER ---- */
#twitter_update_list { margin-bottom:20px }
#twitter_update_list li { color:#FF40B3; margin:0 0 10px }
#twitter_update_list li a { color:#7ACBFF; display:block }
#twitter_update_list li a:hover { color:#7ACBFF; text-decoration:underline }

/* rail banners */
#rail .banner a { display:block; text-indent:-9999em; width:310px }
#rail .banner.starter-package a { background:url("/images/banner-starter-package.png") no-repeat; height:200px }
#rail .banner.quote a { background:url("/images/banner-quote.png") no-repeat; height:80px }
#rail .banner.twitter a { background:url("/images/banner-twitter.png") no-repeat; height:80px }
#rail .banner.twitter a:hover, #rail .banner.quote a:hover { background-position:left -80px }

/* rail panel */
#rail .rail-panel { background:#405069 url("/images/railpanelT.png") no-repeat left top; padding:30px 20px 0 }
#rail .rail-panel .footer { background:url("/images/railpanelB.png") no-repeat; display:block; height:18px; margin:0 -20px 2px }

/* rail menu */
.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { width:260px }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { width:100% }
.rail-menu a span { color:#FFF; height:28px; line-height:2em; padding:1px 0 0 10px }
.rail-menu a:hover { background-color:#596684 }
.rail-menu a:hover span { background-position:0 -31px; color:#4EBAFF; font-weight:700 }
.rail-menu li.active a span { background-position:0 -31px; color:#B2D40A; font-weight:700 }

/* tag cloud */
.tagcloud-wrapper .options { border:none }
.tagcloud li:hover { background:#B2D40A }
.tagcloud li a { color:#142430 }
.tagcloud li a:hover { background:#4EBAFF; color:#142430 }
.tagcloud li.active { background:#B2D40A }
.tagcloud li.active a, .tagcloud li.active a:hover { color:#142430 }
.tagcloud .tag2 { background:#7A859D }
.tagcloud .tag1 { background:#596684 }
.tagcloud .tag3 { background:#9BA3B5 }
.tagcloud .tag4 { background:#BDC2CE }
.tagcloud .tag5 { background:#DEE0E6 }
.resource-tags div { display:none }

/* projects */
.project { padding:0 0 10px 5px }
.project img { border:1px solid #DFDCD6 }
.project .header-preview { margin-bottom:5px; }
.project .preview { float:left; width:210px }
.project .details { float:left; padding-left:10px; width:360px }
.project .details p { font-size:0.9em }
.project .details .item-taglist span { display:none; padding-left:0 }

/* ---- ARTICLES ---- */
.article-wrapper h3 { padding-top:0 }
.article-wrapper h3 a { color:#142430; padding:1px; text-decoration:underline }
.article-wrapper h3 a:hover { background:#142430; color:#FFF; text-decoration:none }
.article-wrapper .entry { background:none; border-bottom:none; padding:0 5px 10px }
.article-wrapper .entry-header { color:#999; font-size:0.9em; margin-bottom:15px }
.article-wrapper .entry-header span { display:block }
.article-wrapper .entry-header abbr { border-bottom:none; text-decoration:none }

/* vcard */
.vcard dt { color:#405069; font-weight:700 }

/* spacing */
h2, h3, p, .dllist, .plainlist { margin-bottom:10px }
h2 { padding:0 0 10px }
h3 { padding:10px 0 5px; margin-bottom:20px }
h4 { padding:8px 0 4px; margin:0 0 4px }
.nopad-top { padding-top:0 }

#rail p { padding-bottom:0  }
#content h3 { padding-top:0; margin-top:5px }

#content .panel h2, #rail .panel h2 { padding:4px 10px 30px; margin-top:0; margin-bottom:20px }
#rail .panel h2 { margin-bottom:10px }
#rail .banner { margin-bottom:2px }
#content p { margin-bottom:20px }

/* project */
.project h3 { margin-bottom:10px }
#content .project .details p, #content .project .details .item-taglist { margin-bottom:10px }
.project { margin-bottom:20px }