/* =====================================================================	
		my_natives.css
========================================================================
   	Author: Ben Browning	
   	Date:	August 2007
------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------
   Styles for the new my_natives functionality - blogs, gallerys, profile
   	
   	296590 - block header background
   	1D4867 - block header border
   	789FBB - dull version for header actions
   	
========================================================================*/ 

/* ---------------------------------------------------------------------
	General styles
 	--------------------------------------------------------------------- */

body .newnew *{
 	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
}

body .newnew a, body .newnew a img{
	outline:0;
}

/*


#main h2 { font-size: 1.3em; margin: 0 0 1.5em 0;}

#main h2.avatar {	line-height: 90px; background: #eee; border: 1px solid #bbb;}
#main h2.avatar img {float:left; margin-right:10px;}
#main h3 { font-size: 1.1em; margin: 0 0 0.5em 0;}	
#main h4 { font-size: 1em; margin: 0 0 0.5em 0;}	

#main h3.tight { margin: 0 0 0.1em 0;}	

#main p { margin: 0 0 1em 0;}
	
div.hr {
	height:1px; line-height:1px;
	border-top: 1px solid #ccc;
	margin-bottom:0.9em;
	}
*/


	
/* ================================================================================= */
/* Clearing	/ floating																 					 */
/* ================================================================================= */	
	
/* clearfix class to be used instead of div.clearing where possible */    
/* -apply to the block element containing the floated element (not the floated element itself) */
.clearfix:after {
	content: "."; 
	display: block; 
	position:relative; /*works better in IE5.5 or float in float situations*/
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Clearing div to be used when clearfix class not applicable */
div.clearing { clear: both; height: 1px; line-height: 1px;}

.hide{
	position:absolute;
	top:-9999px;
}


/* ---------------------------------------------------------------------
	Misc
 	--------------------------------------------------------------------- */
img.profile_image { border: 1px solid #bbb; }
ul.seasonslist { float: left; }

ul.seasonslist, ul.seasonslist li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#seasonTable td { width: 25%; }
#seasonTable { width: 100%; }

#seasonTable input {
	width: 20px;
	padding: 0;
	margin: 0;
	float: none;
}

p.basic_message {
	padding: 10px;
	display: block;
	border: 1px solid #ccc;
	margin-bottom: 10px !important;
	margin-top: 10px;
}

p.highlight {
	background: #ff9;
	border-color: #48482B;
}

p.error {
	padding: 10px;
	display: block;
	border: 1px solid #DD3721;
	margin-bottom: 10px !important;
	background: #FFC4BB;
}

	
/* ---------------------------------------------------------------------
	Form tabs
 	--------------------------------------------------------------------- */
.tabbed_menu,
div.block_section h2 {
	/*url(/img/misc/tab_menu_shad.gif) bottom left repeat-x*/
	background: #296590;
	border-bottom: 2px solid #1D4867;
}

.tabbed_menu,
div.block_section h2 {
	/*url(/img/misc/tab_menu_shad.gif) bottom left repeat-x*/
	background: #717171;
	border-bottom: 2px solid #555;
}


.tabbed_menu {
	color: #000;
	height: 25px;
	position: relative;
 }

.tabbed_menu ul {
	margin: 0px;
	padding: 0px 20px;
	list-style: none;
}

.tabbed_menu li {
	display: inline;
	line-height: 2em;
}

.tabbed_menu li a {
	color: #fff !important;
	text-decoration: none;
	padding: 2px 10px 8px;
	outline: none;
}

.tabbed_menu li a.tabactive {
	/*url(/img/misc/tab_grad.gif) top left repeat-x*/
	background: #f9f9f9;
	position: relative;
	color: #296590 !important;
}

div.tab_section {
	border: none;
	padding: 20px 20px;

}


div.form_outline{
 	margin-top:0;
	padding-top:0;
}

div.signon_section {
	border: 1px solid #ccc;
	border-width:1px 1px 0px 1px;
	background-image:url(/img/misc/dotted-h.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 20px 20px;
}

div#password_reminder {
	border-bottom: 1px solid #ccc;
	border-top: none;
}



/* ---------------------------------------------------------------------
	=nav
 	--------------------------------------------------------------------- */
 	
 	
#main_navigation{
/*
	margin-bottom:20px;
*/
 }
 	
ul#mynatives_nav, 	ul#mynatives_nav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#mynatives_nav {
	width: 100%;
	margin-bottom: 0px;
	background: #42799F;
	border-top:1px solid #3A6B8D;
	border-bottom: 2px solid #3A6B8D;
	overflow: hidden;
	padding: 0px;
}

ul#mynatives_nav li, ul#mynatives_nav li a, ul#mynatives_nav li span  {
	float: left;
	font-size: 95%;
	color: #fff;
	text-decoration: none;
}

ul#mynatives_nav li a, ul#mynatives_nav li span {
	display: block;
	padding: 5px 9px;
 	border-right:1px solid #3C6F91;
 	font-weight:bold;
 	text-shadow:0 0 0 #fff;
}

li#myprofile a{
}

ul#mynatives_nav li a:hover { text-decoration: underline; }

ul#mynatives_extra_nav, 	ul#mynatives_extra_nav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#mynatives_extra_nav li { display: inline; }

ul#mynatives_extra_nav {
	float: right;
	margin: -2em 10px 0 0;
	font-size: 85%;
	position: relative;
}

ul#mynatives_extra_nav a {
	color: #fff;
	text-decoration: none;
}

ul#mynatives_extra_nav a:hover {
	color: #fff;
	text-decoration: underline;
}

#mynatives_nav a.currentsection, 
#mynatives_nav span.currentsection,
body.allimages #mynatives_nav li.allimages a,
body.myimages #mynatives_nav li.myimages a,
body.otherimages #mynatives_nav li.otherimages a,
body.allblogs #mynatives_nav li.allblogs a,
body.myblogs #mynatives_nav li.myblogs a,
body.otherblogs #mynatives_nav li.otherblogs a,
body.otherprofile #mynatives_nav li.otherprofile a{
	background: #91B0C4; 
}


#mynatives_menu li a.currentsection,
body#myimages #mynatives_menu li#myimages a{
 	background:#D9E4EC;
 	color:#000;
 }


div.subTab a, div.adminMenu a{ color: #154142; }

div.subTab, div.adminMenu{
	display: block;
	width: auto;
	border-top: 1px solid #bbb;
	padding: 8px 8px;
	background: #D2DFE8;
 	font-size:90%;
}


div.subTab ul{

}


div.subTab ul, div.adminMenu ul {
	padding: 6px 0;
    display:inline;
    margin:0 0 0 0px;
}

div.subTab strong{
	margin-right:10px;
	display:block;
	float:left;
}

div.subTab ul li, div.adminMenu ul li {
	background:url(/img/misc/sub_sep.jpg) center right no-repeat;
	padding-right: 7px;
	margin-right: 7px;
  	line-height: 1.2;
	display: inline; 
}

div.subTab ul a, div.adminMenu ul a {
 	vertical-align: bottom;
	text-decoration:none;
}

div.subTab ul a:hover, div.adminMenu ul a:hover{
    text-decoration:underline;
}


div.subTab ul li.last, div.adminMenu ul li.last { background:none; }



div.adminMenu {
	margin-bottom:0 ;
}

div.subLinks{
   	margin:2px 1px 10px;
/*
  	background:#E6EDF2;
*/
}

#mynatives_menu {
	background:#D9E4EC url(/img/misc/natives_bk.jpg) top right repeat-y;
	font-size:80%;
 	padding:0;
 	margin:20px 0 10px 0;
	float:right;
	clear:both;
 	width:180px;
}


#mynatives_menu ul, #mynatives_menu p#userdetail{
	overflow:hidden;
	zoom:1;
}



#mynatives_menu ul{
	background:#5E8FB7 url(/img/misc/natives_ul_bk.jpg) top right repeat-y;
	width:180px;
	display:inline-block;
}

#mynatives_menu p, #mynatives_menu ul , #mynatives_menu li{
	margin:0;
	padding:0;
}

#mynatives_menu p{
	padding:2px 7px;
	border:none;
	color:#154142;
}

#mynatives_menu p#userdetail{
	border-bottom:1px solid #9CB8CE;
  	padding-bottom:5px;
}

#mynatives_menu p#userdetail a{
	float:right;
}



#mynatives_menu li a:hover{
	text-decoration:underline;
 }
 
 

#mynatives_menu p#userdetail span{
	float:left;
}


#mynatives_menu li{
	float:left;
	width:90px;
	
}

#mynatives_menu ul, #mynatives_menu li{
	list-style-type:none;
}

#mynatives_menu li a{
	float:left;
	width:83px;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:3px 0 3px 7px;
}


#mynatives_menu li#myprofile a{
	border-right:1px solid #9CB8CE;
	border-bottom:1px solid #9CB8CE;
	width:82px;
 }

#mynatives_menu li#myblogs{
 	border-bottom:1px solid #9CB8CE;
}

#mynatives_menu li#myimages a{
	border-right:1px solid #9CB8CE;
	width:82px;
}


/* ---------------------------------------------------------------------
	=global block styles
 	--------------------------------------------------------------------- */
h1 { font-size: 130% !important; }

h1.avatar {
	width: 100%;
	overflow: hidden;
	line-height: 3;
	padding:8px 0 0;
}

h1.avatar img {
	float: left;
	margin-right: 10px !important;
	border: 1px solid #000;
}

img.avatar {
	/* use if not including h1 or h2 */
	border: 1px solid #000;
}

h1 em {
	font-weight: normal;
	color: #888;
	font-family: Georgia !important;
	font-size: 90% !important;
	letter-spacing: 1px;
}

div.block_section h2 {
	padding: 5px 11px;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

div.block_section {
	width: 100%;
	/*float:left;*/
	margin-bottom: 20px;
	position: relative;
}

div.block_section dl {
	padding: 10px 3%;
	float: left;
	width: 94%;
}

div.block_section dt,
div.block_section dd { line-height: 1.4; }

div.block_section dd {
	float: left;
	width: 68%;
	display: block;
	margin-left:40px;
}

div.block_section dt {
	width: 20%;
	float: left;
	text-align: right;
}

div#basic span#profile_image {
	float: left;
	width: 150px;
	display: block;
}

div.block_section, .tab_section {
	background: #f9f9f9;
	overflow: hidden;
}

div.profile_section{
	margin-top:10px;
}

div.block_section, .form_outline { border-bottom: 1px solid #bbb; }
div.block_content { padding: 10px; }

h2 a {
	color: #fff;
	cursor: pointer;
}


.block_actions {
	position: absolute;
	top: 5px;
	right: 0;
}

.block_actions a, .block_actions span {
	color: #fff;
	display: block;
	float: left;
	padding: 4px 10px;
	margin-top: -4px;
	text-decoration: none;
}
 
.block_actions .paging {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.block_actions a {
	color:#fff !important;
}

.block_actions span { color: #a9a9a9; }
.block_actions a:hover { text-decoration: underline; }

.minor_actions {
	display: block;
	padding: 4px 0;
	margin-top: 10px;
}

.minor_actions a {
	padding: 3px 4px;
	background: #fff;
	border: 1px solid #999;
	text-decoration: none;
}

.minor_actions a:hover {
	background: #ddd;
	color: #000;
}

	
	


/* ---------------------------------------------------------------------
	=image gallery
 	--------------------------------------------------------------------- */

table.std_table {
	width: 100%;
	border-collapse: collapse;
}

table.std_table tr td { padding: 3px 0px; }
table.std_table tr.alt td { background: #eee; }
table.album_list tr td.album_title { width: 80%; }
table.std_table thead { text-align: left; }


table.std_table td, table.std_table th{
	background:#f5f5f5;
  	padding:4px 0 4px 5px !important;
}

table.std_table th.last{
	border-right:none;
}
table.std_table thead th{
	background:#78A0B8;
	color:#fff;
	border-bottom:1px solid #5889A7;
	border-right:1px solid #5889A7;
	
}

table.std_table .alt td{
	background:#DDE3E7 !important;
}



.imagegallerythumb {
	border: 1px solid #555;
	margin: 1px;
}

.imagegallerylarge,  .thumb {
	border: 1px solid #555;
	text-decoration: none;
}

a:hover .imagegallerythumb { }
.image_details { color: #777; }
.image_details { font-size:80% !important; }

.imagecell {
	width: 140px;
	text-align: center;
	padding-bottom: 20px;
}

.imagecell img{
	margin:0 !important;
}

.sel_class { background: #a9a9a9; }

div.subLinks{
    position:relative;
}    

#img_nav{
    position:absolute;
    top:0;
    right:0;
}


/* ---------------------------------------------------------------------
	=blog
 	--------------------------------------------------------------------- */

div.blog_entry {
/*
	margin-top: 20px;
*/
	padding-top: 10px;
	padding:25px 10px 25px;
	background-image:url(/img/misc/dotted-h.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

div.alt{
/*
	background-color:#f9f9f9;
*/
}

div.blog_entry h3 {
	font-size: 120%;
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	margin-top: 0px;
}

h2.blog_entry_title span {
	width: 500px;
	display: block;
}

h2.blog_entry_title em {
	font-size: 85%;
 	display: block;
	float: right;
	width: 110px;
	position: absolute;
	top: 4px;
	right: 4px;
	font-weight: normal;
	text-align: right;
	font-style: normal;
}

div.blog_info { margin: 20px 0 0 0; }

div.blog_info a{
	text-decoration:none;
}

div.blog_info a:hover{
	text-decoration:underline;
}

#blog_entry_list { margin-bottom: 20px; }


/* rules for default discussions */

#comments_section{
    text-align:left;
}

/*
#discussions dt {
	font-weight: bold;
	margin-top: 10px;
}

#discussions dd {
	padding: 5px 0;
	margin: 0;
 	background-image:url(/img/misc/dotted-h.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#discussions dt span.post-number{
	display:none;
}
*/

/* rules for endhanced discussions */

 #discussions{
	margin:25px 0 0 0;
}

 #discussions dt {
	font-weight: bold;
	padding:15px 10px 4px 10px;
 	position:relative;
}


 #discussions *{
 	margin:0 !important;
}

 #discussions dd,  #discussions dt{
	margin:0 0 0 60px !important;
}

 #discussions dt.comment_alt,  #discussions dd.comment_alt {
	background-color:#f9f9f9;
}

 #discussions dt span.post-number{
	position:absolute;
	left:-50px;
	top:5px;
	color:#ccc;
	font-family:Georgia;
/*
	font-style:italic;
*/
	font-weight:normal !important;
	font-size:170%;
	text-shadow:0 0 0 #fff;
	width:45px;
 	text-align:right;
	display:block;
	float:left;
 }
/* redifined for ie */ 
* html  #discussions dt span.post-number{
	position:absolute;
	left:-80px;
}


 #discussions dt{
	background-image:url(/img/misc/comment.gif) !important;
	background-position:10px 16px !important;
	background-repeat:no-repeat !important;
	padding-left:28px;
}


 .post-details{
	font-size:90% !important;
	padding:10px 0;
}


 #discussions dd {
	padding:4px 10px 15px 10px;
  	background-image:url(/img/misc/dotted-h.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
 	margin-left:100px;
}

table.blog_list{	border:1px solid #8CADC5; }
table.blog_list td, table.blog_list th{
	background:#f5f5f5;
  	padding:4px 0 4px 5px !important;
}

table.blog_list th.last{
	border-right:none;
}
table.blog_list thead th{
	background:#78A0B8;
	color:#fff;
	border-bottom:1px solid #5889A7;
	border-right:1px solid #5889A7;
	
}

table.blog_list .alt td{
	background:#DDE3E7 !important;
}


div.signature{
 	margin-top:15px;
 	color:#777;
	font-size:90%;
 }

div.signature p{
 	margin:0;
}

a.blog_comments {
	background:url(/img/misc/comment.gif) center left no-repeat !important;
	padding-left:16px;
}


/* ---------------------------------------------------------------------
	=friends
 	--------------------------------------------------------------------- */

table.friend  td { width: 25%; }

table.friend  td div {
	width: 140px !important;
	padding: 5px 0;
	text-align: center;
	height: 120px;
}



/* ---------------------------------------------------------------------
	=banners
 	--------------------------------------------------------------------- */

td{
    height:auto !important;
}

/*
table td.heightfix p{
    padding:0 !important;
    margin:2px 0 !important;    
}
*/



td#main{
	float:left;
 	position:relative;
 	width:634px !important;
 }

div.rhs_banner{
 	position:absolute;
	top:0px;
	right:-150px;
 	width:140px;
 }

div.rhs_banner img{
	border:none;
}


/* ---------------------------------------------------------------------
	=comments
 	--------------------------------------------------------------------- */

li.post-formatting{
	margin:0 0 0 5px;
	padding:0 !important;
}



/* ---------------------------------------------------------------------
	Tableless forms
 	--------------------------------------------------------------------- */
/*
form.tableless { margin: 0 0 1em 0;}

form.tableless fieldset {
	background: #efefef;
	border: 1px solid #aaa;
	padding:1em;
	margin-bottom: 1em;
	}	
form.tableless label, form.tableless input, form.tableless select { 
	float:left;
	width:150px;
	margin: 0 1em 0.4em 0;
	}
form.tableless label { text-align: right; }

form.tableless input.button, form.tableless input.radio { width:auto; margin-right:0;}

form.tableless span { 
	float: left; 
	width:auto; 
	margin: 0 10px 0 3px;  }

form.tableless textarea { 
	float:left; width:300px;
	margin-bottom:0.4em;
	}
	
form.tableless select {  width:auto;}	
form.tableless #seasonTable,  {
	float:left;
	width:auto;
	}

form.tableless #seasonTable input { width:auto;}	

form.tableless br { clear:both; }	
*/

 
/* ---------------------------------------------------------------------
	Navigation Tabs
 	--------------------------------------------------------------------- */