/*
Theme Name: MIB
Description: Custom
Version: 1.0
Author: Matthew McCord
Author URI: http://www.mccorddesign.net
Tags: fixed width, two columns, valid XHTML, valid CSS, two columns, right sidebar
*/



* {
padding: 0;
margin: 0;
list-style: none; }

body {
font: 62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
background: #000 url(./images/bg.jpg) fixed top center; }

h1 {
font-size: 2em;
text-transform: uppercase;
letter-spacing: 5px;
padding-top: 227px; }

p, h3, h4, h5 {
font-size: 1.2em; }

img {
border: 0; }

div#wrapper {
width: 800px;
margin: 0 auto; }

#header {
background: url(./images/mib800.png) no-repeat top center;
height: 253px;
position: relative;
border-bottom: none; }

#header a {
color: #fff;
text-decoration: none; }

#title {
text-align: center; }

#title h2 {
font-size: 1.6em;
letter-spacing: 2px;
margin-top: 5px; }

.offset {
margin-left: 20px;
margin-top: 20px; }

.date {
float: right;
margin-top: 22px;
color: #bbb; }

#tabs{
height: 32px;
font-size: 1.6em;
font-weight: bold;
text-align: left;
background: url(./images/navbg.png) no-repeat;
border-bottom: 1px solid #696969; }

#tabs ul li {
line-height: 2em;
padding-top: 7px;
padding-bottom: 6px;
padding-right: 2px;
display: inline;
background: url(./images/navdiv.png) no-repeat right;
margin-left: -4px; }

#tabs ul li a {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 1px;
color: #444;
text-decoration: none; }

#tabs ul li a:hover {
color: #111;
text-decoration: none;
border-bottom: 5px solid #fddd00; }

.attorneypic {
border: 1px solid #696969;
background: #fff;
float: right;
margin-top: -20px;
margin-left: 20px;
padding: 1px;
}

.quote {
color: #fff;
font: 2.4em Georgia, "Times New Roman", Times,serif;
font-weight: normal;
font-style: italic;
padding: 10px;
background: url(./images/trans50.png); }



/* Blog Title */



/* Tagline */

#masthead p {

  position:relative;

  margin:0;

  top:62px;

  left:50px;

  color:#888;

}



/* Pages Navigation */

div#masthead ul {

  float:right;

  margin-right:22px;

  position:relative;

  z-index:2;

  bottom:-2px;

}



div#masthead ul li {

  float:left;

}



div#masthead ul li a {

  color:#696969;

  text-decoration:none;

  display:block;

  font-size:1.4em;

  padding:40px 20px 18px;

}



div#masthead ul li a:hover,

div#masthead ul li.current_page_item {

  background:url(./images/nav_bg.png) bottom repeat-x;

}



/* Banner image dropshadow */

div#masthead_image {

  background:url(./images/image_bg.png) center no-repeat;

  width:724px;

  height:148px;

  clear:both;

  padding:8px 22px;

  position:relative;

  z-index:1;

}



a {

  outline:0;

}



/* Page dropshadow */

div#content {
width: 800px;
background: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #696969;
}



/*-----------------------------------------------------------------------------



  Main Content



-----------------------------------------------------------------------------*/



div#main {
padding: 0 20px;
width: 533px;
background: url(./images/shadow.png) repeat-x;
float: right; }



/* Main header on single pages */

h2.header {
color: #111;
font-family: georgia;
font-size: 2em;
padding-top: 15px;
line-height: 1;
margin: 0 0 5px;
border-bottom: 1px solid #bbb;
position: relative; }

div#main h2.header a {
color: #111;
text-decoration: none; }

h2.header span {
position: relative;
padding-right: 10px;
bottom: 0px; }

/* Secondary headline above comments and comment form */

div#main h3 {
margin: 15px 0 5px;
color: #111; }

div#main p {
text-align: justify;
color: #333;
line-height: 2;
margin: 10px 0; }

div#main a {
color: #339; }

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin: 0 15px;
  padding: 1px 15px;
  border-left: 5px solid #ddd;
  background: #eee;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}


ul.article_footer {
DISPLAY: NONE;
text-align: right;
margin: 5px 0;
background: #f1f1f1;
padding: 5px 10px;
border: 1px solid #dadada;
border-width: 1px 0; }

ul.article_footer li {
font-size: 0.9em;
display: inline;
background: none;
border-left: 1px solid #dadada;
margin-left: 5px;
padding-left: 10px;
}

ul.article_footer li.date {
float: left;
border: none;
color: #f1f1f1;
margin: 0;
padding: 0;
}

ul.article_footer li.first {
border: none;
}


/*-----------------------------------------------------------------------------


  Secondary Content



-----------------------------------------------------------------------------*/



div#secondary {
float: left;
width: 226px; }



div#secondary ul#sidebar {

margin-top: -6px;

color: #111; }



div#secondary ul#sidebar li {

margin: 10px;

font-size: 1.2em;

line-height: 1.5em; }



/* Sidebar headers */

div#secondary h2 {

background: url(./images/shadow.png) repeat-x;

border-top: 1px solid #ccc;

border-bottom: 1px solid #696969;

margin: 15px -10px 0;

padding: 2px 10px;

font-family: georgia;

font-variant: small-caps;

font-size: 1.2em;

line-height: 1.5em; }



div#secondary a {

color: #339;

text-decoration: none; }



div#secondary a:hover {

text-decoration:underline; }



div#secondary ul.children {

margin-left:5px;

padding-left:10px;

border-left:5px solid #EAEAEA; }



div#secondary ul#sidebar li li {

font-size: 1.2em; }



/* Optional bio area header (commented out by default) */





div#secondary p {

  line-height:1.5;

  margin:5px 0;

  color:#666;

}



/* Search input */

form#searchform {

position:relative;

height:28px;

width: 200px; }



form#searchform input#s {

  position:absolute;

  top:0;

  height:18px;

  width:160px;

  padding:5px;

  background:url(./images/text_bg.png) repeat-x;

  border:1px solid #bcbcbc;

}



input#search_submit {

  position:absolute;

  right:0;

}



/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/



ul#footer {
width: 800px;
height: 32px;
border-top: 1px solid #fff;
margin: 0 auto;
background: url(./images/footbg.png) no-repeat;
text-align: center;
font-size: 1em;
color: #696969;
padding: 9px 0; }

ul#footer li {
display:inline;
margin: 0 16px; }

ul#footer li a {
color: #696969;
text-decoration: none; }



/*-----------------------------------------------------------------------------
  Wordpress Specific Stuff - Elements that weren't in my original stylesheet
-----------------------------------------------------------------------------*/



ol.commentlist {

  margin-top:15px;

  color:#555;

}



/* Background color for visitor comments */

ol.commentlist li {

  background:#F1F1F1;

  padding:10px;

  margin:10px 0;

}



/* Background color for Admin comments */

ol.commentlist li.alt {

  background:#EBF9FC;

}



textarea#comment {

  width:500px;

}



#main p.comment_meta {

  margin:0;

  float:right;

}



/* Optional popup window (NOTE: popups make for bad UI IMHO) */

body#commentspopup {

  background:#FFF;

  padding:20px;

}



body#commentspopup a {

  color:#666;

}



body#commentspopup h1 a {

  position:relative;

  top:0;

  left:0;

}



body#commentspopup h3 {

  color:#555;

}



body#commentspopup p {

  margin:10px 0;

  color:#555;

}



body#commentspopup textarea {

  width:340px;

}



/* Image stuff for 2.6.1 */

.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.alignleft {

  float: left;

}



.alignright {

  float: right;

}



.wp-caption {

  border: 1px solid #ddd;

  text-align: center;

  background-color: #f3f3f3;

  padding-top: 4px;

  margin: 10px;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.wp-caption img {

  margin: 0;

  padding: 0;

  border: 0 none;

}



.wp-caption-dd {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}



p.entry_info {

  clear:both;

}



div.navigation {

  margin:10px 0;

}



/*-----------------------------------------------------------------------------



  CSS Magic



-----------------------------------------------------------------------------*/



.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

  .clearfix {display:block;}

/* End hide from IE Mac */