/*
  LOGIKBOMB DEFAULT STYLE
--------------------------------------------------------*/

html, body { margin: 0; }
body { background: #222; color: #ccc; }

a:link, a:visited { color: #ff8200; text-decoration: none; }
a:hover { color: #fff; }

h1.title { font-family: 'lucida sans unicode', arial, helvetica, sans-serif; font-weight:normal; letter-spacing: -2px; }
.sidetitle { color: #666; line-height: .8em; border-bottom: 1px solid #333; }

h1.portfolio { background: url(/images/portfolio.png) no-repeat; width: 130px; height: 30px; }
h1.contact { background: url(/images/contact.png) no-repeat; width: 130px; height: 30px; }
h1.portfolio span, h1.contact span { display: none; }

.entry blockquote { margin: 20px; font-family: arial, helvetica, sans-serif; border-left: 5px solid #666; padding: 10px; background: #2e2e2e; }
.entry-odd { background: #333 url(/images/top_border1.png) repeat-x; padding: 25px 15px 15px 15px; }
.entry-even { background: transparent url(/images/top_border2.png) repeat-x; padding: 25px 15px 15px 15px; }

.posted { background: #2e2e2e; padding: 8px 15px; border: 1px solid #333; font-family: verdana, tahoma, geneva, arial, helvetica, sans-serif; font-size: .9em; }
.posted-date { background: transparent url(/images/posted.png) center left no-repeat; padding: 4px 20px 4px 25px; }
.posted-by { background: transparent url(/images/postedby.png) center left no-repeat; padding: 4px 20px 4px 25px; }
.posted-categories { background: transparent url(/images/categories.png) center left no-repeat; padding: 4px 20px 4px 25px; }
.posted-comments { background: transparent url(/images/comments.png) center left no-repeat; padding: 4px 20px 4px 25px; }

.mt15 { margin-top: 15px; }
.mb15 { margin-bottom: 15px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.w8em { width: 8em; }

.portfolio-desc { padding: 15px; }
.portfolio-img { float: left; }
img.image-border { background: #111; border: 1px solid #2e2e2e; padding: 5px; }
a img.image-border:hover { border: 1px solid #666; }

/*
  FORMS
--------------------------------------------------------*/

.form { background: #2e2e2e url(/images/box_bg_top.png) repeat-x; padding: 30px; }
.form label { float: left; clear: left; width: 75px; display: block; padding: 4px 0; }
input.text, textarea { float: left; background: #111; margin: 0 0 5px 0; color: #ccc; }
.form p { float:left; clear:left; margin:0 0 5px 75px; text-align:left; }
input.submit { background: url(/images/button_bg.png) left center repeat-x; border-top: 1px solid #666; border-left: 1px solid #666; border-bottom: 1px solid #444; border-right: 1px solid #444; padding: 4px 8px; cursor: pointer; color: #ff8200; font-weight: bold; }
input.submit:hover { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #666; border-right: 1px solid #666; color: #ccc; }
.search-button { background: url(/images/search_btn.png) no-repeat; width: 35px; height: 28px; border: none; cursor: pointer; }
.search-button:hover { background: url(/images/search_btn_hover.png) no-repeat; width: 35px; height: 28px; border: none; }
#search { display: block; }
.captcha img { float:left; margin:0 0 5px 75px; padding:0; }

/*
  CONTAINER
--------------------------------------------------------*/

#container { background: #141414; width: 100%; min-width: 990px; padding: 30px 0; }

/*
  HEADER
--------------------------------------------------------*/

#header { background: #141414 url(/images/header_bg.png) repeat-x; width: 100%; height: 248px; padding: 14px 0; }
#banner { background: #000 url(/images/banner.jpg) top center no-repeat; width: 990px; height: 220px; margin: 0 auto; }
#banner h1 { display: none; }
#banner img { display: block; width: 0; }

/*
  BODY
--------------------------------------------------------*/

#body { width: 930px; min-height: 400px; margin: 0 auto; clear: left; }
#content-container { float: left; background: #222; width: 660px; }
#content { padding: 15px 20px 20px 20px; }

/*
  SIDEBAR
--------------------------------------------------------*/

#sidebar-container { float: left; background: #222; width: 250px; margin-left: 20px; }
#sidebar { padding: 20px; }

#snav { background: #2e2e2e; margin: -5px -20px 15px -20px; padding: 10px 20px; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#snav ul { margin: 0; padding: 0; }
#snav li { list-style: none; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: 2em; font-weight: normal; }
#snav a.active { background: url(/images/arrow.png) center left no-repeat; padding-left: 10px; color: #666; }

/*
  FOOTER
--------------------------------------------------------*/
#footer-container { background: transparent url(/images/footer_bg.png) repeat-x; width: 100%; min-width: 990px; padding: 30px 0 0 0; }
#footer { width: 930px; margin: 0 auto; }
#copyright { float: right; }
#copyright p { text-align: right; }
#copyright a:link, #copyright a:visited { font-weight: bold; color: #999; }
#copyright a:hover { color: #ccc; }