body { 
   margin: 0px auto; 
   padding: 0;
   background:url('images/1337.png') repeat; 
   font: 85% arial, sans-serif; 
   color:#ccc;  
   line-height: 1.4em; 
}


.content { 
   background: #101010;
   color:#D9DEE1; 
   margin: 0 auto; 
   padding: 0; 
   width: 800px;
   border-left:5px solid #000;
   border-right:5px solid #000;
}

img {
   border: 0;
   padding: 0;
}


.alignleft {
   float: left;
   padding: 1% 3%;
}

.alignright {
   float: right;
   padding: 1% 3%;
}


#header { 
   margin: 0; 
   width: 800px; 
   color:#a3b2ba; 
}

#subheader { 
   width: 800px;
   height: 35px;
   color: #fff;
}
#subheader .padding { 
   padding: 10px 15px 10px 15px;
}

#subheader h2 { 
color:#3ba3c4; 
}

#subheader a {
color: #FECF5F; 
}

#menu {
   width: 780px;
   height: 38px;
   margin: 0;
   padding: 0;
}

#menu ul { 
   margin:0; 
   list-style:none; 
   padding: 5px 0 0 20px; 
}

#menu a, #nav strong, #nav span { 
   float:left; 
   display:block; 
   background: #101010;
   border-top: 4px solid #CC5284;
   color:#999; 
   padding: 5px;
   font-weight:bold; 
   text-decoration:none;
   text-transform:uppercase;  
   cursor: crosshair;
}

#menu li { 
   float:left; 
   background:inherit; 
   margin: 2px;
   padding: 0; 
}

#menu a:hover { 
   float:left; 
   display:block; 
   background: #151515;
   border-top: 4px solid #3ba3c4;
   color:#fff; 
   padding: 5px; 
   text-decoration:none;
}  

#menu .padding { 
   padding: 5px 0 0 10px; 
   font-weight: bold; 
   color: #808080;
}


.nav { 
   text-align: left; 
   color: #808080; 
   padding: 20px 0 0 0px; 
   width: 244px; 
}

.nav li { 
   margin: 5px 0 5px 0px; 
   padding: 0px 0 0 0px; 
   border-bottom: 1px dotted #888; 
   list-style: none;
}

.nav li a { 
   color:#999999;
   font-weight:bold;
   text-decoration: none;  
   padding: 5px 0 1px 5px; 
   background: #101010;
   display: block; 
   margin-bottom: 2px;
   cursor: crosshair;
}

.nav li a:hover { 
   color: #fff; 
   text-decoration: none; 
   background:#212121;
   display: block; 
   margin-bottom: 2px;
}



#main { 
   background: inherit;  
   width: 800px; 
   margin: 0 ; 
   color: #D9DEE1; 
}  

#main .right_side { 
   float: right;
   padding:0px 4px 0 10px; 
   margin:0;
   background:inherit;
   width: 250px; 
}

#main .right_side .hitems { 
   margin: 0; 	
   padding: 0; 
}

#main .right_side .hitems ul { 
   margin: 5px 0 5px 0; 
   padding : 0; 
}
	
#main .right_side .hitems li { 
   margin: 0 0 2px 20px;
   padding: 0 0 0 0px;	 
}

#main .left_side { 
   float: left; 
   width: 500px; 
   overflow: auto;
   background: inherit; 
   padding:15px 15px 0 15px; 
   margin:0; 
}

#main h3 {  
   font: bold 12px arial, sans-serif;
   margin: 2px 0 10px 0px; 
   padding: 0; 
   color: #CC5284; 
   background: inherit; 
   border-bottom: 1px dotted #CC5284;
}

#main h4 {  
   font: 11px Arial, Sans-Serif;
   text-transform:uppercase; 
   margin: 2px 0 10px 0px; 
   padding: 0; 
   color: #999; 
   background: inherit; 
   border-bottom: 1px dotted #CC5284;
}

#main .box  {	
   background: #efefef; 
   padding: 5px; 
   border: 1px solid #ccc;
}

#main .right_side ul { 
   margin: 5px 0 5px 0; 
   padding: 0; 
   list-style: none; 
   border-bottom: 0px solid #eee; 
   list-style-type: square;
}
	
#main .right_side li { 
   margin: 0 0 2px 2px;
   padding: 0;
   color: #555;
}

#main .right_side  .padding {
   margin: 0 0 20px 2px;
   padding: 0;
   color: #808080;
}


#clear { 
   clear:both;
   height: 200px;
   color: #D9DEE1; 
   border-top: 1px dotted #888; 
   font-size: 90%; 
   padding: 0; 
}

#clear .left {
   width:270px;
   float:left;
   padding:0px 4px 0 10px; 
}

#clear .middle {
   margin-left:17px;
}

#clear .middle {
   width:200px;
   float: left;
   padding:0px 4px 0 10px; 
}

#clear .right {
   width:250px;
   float: left;
   padding:0px 4px 0 10px; 
}

#clear a { color: #CC5284; }

#footer { 
   height: 45px;
   color: #808080; 
   background:inherit;
   border-top:1px dotted #888; 
   font-size:90%; 
   padding: 0; 
   text-align:center; 
}

#footer .info { padding: 12px 0px 0px 5px; }

#footer .right { 
   float:right; 
   clear:right; 
   text-align:right; 
}

#footer a { color: #CC5284; }


ul { 
   margin-left: 0; 
   padding-left: 5px; 
   list-style : square; 
}

li { 	
   margin: 0 0 2px 15px; 
   padding: 0 0 0 0px;	
   color:#D9DEE1; 
}

p { 
   margin: 0 0 5px 0; 
   padding: 0; 
   color:#D9DEE1; 
   background: inherit; 
}

a { 
   color:#CC5284 ;  
   background: inherit; 
   text-decoration:none; 
   cursor: crosshair;
}

a:hover { 
   color:#3ba3c4;
   background: inherit; 
   text-decoration:underline; 
}

h1 { 
   padding:0; 
   margin:0; 
   color:#3ba3c4; 
   background: inherit;
   font: bold 22px Arial, Sans-Serif; 
   letter-spacing: -1px;
}


h2 { 
   color: #3ba3c4;
   font-size: 18px; 
   font-weight: bold; 
   margin: 5px 0 5px 0px; 
   padding: 0 0 0 2px; 
}

h3 { 
   color: #458859;
   font-size: 15px; 
   font-weight: bold; 
   margin: 5px 0 5px 0px; 
   padding: 0 0 0 2px; 
}

b, strong {
   color: #f0cfbe;
}

i, em {
   color: #A894E8;
}

.date { 
   color:#CC5284 ;
   background:inherit;
   text-align: right; 
   margin: 4px 0 5px 0; 
   padding: 0.4em 0 0 0; 
   border-top: 1px dotted #eee;
   font-size: 90%;
}

.center {
   text-align: center;
}

.twitter {
color: #a3b2ba;
margin-left: 10px;
}