/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1.5; }
table { border-collapse : separate; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {
border-bottom : 1px dotted rgb(0,0,0);
cursor : help; }
 
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display : block; }

html { 
/*background : rgb(255,237,49) url(../img/html.jpg) repeat-x 0 0; */
}

body {
padding-top : 10px;
/*background : transparent url(../img/body.png) repeat-x 0 0;*/

/*background: #c35817 url(orangeBurst2.jpg) no-repeat center fixed; */
/*background: #c35817 url(bam.png) no-repeat center fixed;*/
/*background: #c35817 url(the-depths.png) no-repeat top left fixed;*/
font : 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
/*background: #000 url("./pattern_098.gif") fixed;*/
background: #fff;
/*background: #BCBDAC;*/

/*color: #3B2D38;*/
color: #000;
}


h1, h2, h3, h4, h5, h6 {
font-weight : bold; 
line-height: 1.3em;
/*text-transform : uppercase; */
font-family: 'Chunk';
line-height: 140%;
text-rendering: optimizeLegibility;
}

h1, h2 { 
margin-bottom : .5em;
margin-top: 1em;
font-size : 2em; 
letter-spacing : -1px; 
border-bottom: 2px solid #000;
/*color: #F02475;*/
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  color: black;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: underline;
  color: black;
}

h1 a:visited, h2 a:visited {
  color: black;
}

blockquote {
font-style : italic; }

p, 
ul, ol {
margin : 0 20px 1.5em; }

ul{
  list-style-type: none;
}

li {
  margin: 0 0 10px 0;
}

/* Content wrapper */
#wrapper {
position : relative;
width : 960px;
margin : 0 auto; 
padding-bottom : 60px;
/*background : transparent url(../img/content.png) repeat-x 0 100%; */
}

#wrapper:after { 
content : "\0020"; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
overflow : hidden; }

#header {
  text-align: right;
}

#header h1 {
  border:none;
  text-transform: none;
  font-size: 30px;
  margin: 0 0 5px 0;
  color: #000;
}

/* The left column */
#content {
   
float : left;
width : 50%; 
padding : 0px 200px 0 0; }

#content div { 
/*margin : 0 20px 1.5em;*/
/*padding : 20px; */
/*background-color : rgb(0,0,0); */
/*color : rgb(255,255,255); */
/*text-shadow : 0 1px 0 rgb(0,0,0); */
}

.date {
  width: 70px;
  float: left;
/*  margin-left: -70px;*/
  margin: -92px 0 0 -90px;
  background: #eee;
  color: #1A1F1E;
  padding: 10px 0 10px 0px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px
  border-bottom-left-radius: 10px;
  text-align: center;
  font-weight: bold;
}

.date span {
  width: 100%;
  line-height: 1.0em;
/*  margin: 0px 10px !important;*/
  display: block;
}

.date span.month {
  font-size: 0.8em;
  text-transform: uppercase;
/*  float: left;*/
  clear:both;
}

.date span.day {
  font-size: 2.4em;
/*  float:left;*/
  clear:both;
}

.date span.year{
  font-size: 0.8em;
/*  float:left;*/
  clear:both;
}



#content div p, #content section p {
margin : 0 0 15px 0; }

#content ul, #content ol {
  margin-left: 20px;
}

#content #archives ul {
  margin: 0 0 0 0;
}

#content pre, #content pre code {
  font-family: Monaco, "Lucida Console", monospace !important;
  font-size: 0.9em !important;
}

/* The right column */
#sidebar { 
float : left;
width : 29%; 
margin : 0 0 0 -200px; 
padding : 0px 0 0 200px;

}

#sidebar a.sn {
display : block;
position : absolute;
right : 20px;
bottom : -20px;
width : 105px;
height : 120px;
background : transparent url(../img/sn.png) no-repeat 0 0;
text-indent : -9999px; }

#sidebar div p {
  margin: 0 0 15px 0;
}

/* column content */
.bg {
  background: #eee;
  color: #000;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  border-radius : 10px; 
  padding : 20px;
  z-index: 51;
}

.bg.content p {
  margin: 0px;
}

.left {
  margin : 0 0px 1.5em 0;
}

.right {
  margin : 0 0 1.5em 0px;
  background: #eee;
}


/* The center column */
#center { 
position : fixed; 
top : 60px; 
left : 50%; 
width : 200px;
z-index: 0;
 }

/*#center div {
border-right : 4px solid rgb(0,0,0); 
border-left : 4px solid rgb(0,0,0); }
*/
#center p,
#center ul {
/*text-align : center; */
/*text-transform : uppercase; */
}

#center ul { 
list-style-type : none; 
padding-bottom : 1.5em; }

#center li {
margin-bottom : .75em; 
/*padding-bottom : .75em; */
/*border-bottom : 1px solid rgb(0,0,0); */
line-height : 1.2; }
 
#center li:last-child { 
margin-bottom : 0; 
padding-bottom : 0; 
border-bottom-width : 0; }

#footer {
  clear: both;
  height: 35px;
  z-index: 50;
}

#footer .bg {
  background: #eee;
}

img {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.00;
  opacity: 1.00;
}

#sidebar iframe {

}

code {
  font-size: 0.9em !important;
}