/**************************************************************

   Visit FullAhead.org and studio7designs.com for more layouts and downloads for this template!

 **************************************************************/

 

/**************************************************************

   All page content except for footer

 **************************************************************/



#content {

  position: relative;

  height: auto !important;

  height: 100%;

  min-height: 100%;

}





#whos_online {



padding:3px;

 border: 2px solid #ddd;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 font-size:10px;

background-color:#FFFFFF;

 margin: 3px;

 font-size:10px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;



}







/**************************************************************

   Topbar with newsletter form and theme change buttons

 **************************************************************/



#topbar {

  float: left;

  width: 100%;

  padding: 0.6em 0;



  font-size: 0.9em;

  text-transform: uppercase;



  color: #CFD9DB;

  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;

}







/**************************************************************

   Top menu and logo

 **************************************************************/



#header {

	clear: both;

	position: relative;

	height: 5em;

	margin: 0 auto;

	background: #48525B url(../images/bg/header.gif) repeat-x bottom left;

	border-bottom: 2px solid #48525B;

	background-color: #48525B;

}





#header img {

  position: absolute;

  top: 5%;

  left: 10px;

}



#header ul {

  margin: 3.5em 1em 0 0 !important;

  margin: 3.5em 0.5em 0 0;

  padding: 0;

  float: right;

}



#header ul li {

  display: inline;

  list-style: none;

}



#header ul li a {

  float: left;

  padding: 0 1em;



  font: 400 1.1em arial, sans-serif;

  letter-spacing: 0.1em;

  line-height: 0.8em !important;

  line-height: 1em;



  color: #cccccc;

  border-right: 1px solid #4D5760;

}



#header ul li a.last {

  padding-right: 0;

  border-right: 0;

}



#header ul li a:hover {

  color: #3B5D77;

}







/**************************************************************

   Header Image/Flash Movie

 **************************************************************/



#headerImg {

  margin: 0 auto;

  height: 143px;

  background: url(../images/bg/header_image.jpg) no-repeat top left;

}





/**************************************************************

   Images display in portfolio

 **************************************************************/

.notice1 {

  background-color: #E7F1F3;

  color:#000000;

  padding:2px;

  text-align:left;

  border-style:solid;

  border-width:thin;

  margin: 0 2px 2px 0;

}

.notice2 {

background-color:#FF6600;

  color:#FFFFFF;

  padding:2px;

  text-align:left;

  border-style:solid;

  border-width:thin;

  border-color:#000000;

  margin: 0 2px 2px 0;

}

.notice3 {

  background-color: #E7F1F3;

  color:#000000;

  height: 95px;



  padding:2px;

  text-align:left;

  border: 1px solid #000000;

  margin: 0 2px 2px 0;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 font-size:10px;

  

}

.searchRS

{

text-align: left;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;



float: left;

width: 230px;

height: 90px;



border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;



}



.friendRS

{

text-align: left;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;



float: left;

width: 250px;

height: 90px;



border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;



}



.browseImg

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 9px;

float: left;

width: 101px;

height: 155px;



border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;



}



.browseImg2

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;

float: left;

width: 90px;

height: 170px;



border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;

}

.browseImg4

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;

float: left;

width: 90px;

border: 1px solid #000000;

margin: 0 2px 2px 0;

padding: 5px;

background-color:  #E7F1F3;

}

.browseImg7

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;

float: left;

width: 90px;

border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;

}





.browseImg6 /* new users */

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;

float: left;

width: 101px;

border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;

}



.browseImg5

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;

float: left;

width: 101px;

border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;

}

.random

{

margin-left:4px;

}



.browseImg8

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 10px;

float: left;

width: 90px;

height: 200px;



border: 1px solid #000000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;

}



.browseImg3

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 12px;

float: left;

width: 165px;



border: 1px solid #ccc;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;

}

.browseCEN

{

text-align: center;

font-family:  Arial, Helvetica, sans-serif;

font-size: 12px;

float: left;

width: 165px;



border: 1px solid #990000;

margin: 0 5px 5px 0;

padding: 5px;

background-color:  #E7F1F3;



}





.arbBorder

{

border: 1px solid #ddd;

margin: 0 0px 0px 0;

padding: 5px;



}

.arbBorder2

{

border: 1px solid #ddd;

margin: 0 0px 0px 0;

padding: 0px;



}

/**************************************************************

   Top Block Menu

 **************************************************************/

#feednews {

width:100%;

padding:2px;

 border: 1px solid #ddd;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 font-size:10px;

 background-color:#fffff;

 margin-bottom:2px;

}



#tinytxt {

font-size:10px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

}

.tinytxt1 {

font-size:10px;

 font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

}

#feednews img {

  margin-right: 3px;

  border: 5px solid #ccc;

  text-align:left;

  max-width:200px;

  height:100%;

}







#menu {

  margin: 0 auto;

}



#menu ul {

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;



  text-align: left;

  background: #3B5D77 url(../images/bg/menu.gif) repeat-x top left;

}



#menu ul li {

  display: inline;

  margin: 0;

  padding: 0;

  list-style: none;

}



#menu ul li a {

  float: left;

  width: 25%;

  height: 4.5em;



  font: 400 1.2em arial, sans-serif;

  letter-spacing: 0.1em;



  color: #fff;



  border-top: 7px solid #41637D;

  border-bottom: 1px solid #FFF;

}



#menu ul li a span {

  display: block;

  padding: 2px 7px;

}





#menu ul li a span.desc {

  font-size: 0.8em;

  color: #8C8D94;

}





#menu ul li a:hover,

#menu ul li a.here {

  background: #4A5C6A;

  border-top: 7px solid #455660;

}



#menu ul li a:hover span.desc,

#menu ul li a.here span.desc {

  color: #FFF;

}





/* Top menu icons */

#menu ul li a span.speaker {

  padding-left: 22px;

  background: url(../images/icons/speaker.gif) no-repeat 5px 50%;

}



#menu ul li a:hover span.speaker {

  background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%;

}



#menu ul li a span.bubble {

  padding-left: 24px;

  background: url(../images/icons/bubble.gif) no-repeat 4px 4px;

}



#menu ul li a:hover span.bubble {

  background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px;

}



#menu ul li a span.heart {

  padding-left: 20px;

  background: url(../images/icons/heart.gif) no-repeat 3px 50%;

}



#menu ul li a:hover span.heart {

  background: url(../images/icons/heart_on.gif) no-repeat 3px 50%;

}





#menu ul li a span.dollar {

  padding-left: 20px;

  background: url(../images/icons/dollar.gif) no-repeat 4px 50%;

}



#menu ul li a:hover span.dollar {

  background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%;

}









/**************************************************************

   Page Content

 **************************************************************/



#page {

  clear: both;

  float: left;

  width: 100%;

  margin-bottom: 6em;

  text-align: left;

}



#columns {

  margin: 0 auto;

}





/* Column widths */

.width {

  width: 776px;

}



.widthPad {

  width: 746px;

}



.width25 {

  width: 24%;

}



.width50 {

  width: 48%;

}



.width73 {

  width: 73%;

}



.width75 {

  width: 75%;

}



.width100 {

  width: 100%;

}





/**************************************************************

   Footer

 **************************************************************/





#footer {

  clear: both;

  float: left;

  width: 100%;

  height: 5em;

  margin-top: -5em;

}



#footer #bg {

  position: relative;

  height: 5em;

  margin: 0 auto;

  background: #49525B url(../images/bg/header.gif) repeat-x bottom left;

}



#footer #bg ul {

  float: right;

  margin: 3em 1em 0 0 !important;

  margin: 3em 0.5em 0 0;

  padding: 0;

}



#footer #bg ul li {

  display: inline;

  list-style: none;

}



#footer #bg ul li a {

  float: left;

  padding: 0 1em;



  font: 400 1em arial, sans-serif;

  letter-spacing: 0.1em;

  line-height: 0.8em !important;

  line-height: 1em;



  color: #4D5760;

  border-right: 1px solid #4D5760;

}



#footer #bg ul li a.last {

  padding-right: 0;

  border-right: 0;

}



#footer #bg ul li a:hover {

  color: #6C0;

}



#footer #bg img {

  position: absolute;

  top: 6%;

  left: 10px;

}







/**************************************************************

   Icons specific to the colour theme

 **************************************************************/



a.lightTheme img,

a.darkTheme img,

a.submitButton img {

  width: 20px;

  height: 20px;

  vertical-align: middle;

}



a.lightTheme img {

  background: url(../images/icons/light_light_theme.gif) no-repeat center center;

}



a.darkTheme img {

  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;

}



a.submitButton img {

  background: url(../images/icons/light_submit.gif) no-repeat center center;

}





/**************************************************************

   Posts

 **************************************************************/



.post {

  float: left;

  width: 100% !important;

  width: 99%;

  position: relative;



  margin-bottom: 1.5em;



  border-bottom: 1px solid #CCCCCC;

}





.post .date {

  position: absolute;

  top: 0;

  left: 5px;



  width: 2.3em;

  text-align: right;

}



.post .date .month {

  text-transform: uppercase;

  font: 700 1.0em arial, sans-serif;

  color: #888;

}



.post .date .day {

  display: block;

  margin-top: -5px;

  font: 700 2.1em arial, sans-serif;

  color: #888;

}



.post .title {

  display: block;

  padding: 0 0 5px 0;



  font-size: 1.2em;

  font-weight: bold;

  color: #586B7A;

}



.post p {

  margin: 0 0 0 3.5em;

  padding:  0 0 1em 1.2em;

  border-left: 1px solid #CCCCCC;

}







/**************************************************************

  Shout Box

 **************************************************************/



.shoutbox {

  float: left;

  width: 100% !important;

  width: 99%;

  position: relative;



  margin-bottom: 1.5em;



  border-bottom: 1px solid #CCCCCC;

}





/**************************************************************

   Thumbnail Lists

 **************************************************************/



ul.thumbs,

ul.thumbs li {

  margin: 0;

  padding: 0;

}



ul.thumbs li {

  margin: 0 0 15px 0 !important;

  margin: 0;

  padding: 0px;

  list-style: none;

}



a.thumb img {

  

  border: 5px solid #ccc;

}



.thumb1 {

 

  border: 5px solid #ccc;

}

a:hover.thumb img {

  background: #8EB4C6;

  border: 5px solid #668FA3;

}



a:hover.thumb {

  background: none;

}



a.thumb span {

  display: block;

  margin-top: -5px !important;

  margin-top: -2px;

}







/**************************************************************

   Submenu Styles

 **************************************************************/



ul.submenu1,

ul.submenu2 {

  margin: 0 0 20px 0;

  padding: 0;

}



ul.submenu1 li,

ul.submenu2 li{

  margin: 0;

  padding: 0;

  list-style: none;

  list-style-image: url(foo.gif); /* because IE is balls */

}



ul.submenu1 li a,

ul.submenu2 li a {

  display: block;

  height: auto !important;



  /* Start hide from IE Mac \*/

  height: 1%;

  /* End hide from IE Mac */



  padding: 1px 5px 1px 20px;

}



ul.submenu1 li a {

  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;

}



ul.submenu1 a:hover {

  color: #426F85;

  background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;

}



ul.submenu2 li a {

  color: #426F85;

  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;

}



ul.submenu2 a:hover {

  color: #426F85;

  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;

}













/**************************************************************

   Generic Display 

 **************************************************************/

.txtSm{

font-family: Arial,Helvetica,sans-serif;

text-decoration: none;	

font-size: 8px;

}



td.caption4 {

background-color: #668FA3;

padding-bottom: 2px;

padding-left: 5px;

padding-right: 5px;

padding-top: 2px;

font-size: 10px;

font-weight: bold;

color: #FFFFFF;

line-height: 15px;

text-align: left;

vertical-align: top;

}

.tbCel1{

background: #E9EFF4;

}



/* Topics/forums/threads content cell color #2 */



.tbCel2{

background: #F6F9FB;

}



.block {

  display: block;

}



.clear {

  clear: both;

}



.marginRight {

  margin-right: 15px;

}



.paddingLeft {

  padding-left: 5px;

}



.paddingRight {

  padding-right: 5px;

}



.floatLeft {

  float: left;

}



.floatRight {

  float: right;

}



.alignLeft {

  text-align: left;

}



.alignRight {

  text-align: right;

}



.alignTop {

  vertical-align: top;

}



.alignMiddle {

  vertical-align: middle;

}



.alignBottom {

  vertical-align: bottom;

}



.lightBlueBg {

  background-color: #EAF2F5;

}

.lightRedBg {

  background-color: #993300;

  color:#FFFFFF;

  padding:5px;

  text-align:center;

  border-style:double;

  font-weight:bold;

}





.dark {

  color: #353E47;

}

    

 

.style2 {color: #627E9A}

.style3 {color: #62CC3C}

.style6 {color: #5C8096}



/*tooltip*/



.tool{



	font-size: 36px;

	

}



.tool-tip {

 border: 1px solid #000;

	color: #000;

	width: 200px;

	z-index: 13000;

	color: white;

	background: #EAF2F5;

}

 

.tool-title {

color: #000;

text-align:left;

	font-weight: bold;

	font-size: 11px;

	margin: 0;

	padding: 4px 4px 2px;

 	/*background: url('images/balloon.png') top left no-repeat ;*/

}

 

.tool-text {

color: #000;

text-align:left;

	font-size: 11px;

	padding: 2px 4px 4px;

	/*background: url('images/balloon.png') bottom left no-repeat;*/

}





 

#sortUL {

	margin: 0;

	padding: 0;

	list-style-type: none;

	position: inherit;

	

}

 







#mod_header_notice{

background:#E8E0D7;

padding:2px;

color:#000000;

border:1px solid #cccccc;

font-weight:bold;

margin:2px;

margin-bottom:0px;

}



#mod_content_notice{

margin-top:0px;

padding:2px;

margin:2px;

border:1px solid #cccccc;

background:#FFFFFF;

}



.pager a {

	padding:2px;

    text-align:center;

    font-size:9pt;

	border:1px solid #cccccc;



}

.pager a:hover {

background:#cccccc;

}



#browsebar1 {

    position:relative;

    _height:1;

    font-size:10pt;

    text-align:center;

    padding-bottom:2px;

    border-bottom:1px solid #BBBDBF;

}

#browsebar1.bare {

    border-bottom:none;

}

#browsebar2 {

    padding:4px;

    text-align:center;

    font-size:9pt;

	color:#000000;

}

#browsebar1 form,

#browsebar2 form {

    position:absolute;

    display:inline;

    margin-top:1.3em;

    margin-left:-8ex;

    padding:8px;

}



#browsebar1 a,    #browsebar2 a,

#browsebar1 span, #browsebar2 span {

    margin:0 .85em;

}

#browsebar1.formed,

#browsebar2.formed {

    margin-bottom:2.5em;

    white-space:nowrap;

}



#browsebar2 span {

    opacity:.4;

}

#browsebar2 form span {

    opacity:1;

}

#browsebar1 span.l a {

    margin:0

}



#browsebar1 span.r {

    position:absolute;

    top:0;

    right:0;

    margin:0;

}

#browsebar1 span.r span {

    opacity:.4;

    margin:0 0 0 8px;

}

#browsebar1 span.r a {

    margin:0 0 0 8px;

}


.unread_mail{
background-color: #D6D6D6;
border-bottom:solid 1px #999999;
border-right:solid 1px #999999;
}

.read_mail{
background-color:#FFFFFF;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
}


/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS Digg style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #AAAADD;
		
		text-decoration: none; /* no underline */
		color: #000099;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #000099;

		color: #000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}