/*** Page Styling ***/

body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #CCCCCC;	
text-align: justify;
line-height: 1.5;
margin-top: 10px;
background: #0019D6 url('../images/background/blue-with-shapes.gif') no-repeat;
}
#wrapper {
width: 974px;
height: 741px;
margin: 20px auto;
background: url('../images/templates/wrapper_2.png') no-repeat;	
}

/*** Header Styling ***/

#header {
width: 100%;
height: 125px;
clear: both;
margin-bottom: 10px;
}
#home_button {
padding-left: 20px;
}

/*** Navigation Styling ***/

#navbar {
padding-top: 10px;
padding-left: 40px;
float: left;
}

/*** Content Styling ***/

#midrow {
width: 100%;
height: 500px;
clear: both;
}

/*** Left Column Styling ***/

#leftcol {
width: 668px;
height: 500px;
float: left;
/*position: relative;*/
}
#main {
background-color: #000;
text-align: center;
float: left;
display: none;
/*position: absolute;*/
}		
#grid {
background-color: #000;
text-align: center;
float: left;
/*display: none;*/
}
#cooliris {
background-color: #000;
text-align: center;
float: left;
display: none;
}
#tc, #privacy, #info, #submissions, #advertising, #contact {
margin-left: 10px;
float: left;
display: none;
}
#map {
margin-left: 15px;
background-color: #000;
text-align: center;
float: left;
display: none;
}

/*** Right Column Styling ***/

#rightcol {
width: 300px;
height: 500px;
float: right;
text-align: center;
color: #333333;
}
#rightcol_menu {
width: 300px;
height: 50px;
float: left;
text-align: left;
/*margin-top: 5px;
margin-left: 10px;*/
margin-bottom: 10px;
position: relative;
}
#rightcol_menu img {
padding-right: 5px;
padding-left: 5px;
}
#rightcol_menu_desc {
text-align: left;
/*padding-left: 5px;*/
position: absolute;
bottom: 5px;
left: 5px;
}
.rightcol_title {
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
#rightcol_menu_items {
position: absolute;
top: 5px;
left: 0;
}
#rightcol_menu_items_row2 {
display: none;
}
#rightcol_menu_arrows {
position: absolute;
top: 7px;
right: 15px;
}
#rightcol_menu_arrows img {
width: 10px;
height: auto;
float: right;
clear: both;
}
#stats {
float: right;
margin-top: 10px;
margin-right: 30px;
text-align: justify;
color: #333333;
width: 260px;
height: 380px;
display: none;
}
#stats_title {
font-size: 16px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.stats_items {
font-weight: bold;
margin-bottom: 5px;
float: left;
clear: left;
display: inline;
}
.stats_results {
font-weight: bold;
/*color: #333333;*/
float: right;
clear: right;
display: inline;
}
#latest_updates {
float: right;
margin-right: 15px;
display: none;
}
#fb_livestream {
float: right;
margin-right: 15px;
text-align: left;
display: none;
}
#musicplayer {
float: right;
margin-right: 15px;
display: none;
}
#twitter {
float: right;
margin-right: 15px;
/*display: none;*/
}
#links {
float: right;
margin-right: 20px;
text-align: left;
line-height: 1.7;
width: 270px;
height: 390px;
overflow: auto;
display: none;
}
#donate {
float: right;
padding-right: 7px;
margin-right: 15px;
text-align: justify;
line-height: 1.7;
display: none;
width: 270px;
height: 400px;
overflow: auto;
}
.delicious-banner{
margin: 0px;
padding: 0px;
}
.delicious-post { 
border-top: 1px solid #eee; 
padding: 0.25em; 
font-size: 90%;
}
.delicious-odd {
background-color: #f8f8f8;
}
.delicious-extended {
color: #666666;
}

/*** Bottom Styling ***/

#scroller {
width: 655px;
height: 60px;
float: left;
margin-top: 10px;
text-align: center;
padding-left: 2px;
}
#social {
width: 250px;
height: 35px;
float: left;
margin-top: 27px;
margin-left: 45px;
}
#social img {
padding-right: 15px;
}
/*** Footer Navigation Styling ***/

#footer {
text-align: left;
padding-top: 15px;
margin-left: 40px;
float: left;
white-space: nowrap;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #333333;
text-decoration: none;
padding-right: 10px;
font-weight: normal;
}


/*** Link Styling ***/

#navbar a:link, #navbar a:visited, #navbar a:hover, #navbar a:active, #sharethis a:link, #sharethis a:visited, #sharethis a:hover, #sharethis a:active {
color: #000;
text-decoration: none;
padding-right: 10px;
font-weight: bold;
}
#rightcol a:link, #rightcol a:visited, #rightcol a:active, .delicious-banner a:link, .delicious-banner a:visited, .delicious-banner a:active {
color: #990000;
text-decoration: none;
}
#rightcol a:hover, .delicious-banner a:hover, .delicious-post a:hover, .sponsor_info a:hover, #donate a:hover {
color: #990000;
text-decoration: underline;
}
.delicious-post a:link, .delicious-post a:visited, .delicious-post a:active, .delicious-tag a:link, .delicious-tag a:visited, .delicious-tag a:active {
color: #333;
text-decoration: none;
}
.delicious-tag a:hover {
color: #333;
text-decoration: underline;
}
#rightcol_menu a:hover {
color: #990000;
text-decoration: none;
}

/*JUITTER PLUGIN CSS*/

#juitterContainer{
font-size: 11px;
text-align: left;
width: 280px;
height: 400px;
padding-right: 7px;
/*float: right;*/
overflow: auto;
} /*Juitter container*/

#juitterContainer .twittList{
margin:0;
padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{
list-style:none;
/*background:#EEFDEA;*/
margin:0;
padding:5px 0 0 0;
border-bottom:dashed 1px #333333;
padding:10px;
clear:both;
/*height:100px;*/
} 
#juitterContainer .twittList SPAN.time{
color:#777;
font-size:0.9em;
}
/*#juitterContainer .twittList A{
color:#006600;
} Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{
float:left;
border:solid 1px #990000;
background:#FFF;
margin-right:5px;
padding:2px;
width:48px;;
height:48px;
}

#juitterContainer .jRM{
float:right;
clear:both;
} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/