/*
Theme Name: Pheno Template
Theme URI: http://www.pheno.org
Description: Template for Pheno community website.
Version: 1.0
Author: Patricio Reinoso
Author URI: http://www.patolin.com
Tags: Pheno, race, politics, forum

*/

body{
	/* font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, Verdana, Arial, Helvetica, sans-serif; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:17px 0px; 
	padding:0px; 
	background:#ffffff url(images/background.gif) repeat-x 0 0; 
	font-size:11px;
	color:#666666; 
	text-shadow:0 0 0 #000; 
	line-height:16px
}


a {
	color: #000000;
	
}

a.more{font-size:11px; color:#3996C0; font-weight:normal; text-decoration:none; background:url(images/more-arrow.gif) no-repeat left 2px; padding-left:15px;}
a.more:hover{color:#6D9914; text-decoration:none;}

#wrapper {
	width: 900px;
	margin: 0px;
	padding: 0px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#header {
	display: block;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background:url(images/header.gif) no-repeat;
	width: 896px;
	height: 161px;
}

#header a {
	color: #507182;
	text-decoration: none;
}

#heder a:hover {
	text-decoration: underline;
}

#header .headerMenu {
	margin: 5px 30px 5px 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFC905;
	text-align:right;
}

#header .headerMenu a:hover {
	color: #6D9914;
}



#footer {
	clear: both;
	display: block;
	margin: 0px;
	margin-top:10px;
	padding:5px 0px 5px 0px;
	background: url(images/bg_footer.png) no-repeat;
	width: 896px;
	height: 85px;
}

#footer a {
	color: #3996C0;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .menuFooter {
	text-align: center;
	font-size: 12px;
	color: #3996C0;
	padding-top: 10px;
}

#footer .bottomFooter {
	text-align: center;
	font-size: 11px;
	color: #666666;
	padding-top: 25px;
}

.stbuttontext {
	color: #000000;
	font-weight: bold;
}

#content {
	margin: 10px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 10px; 	
	-webkit-border-radius: 10px;
	padding: 10px;
	width: 876px;
	display: table; 
	font-weight: normal;
}



#content #contentHeader {
	display: table;
	/* float: left; */
	width: 573px;
	height: 187px;
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	background:url(images/home_img1.jpg) no-repeat bottom left;
	
}

#content #contentCol1 {
	float: left;
	display: table;
	width: 286px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

#content #contentCol2 {
	float: left;
	display: table;
	width: 286px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-weight: normal;
}

#content #sidebar {
	float: right;
	display: block;
	width: 260px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#content h1{font-size:18px; font-weight:bolder; color:#454545; border-bottom:2px solid #D5D5D5; line-height:28px }
#content h1 a{font-size:18px; font-weight:bolder; color:#454545; text-decoration:none }
#content h1 a:hover{font-size:18px; font-weight:bolder; color:#3996C0; text-decoration:none }


#content #contentCol1 ul{padding:0; margin:0px}
#content #contentCol1 ul li{border-bottom:1px solid #dddddd; display:block; width:100%; float:left; margin:0; padding:5px 0;list-style:none; height: 135px; overflow: hidden;}
#content #contentCol1 ul li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}

#content #contentCol1 ul li .photo {display: table; float:left; width:85px}
#content #contentCol1 ul li .photo img{padding:1px; border:1px solid #dddddd;}

#content #contentCol1 ul li .details {float:right; width:180px}
#content #contentCol1 ul li .details1 {float:right; width:250px}
#content #contentCol1 ul li .posts {float:left; width:265px;}
#content #contentCol1 ul li p{padding:2px 0 2px; width:100% }
#content #contentCol1 ul li p.gray{padding:0px; color:#7E8081 ; font-size:10px}

#content #contentCol1 ul li span a{ color:#6D9914; font-weight:bolder; text-decoration:none}
#content #contentCol1 ul li span a:hover{ color:#3996C0; font-weight:bolder;text-decoration:none}

#content #contentCol1 ul li a.mail{ color:#3996C0; background:url(images/mail-icon.gif) no-repeat 0 2px; padding-left:15px; font-weight:normal; text-decoration:none}
#content #contentCol1 ul li a.mail:hover{ color:#6D9914; font-weight:normal;text-decoration:none}
#content #contentCol1 ul li a.link{ color:#3996C0;  font-weight:normal; text-decoration:none}
#content #contentCol1 ul li a.link:hover{ color:#6D9914; font-weight:normal;text-decoration:none}

#content #contentCol1 ul li a.greenbold{color:#6D9914; text-decoration:none; font-weight:bolder}
#content #contentCol1 ul li a.greenbold:hover{color:#3996C0; text-decoration:none; font-weight:bolder}

#content #contentCol2 ul{padding:0; margin:0px}
#content #contentCol2 ul li{border-bottom:1px solid #dddddd; display:block; width:100%; float:left; margin:0; padding:5px 0;list-style:none; height: 135px;}
#content #contentCol2 ul li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}

#content #contentCol2 ul{padding:0; margin:0px}
#content #contentCol2 ul li{border-bottom:1px solid #dddddd; display:block; width:100%; float:left; margin:0; padding:5px 0;list-style:none;}
#content #contentCol2 ul li:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}

#content #contentCol2 ul li .photo {display: block; float:left; width:85px}
#content #contentCol2 ul li .photo img{display: block; float:left; padding:1px; border:1px solid #dddddd;}

#content #contentCol2 ul li .details {float:left; width:190px}
#content #contentCol2 ul li .details1 {float:left; width:250px}
#content #contentCol2 ul li .posts {float:left; width:265px;}
#content #contentCol2 ul li p{padding:2px 0 2px; width:100% }
#content #contentCol2 ul li p.gray{padding:0px; color:#7E8081 ; font-size:10px}

#content #contentCol2 ul li span a{ color:#6D9914; font-weight:bolder; text-decoration:none}
#content #contentCol2 ul li span a:hover{ color:#3996C0; font-weight:bolder;text-decoration:none}

#content #contentCol2 ul li a.mail{ color:#3996C0; background:url(images/mail-icon.gif) no-repeat 0 2px; padding-left:15px; font-weight:normal; text-decoration:none}
#content #contentCol2 ul li a.mail:hover{ color:#6D9914; font-weight:normal;text-decoration:none}
#content #contentCol2 ul li a.link{ color:#3996C0;  font-weight:normal; text-decoration:none}
#content #contentCol2 ul li a.link:hover{ color:#6D9914; font-weight:normal;text-decoration:none}

#content #contentCol2 ul li a.greenbold{color:#6D9914; text-decoration:none; font-weight:bolder}
#content #contentCol2 ul li a.greenbold:hover{color:#3996C0; text-decoration:none; font-weight:bolder}

/********** Widgets **********/

.widget{width:260px; float:left; margin:0; padding:0 0 0 0px;}
.widget .top{background:url(images/widget-top-bg.gif) repeat-x 0 0; width:auto; display:block}
.widget .topleft{background:url(images/widget-top-left.gif) no-repeat 0 0; width:auto; height:32px; display:block}
.widget .topright{background:url(images/widget-top-right.gif) no-repeat 100% 0; width:auto; height:32px; display:block; font-size:13px}
.widget .topright h3{font-size:13px; font-weight:bolder; color:#454545; padding:8px 12px 0;}

.widget .bottom{background:url(images/widget-bot-bg.gif) repeat-x 0 0; width:auto; display:block}
.widget .bottom .bottomleft{background:url(images/widget-bot-left.gif) no-repeat 0 0; width:auto; height:10px; display:block}
.widget .bottom .bottomright{background:url(images/widget-bot-right.gif) no-repeat 100% 0; width:auto; height:10px; display:block;font-size:0px}

.widget .container{background:#fff ; padding:3px 10px; width:auto; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5}
.widget .content{width:100%; padding:0px;}
.widget .content:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }

.widget .content .field-grp{ display:block; padding:4px 0 0; width:100%;}
.widget .content .field-grp:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }

.widget .content .label-area{ width:70px; padding:2px 0 0 5px; float:left; font-weight:bolder; color:#0C779C; font-size:11px; margin-right:8px; line-height:17px;}
.widget .content .field-area{ width:140px; float:left; line-height:17px; }
.widget .content .field-area .inbox{border:1px solid #D6DBDF; width:140px; height:20px}
.widget .content a.link{font-size:11px; color:#3996C0; font-weight:normal; text-decoration:underline;}
.widget .content a.link:hover{color:#6D9914; text-decoration:none;}
.widget .content p.desc{line-height:20px;}

/*  botones */

input.btnSignin {
	width: 63px;
	height: 19px;
	font-size: 10px;
	color:#000000;
	background:url(images/btn-signin.gif) no-repeat top left;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
input.btnSignin:hover {
	background:url(images/btn-signin.gif) no-repeat top right;
}




li.nuevoMiembro {
	margin: 10px;
	padding: 0px;
	float:left;
	list-style: none;
	width: 75px;
}

.subtitulo1 {
	color: #006633;
	font-weight: bold;
}

.linkPoster {
	color: #000000;
	font-weight: bold;
}

.linkSidebar{ color:#3996C0;  font-weight:normal; text-decoration:none}
.linkSidebar:hover{ color:#6D9914; font-weight:normal;text-decoration:none}

#sidebarNews {
	margin: 0px;
	padding: 0px;	
	font-size: 11px;
}

#sidebarNews li {
	margin: 5px 10px 5px 10px;
	padding: 0px 0px 0px 15px;
	border: 0px solid #CCC;
	list-style: none;
	background: url(images/more-arrow.gif) no-repeat 0px 2px;
}

#sidebarNews li a {
	color:#3996C0;
	text-decoration: none;
}

#sidebarNews li a:hover {
	color: #6D9914;
}

#sidebarNews li img {
	border: 0px;
}

#profileBase {
	float: left;
	width: 160px;
}

#profile {
	float: right;
	width: 620px;
	overflow: hidden;
}


#profile h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #000000;
}

#profile ul {
	margin: 0px;
	padding: 0px;
}

#profile ul li.profile1 {
	margin: 0px;
	margin-bottom: 5px;
	padding: 10px;
	border-bottom: 1px solid #999999;
	list-style: none;
	height: 50px;
}

#profile ul li.profile1 a {
	color: #006633;
}

#profile .proWide {
	display: block;
	width: 570px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background:url(images/bg_profile_wide.jpg) no-repeat top left;
	overflow:hidden;
}

#profile .proShort {
	display: block;
	width: 270px;
	margin: 10px 10px 0px 0px;
	padding: 10px;
	background:url(images/bg_profile_short.jpg) no-repeat top left;
	overflow:hidden;
	float: left;
}

.tableCell {
	padding: 3px 5px 3px 5px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}

.tableCell span a{ color:#6D9914; font-weight:bolder; text-decoration:none}
.tableCell span a:hover{ color:#3996C0; font-weight:bolder;text-decoration:none}

.tableCellTitle {
	padding: 3px 5px 3px 5px;
	text-align:center;
	font-size: 1.2em;
	margin: 0px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #000000;
}

.formFieldWidth {
	width: 500px;
}

.form1 {
	width: 520px;
}

.content1:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.content1 h4.head{font-size:11px; font-weight:bold; color:#6D9914 !important;}
.content1 ul.without-bdr{padding:0; margin:0px; width:100%}
.content1 ul.without-bdr li{border:0px !important; width:auto; clear:both; list-style:none; padding:5px 0px 0px 15px; background:url(images/arrow3.gif) no-repeat left 10px;}