/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------

======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/

body{

     background: #dadada

 }

.container{
    background:#FFFFFF none repeat scroll 0 0;
	margin:0 auto;
	padding:5px 11px;
    border-right: 1px solid black;
    border-left : 1px solid black;
    border-top : 1px solid black;

}

#myremote {
	 background:#FFFFFF ;
	width:40px;
}

.container a:link { text-decoration: none; color: #2971a7; }
.container a:visited { text-decoration: none; color: #2971a7; }
.container a:hover { text-decoration: underline; color: #c33; }
.container a:active, .container a:focus { text-decoration: underline; color: #000; }
.container code, .container pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */





 


.span-24{
    
}

.span-11 {
    background-color: white;
    margin-bottom: 5px;
    border-right: dotted black 1px;

}

.sidebar  {
    float:right;

}

 #top {

    background-color: white;
    margin-bottom: 5px;
     
 border-bottom: solid black 1px;

}

#middle{
    min-height:600px;
    padding-bottom:20px;
}

 #bottom{
   
    margin-top: -5px;
    padding-bottom:10px;
      border-top: solid black 1px;
}
 
/**************************************/
/*              GLOBALS               */
/**************************************/

/**************************************/
/*              HEADER                */
/**************************************/




.headcat {
	padding: 0 5px 0px 15px;
	color: #000;
	background: #ddffcc;
     background:#fff;
     margin-bottom: 10px;
     font-size: 12px;
font-weight: bold;
}

.headcat a {
	color:#333;
	text-decoration: none;
	outline-style: none;

	padding: 5px;
     text-decoration: none;
}

.headcat a:hover {
	color:#333;
    background: #ffff99;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}



.headcat a img {
	color:#333;
    background: #ffff99;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
     
}



.headcat    img a:hover {
	color:#fff;
     
	padding: 0;
	text-decoration: none;
	font-weight: bold;
}

.headcat {
padding: 0 5px 0 0 ;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;

}
.headcat img{
    margin-bottom: -7px;

}

 .headcat a:visited { color:#36c; text-decoration:none; }



 a.chosen {
	color:#333;
    background: #ffff99;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}




/**************************************/
/*             NAVIGATION             */
/**************************************/
.index_middle{
     padding-right: 8px;

    border-right:1px solid #e9e9e9;
}

.main_middle{
     padding-right: 8px;

    border-right:1px solid #e9e9e9;
}

.container .main_middle a:link { text-decoration: none; color: #2971a7; }
.container .main_middle a:visited { text-decoration: none; color: #2971a7; }
.container .main_middle a:hover {background:#111188;color:#fff;}
.container .main_middle a:active, .container a:focus { text-decoration: underline; color: #000; }





.bar { padding:3px 10px;
        background:#efefef;
        margin-bottom:5px;

    }

.bluebar{
     padding :6px;
     background: #55aaff ;
     background: #004080;
 color:white;
}




.bluebar a:link{color:white;

}

.bluebar a:visited{color:white;

}

.bluebar a:hover{color:white;

}


 a.pickme {
	color:white;

	border-bottom: 1px solid white;
	text-decoration: underline;
	font-weight: bold;
}






/**************************************/
/*            MAIN CONTENT            */
/**************************************/


.tcomment{
    border-bottom:1px solid #e9e9e9;
    padding-bottom: 10px;
    padding-left:10px;
     
     

}

.related_story{

    padding-left:40px;
    padding-bottom:5px;
}

.adunit{

     padding : 10px 20px;

       
}


.sideunit{

    padding : 10px 10px;

    background-color : #efefef;
}

.blueunit{

    padding : 5px 10px;

    background-color : #d7e7ee;
}



.infounit{
    padding : 5px 20px;
    border: 2px solid #efefef;
}


.link_source {
    font:0.8em;
    color : gray;
 }





.container .tcomment .summary{
    margin-bottom:12px;
}

.container .tcomment .more_line a{
   color: #329A00;
   text-decoration: none;
	outline-style: none;
    font-weight:bold;

}



.container .tcomment .more_line a:link{
   color: #329A00;
   text-decoration: none;
	outline-style: none;
}


.container .tcomment .more_line a:visited{ text-decoration: none; color: #329A00;font-weight: bold; }
.container .tcomment .more_line a:hover{ text-decoration: underline; color:#c33; }

.container .tcomment .more_line a:active, .container .tcomment .more_link a:focus{ text-decoration: underline; color: #000; }




/**************************************/
/*               FOOTER               */
/**************************************/



.logo {
    position: relative;
    float: left;

    margin-bottom: 0px;

}

#mytop{
   padding-left:30px;
}





  input.register_button {
    padding: 1px 15px 1px 15px;
    font-size: 1.5em;
    cursor: pointer;
    background: #3b5998;
    color: #fff;
    border: 1px solid #0e1f5b;
    border-left-color: #D9DFEA;
    border-top-color: #D9DFEA;
    margin-left: 200px;
}

.signup{
    background: #e8f0f7
}

.signup ul li {
	
	border-bottom: 3px solid #fff;
	height: 1%;
	overflow: hidden;
	clear: left;
}

.signup ul li p {
	padding-top: 10px;
	float: left;
	width: 200px;
	font-size: 1.5em;
	font-weight: bold;
}

.signup ul li input {
	vertical-align: top;
	width: 300px;
	font-size: 1.5em;
}





.gravatar {
    float:left;
    padding:5px;
     
    margin-bottom: 5px;
    width:12%;
}

.fbbluebox
{
    background-color: #eceff6;
    border: 1px solid #d4dae8;
    color: #333333;
    padding: 4px;
    font-size: 11px;
    margin: 4px 0 0 0;
    
    height:inherit;




}

/* discussions Page */


.comment_text {
    width:85%;
    float:right;
    padding-right:7px;
      
}

   .floatfix{

       clear: both;

   }



.even{
    background-color:#f7f7f7;

}

.discus{
    padding:1px 10px 5px 10px;
    border-top:1px solid #e9e9e9;
}

.discus h2 {
    margin-top:2px;
}


.button {
    padding: 1px 3px 1px 4px;
    font-size: 1em;
    cursor: pointer;
    background: #3b5998;
    color: #fff;
    border: 1px solid #0e1f5b;
    border-left-color: #D9DFEA;
    border-top-color: #D9DFEA;
}


.big_form{
    background: #e8f0f7
}

.big_form ul li {

	border-bottom: 3px solid #fff;
	height: 1%;
	overflow: hidden;
	clear: left;
}

.big_form ul li p {
	padding-top: 10px;
	float: left;
	width: 80px;
	font-size: 1.2em;
	font-weight: bold;
}

.big_form ul li input {
	vertical-align: top;
	width: 520px;
	font-size: 1.1em;
}


/* New Front Page */

.main_story img{
    float:right;
    padding: 0 0 10 0;
    border: 1px solid black;
}


.main_story{
     
    padding-bottom: 5px;
    padding-left:5px;
    overflow:auto;
}
.related_story{

    padding-left:40px;
    padding-bottom:5px;
    overflow:auto;
}

 .related_story h2.htitle {
     line-height:1.1em;
 }

.story_text{


}

h2.htitle  {

     margin: 0.4em 0 0 0;}

 .main_story h2.htitle  {

     margin: 0.5em 0 0 0;

     font-size: 1.3em;
      line-height: 1.3em;
  }

h2.ltitle {
    margin:0;
    font-size: 1em;
    line-height: 1.1em;
}
h2.htitle .link_source {
 font-size: 10px;    
}

.container .headlines a:link { text-decoration: none; color: black; }
.container .headlines a:visited { text-decoration: none; color: #2971a7; }
.container .headlines a:hover {background:#111188;color:#fff;}
.container .headlines a:active, .container a:focus { text-decoration: underline; color: #000; }


.cluster{
    border-bottom:2px solid #efefef;
    padding-bottom: 10px;
     

}

.related_line {
   color: #329A00;
   text-decoration: none;
	outline-style: none;
    font-weight:bold;
    padding-left:5px;

}


 img.border{
    float:right;
    margin-left:15px;
     margin-top:10px;
    margin-bottom:5px;
    border: 1px solid black;

}

.summary{
    overflow:auto;
}




 .headlines{
     padding: 3px 6px 6px 6px;
     background-color:white;
 }

.headlines h4{
    background:#b80000;
    color:white;
    margin: 3px 0 7px 0;
    padding : 7px;

}
 .headlines h3{

    margin: 2px 0 2px 0;
    padding : 3px 7px;
     font-size:1.2em; 

}

 .side_link{
    padding: 6px 3px 6px 3px;
    border-top: 1px solid #e9e9e9;
}



.bluebar h1{
    margin-top: 16px;
}

.ent{
    
}


#mytopad {
    margin-left: auto;
    margin-right: auto;
     width: 728px;
}


#timetop {

    float:right;
    
    color:gray;
    font-size:0.8em;
}


.css1 { font-size: 1.0em; }
  .css2 { font-size: 1.2em; }
  .css3 { font-size: 1.4em; }
  .css4 { font-size: 1.6em;