@charset "UTF-8";
/* CSS Document */

body {margin:0; padding:0; background:url(img/bkg.jpg) repeat-y center #000; }
body, td, th, textarea, input, select, h1, h2, h3, h4, h5, h6 { font: 83%/1.4 arial, helvetica, sans-serif; font-weight:normal; color:#333; }
a {text-decoration:none; }
a:hover {text-decoration:underline; }

#wrap {width:800px; margin:50px auto 0 auto; }

#wrap #left {width:580px; float:left; margin:0 20px 0 0; }

#wrap #left #post {width:580px; margin:0 0 30px 0; float:left; }
#wrap #left #post #date { text-transform:uppercase; color:#CCC; font:85%/1 Arial, Helvetica, sans-serif; padding:11px 5px 10px 5px; margin:0 15px 0 0; width:40px; height:35px; overflow:hidden; border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; text-align:center; background:url(img/box_h1.png); border-bottom:2px solid #000; float:left; }
#wrap #left #post #date .month {font:95%/1.2 Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; }
#wrap #left #post #date .day {font:150%/1 Arial, Helvetica, sans-serif; color:#FFF; }
#wrap #left #post #date .year {font:50%/1 Arial, Helvetica, sans-serif; color:#999; }
#wrap #left #post #entry h1 {font:200%/1 Arial, Helvetica, sans-serif; color:#FFF; margin:0 0 12px 0; padding:0; text-transform:uppercase; opacity:0.8;   }
#wrap #left #post #entry {background:url(img/box-copy.png); padding:12px 10px 10px 10px; float:left; color:#CCC; width:495px; border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-bottom:2px solid #000; }
#wrap #left #post #entry img { border:5px solid #003366; margin:0 0 12px 0; width:485px; }
#wrap #left #post #entry a {color:#FFF; }



#wrap #right { width:200px; float:left; margin:0; }
#wrap #right #box {width:200px; overflow:hidden; margin:0 0 20px 0; }
#wrap #right #box h1 {background:url(img/box_h1.png); color:#FFF; font: 125%/1 Arial, Helvetica, sans-serif; padding:8px 6px; margin:0; display:block; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-bottom:1px solid #333366; }
#wrap #right #box .copy {background:url(img/box-copy.png); border-top:1px solid #336699; border-bottom:2px solid #000; padding:12px 6px; color:#CCC; font:80%/1.4 Arial, Helvetica, sans-serif; display:block; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; }
#wrap #right #box .copy img {float:right; margin:0 0 0 5px; border:3px solid #003366; }
#wrap #right #box .copy p {margin:0; padding:0; }
#wrap #right #box .copy a {color:#FFF; }
#wrap #right #box .copy p:first-letter {font:450%/1 Arial, Helvetica, sans-serif; display:block; margin:0 4px 0 0; float:left; }

#wrap #right #box .copy .facebook {width:43px; height:42px; display:block; overflow:hidden; margin:0 15px 0 0; text-indent:-9999px; background:url(img/social.png) no-repeat scroll -2px -164px; float:left; }
#wrap #right #box .copy .twitter {width:43px; height:42px; display:block; overflow:hidden; margin:0 15px 0 0; text-indent:-9999px; background:url(img/social.png) no-repeat scroll -2px -325px; float:left; }
#wrap #right #box .copy .email {width:43px; height:42px; display:block; overflow:hidden; margin:0; text-indent:-9999px; background:url(img/social.png) no-repeat scroll -2px -487px; float:left; }