/** MAIN COL: #0f0f0f / #1a1a1a

/** DECENT | RESET  --------------------------------------------*/
html {height: 100%; margin-bottom: 1px; }  
html,body {height:101% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 12px "Trebuchet MS", Arial, Tahoma ;margin: 0 0 0 0; padding: 0 0 0 0;color: #000; }
body {margin: 0px;padding: 0px;color: #000;font: normal 12px  "Arial", Tahoma; background: no-repeat url(images/bannerjoe.jpg) #000 fixed; text-align:left;}
a{outline: none;}

 /** CONTAINER  --------------------------------------------*/
#container {width: 1045px;   margin:auto; }
#innerContainer {width: 1019px; margin:auto; }

 /** HEADER NAV  --------------------------------------------*/
#navigation {margin: 0px 3px 0px 3px; font-weight: normal; float: left; /*background: repeat-x url(images/navback.jpg);*/ width: 1010px; }
ul#menu {list-style: none;}
ul#menu li {  float: left;  list-style: none; }
ul#menu li a {font-size: 12px; list-style: none;padding: 10px 10px 8px 10px; display:block;text-decoration: none; color: #FFF; font-weight: bold; border-right: 1px solid #333333; text-transform:uppercase;}
ul#menu li a:hover { text-decoration:underline; background: repeat-x url(images/li_bg.jpg) }

/** HEADER SOCIAL IMGS --------------------------------------------*/
#social {width: 1019px; float: left; margin: 280px 0px 0px 32px;}
#social img{ padding-right: 15px; border: none;}
#social a{text-decoration: none; color: #000;}

/** LEFT COLUMN  --------------------------------------------*/ 
#leftCol {width: 600px; float: left; margin: 40px 0px 0px 30px;}

.alignleft {float: left;padding: 0px 0px 10px 10px; }
.alignleft a{text-decoration: none; color: #000;}
.alignleft a:hover{text-decoration: underline;}
.alignright {float: right; padding: 0px 80px 10px 0px;}
.alignright a{text-decoration: none; color: #000;}
.alignright a:hover{text-decoration: underline;}

/** LCOL NEWS / MAIN CONTENT -------------------------------*/
.leftitem {float: left; background-color: #FBFBFB; margin-bottom: 20px ; width: 100%;}
.leftitem a{text-decoration: none; color: #333;}
.leftitem a:hover { text-decoration: underline;}
.leftitem h2{font-size:28px; left; margin: 20px 20px 0px 20px; font-weight:bold; color:#000000;}/*title*/
.leftitem h2 a{color: #000; text-decoration:none;}/*title*/
.leftitem h3{display: block; margin: 10px 20px 0px 20px; border: 1px solid #dadada; width: 90%; padding: 5px 0px 5px 5px;}/*date*/
.leftitem p{margin: 8px 20px 30px 20px; letter-spacing:1px; line-height:18px; color:#000000;}/*content*/
.leftitem h4{ margin: 10px 20px 20px 20px; color: #000;}/*section/comments*/
.leftitem img#sig{float:right; margin: 0px 20px 20px 20px;}
.leftitem ul{margin-left: 50px;}

/** LCOL GALLERY -------------------------------*/
.bsgDivWrapper{margin-left: 20px;}
.bsgDivWrapper img{margin-right: 10px; margin-bottom: 10px; margin-top: 10px; float: left; border: 2px solid #fff;}
.bsgDivWrapper img:hover{ border: 2px solid #1a1a1a;}
.edit{clear:left;}

/** LCOL EVENTS -------------------------------*/
.upcoming h3{border:none; margin-left: 0px; font-weight: bold;}

/** LCOL CHAT / VIDEO -------------------------------*/
#chatty {background: url(images/ajax-loader.gif) no-repeat; display: block; margin-left: 50px;}
#youtube {background: url(images/ajax-loader.gif) no-repeat; display: block; margin-left: 50px;}

/** LCOL ARCHIVE  ------------------------------------------*/
#archive{width: 100%;}
#subheader{font-size: 16px; margin: 20px 0px 0px 20px; border: none; padding: 0px; font-weight:bold;}
#subheader a{color: #000;}
#archive small {font-size: 10px; display: block; margin: 0px 20px 0px 20px; border: 1px solid #dadada; width: 90%; padding: 5px 0px 5px 5px;}

/** LCOL COMMENTS  ------------------------------------------*/
.commentlist li {font-weight: bold; margin-top: 20px;margin-left: 40px;}
.commentlist li .avatar {float: right;border: 1px solid #dadada;padding: 2px;background: #fff; margin-right: 30px;}
.commentlist cite, .commentlist cite a {}
.commentlist p {}
#commentform{margin-left: 40px; }
.commentmetadata {font-size:10px;}
#button{float:right; margin: 10px 50px 10px 0px;}

 /** RIGHT COLUMN  --------------------------------------------*/
#rightCol {width: 320px; float:left ; margin: 0px 0px 0px 30px; background-color: #000;}
.rightitem{list-style: none;}
.rightitem h2 {font-size:24px; margin: 40px 0px 0px 0px; color: #fff; padding: 15px 20px 15px 20px; border-top: #333 1px solid; border-bottom: #333 1px solid; background-color: #1a1a1a; font-weight:bold;}/*title*/

.rightitem h2 a { color:#FFFFFF; text-decoration:none;}
.rightitem .tweets { margin-left: 35px; color:#FFFFFF; margin-right:30px;}
.tweets li, .tweets li a { color:#CCCCCC; list-style-type:disc; font-size:11px; font-style:italic;}
.tweets li { margin:10px 0 15px 0;}

.rightitem p {clear: left; float: left;  margin: 20px 20px 0px 20px; letter-spacing:1px; color: #fff;}/*content*/
.rightitem li.vevent{color:#fff; padding: 15px 0 0 15px;}
.rightitem a:hover { text-decoration: underline}

 /** RCOL PHOTOS  --------------------------------------------*/
#sidebar{list-style:none;}
#wtf{border: 5px solid #f00;}
#space {margin-top: 20px;}
#flickrrss img{margin-left: 20px; margin-top: 5px; background-color: #333; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #000; border-right: 1px solid #000; outline: none;}

#photobutton {float: left; margin-left: 90px; margin-top: 20px;}
#photobutton a{padding: 5px; background-color:#0f0f0f; color:#fff; border: 1px solid #333; width: 120px;  text-align:center; text-decoration:none;}
#photobutton a:hover{border: 1px solid #666;}

 /** RCOL FOOTER  --------------------------------------------*/
.rightitem p#copyright{ width: 280px;font-size:12px; margin: 40px 0px 0px 0px; color: #fff; padding: 15px 20px 15px 20px; border-top: #333 1px solid; border-bottom: #333 1px solid; background-color: #1a1a1a; margin-bottom: 20px; font-weight: bold;}
.rightitem #footer{float: left;margin-bottom: 20px; }
.rightitem p{color:#fff; letter-spacing:0px; margin-top: 0px;}
.rightitem p a{font-size: 11px; list-style: none; text-decoration: none; color: #FFF;}

.vevent {list-style: none}
.vevent a{color: #fff;}
.vevent a:hover{color: #fff; text-decoration:underline;}