/*
Theme Name: RedBox
Theme URI: http://henrikpersson.com
Description: RedBox theme by henrik persson
Version: 1.0
Author: Henrik Persson
Tags: two columns
*/
/****************************************************** css reset ******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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: #444444; 
  background: #ffffff;
  font-family: "Baskerville", Georgia, serif;
}
ul { list-style: none; }
/****************************************************** reused classes ******************************************************/
.left { float:left; }
.right { float:right; }
.clear { clear: both; }
.blue { background: #0000cc;}
.red { background: #cc0000;}
/****************************************************** main structure ******************************************************/
#page {
  width: 960px;
  margin: 0 auto;
  font-size: 0.8em;
}
  #header {
    height: 100px;
    margin-top: 20px;
  }
    #widgets {
      float: left;
      width: 475px;
      margin-left: 5px;
    }
  .content-container {
    margin-bottom: 10px;
    clear: both;
  }
  .content-left {
    float: left;
    width: 475px;
    margin-right: 5px;
    min-height: 160px;
  }
  .content-right {
    float: left;
    width: 475px;
    margin-left: 5px;
    min-height: 160px;
  }

/****************************************************** typography **********************************************************/
h1 {
  font-weight: bold;
  font-size: 2.4em;
  line-height: 0.6em;
  width: 475px;
  margin-right: 5px;
  float: left;
}
  h1 a:link, h1 a:visited {
    color: #222222;
    display: block;
  }
  h1 span {
    color: #cc0000;
  }
h2 {
  font-weight: bold;
  font-size: 2.2em;
  margin-bottom: 8px;
}
a:link, a:visited {
  text-decoration: none;
  color: #aaaaaa;
}
a:hover, a:active {
  color: #222222;
}
p {
  margin-bottom: 5px;
  line-height: 1.3em;
  font-family: "Franklin Gothic", Verdana, sans-serif;
}