/*  
Theme Name: WP Bandit
Theme URI: http://wpbandit.com
Description: WP Bandit Blog
Version: 1.0
Author: Jermaine Maree
Author URI: http://jermainemaree.com
.
Copyright (c) 2010, Bandit Media
.
*/



/*--:[ CSS Reset ]:----------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, textarea, p, blockquote, th, td, img, hr, object
  { margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border: 0; }
blockquote, q { quotes:none; }
:focus { outline:none; }

/*- css reset | html5 elements -*/
section, article, aside, header, footer, nav, dialog, figure { display:block; }



/*--:[ Core Layout ]:--------------------------------------------------------*/
body { font-size:62.5%; line-height:1.5; 
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; }

/*- core layout | container -*/
.container { margin-left:auto; margin-right:auto;
  padding:0 2.4em; width:88.8em; }

/*- core layout | styles -*/
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
a { text-decoration:none; }

  /*- alignment -*/
  .alignleft { float:left; }
  .alignright { float:right; }
  .aligncenter { text-align:center; }

/*- core layout | self clearing divs -*/
header.core:after, nav.core:after, #content:after, footer.core:after
  { content:''; display:block; height:0; clear:both; visibility:hidden; }



/*--:[ Header ]:-------------------------------------------------------------*/
header.core { padding-top:1.8em; width:100%; }
.home header.core .container { padding-bottom:1.8em; }

/*- wpbandit logo -*/
.wpbandit-logo a { background:url('img/wpbandit-logo-small-dark.png') no-repeat;
  display:block; float:right; height:24px; text-indent:-999em; width:139px; }
  
  /* single | wpbandit logo -*/
  .single .wpbandit-logo a { float:left; opacity:0.5; }
  .single .wpbandit-logo a:hover { opacity:1; } 

/*- home title | header -*/
header.core .title { background:url('img/bg-title.png') repeat-x;
  border-bottom:0.8em solid #eee; padding:1.2em 0; text-align:center; }
header.core .title h1 { color:#fff; font-size:3em;  line-height:1.2em;
  font-family:Georgia,"Times New Roman",Times,serif; }
header.core .title p { color:#8898ba; font-size:1.6em;  }
header.core .title p span { color:#f7a413; font-style:italic }



/*--:[ Nav ]:----------------------------------------------------------------*/
nav.core ul { list-style:none; font-size:1.4em; }
nav.core ul li { float:left; margin:0 0.4286em; }
nav.core ul li a { background:#eee; color:#444; display:block; 
  line-height:1.7143em; padding:0 0.7143em; font-variant:small-caps;
  -moz-border-radius:0.2857em; -webkit-border-radius:0.2857em; }

  /*- browse -*
  nav.core ul li.browse a { background:#101728; color:#fff; }
  
  /*- ask -*
  nav.core ul li.ask a { background:#354567; color:#fff; }
  
  /*- signup -*
  nav.core ul li.signup a { background:#f48401; color:#fff; }*/



/*--:[ Content ]:------------------------------------------------------------*/
#content { width:100%; }
.home #content .container { padding:2.4em 0 0 0; }

/*- article -*/
.home ul#posts { list-style:none; margin:1.2em 0; overflow:auto; }
.home ul#posts li { float:left; height:260px; margin:0 1.1em 2.4em 1.1em; }
.home ul#posts li a:hover { opacity:0.5; }

  /*- links | article -*/
  article .entry a { border-bottom:1px dotted #00619e; color:#00619e; }
  article .entry a:hover { border-bottom:1px dotted #d34a00; color:#d34a00; }

  /*- headers | article -*/
  article h3, article h4 { font-weight:bold; }

  /*- entry | article -*/
  article p, article ol, article ul, article dl article table, article hr 
    { font-size:1.6em; margin-bottom:1.5em; }
  article ol { margin-left:1.375em; }
  article ul { margin-left:1em; }
  article hr { border-left:none; border-right:none; border-bottom:none; }

  /*- captions, images | article -*/
  article .caption.alignleft, article img.alignleft { padding-right:1.6em; }



/*--:[ Footer ]:-------------------------------------------------------------*/
footer.core { background:#eee; border-top:4px solid #ddd; color:#444; 
  margin-top:2.4em; width:100%; }
.home footer.core { margin-top:0; }
.single footer.core { margin-top:3.6em; }
footer.core .container { padding-top:2.4em; padding-bottom:9.6em; }
footer.core .container p { float:left; font-size:1.2em; 
  text-transform:uppercase; }
footer.core p#shoutout { float:right; }