/* --------------------------------------------------------------------------------

Common Front End Style Sheet for Anthea Sites

Version:  1  (02.03.2007)
Author: Michael Waring
Website: www.internetgeeks.co.uk

CONTENTS :

1 - STRIP BROWSER STYLES + SETUP BASE
2 - MAIN LAYOUT DIVS
3 - CORE HTML TAGS
4 - FORMS
5 - HACKS




------------------------------------------------------------------------------------ */




/* =STRIP EVERY THING BACK TO NOTHING + AND SETUP BASE
------------------------------------------------------------------------------------ */
/* Moved To LayoutStyleSheet.css */

.clear {clear: both;}

/* =MAIN LAYOUT DIVS 
----------------------------------------------------------------------------------- */

.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 815px;
}
.header {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	background: #000 url(../Images/top_stripes.jpg) repeat-x top left;
	padding-top: 25px;
}
.fullnav {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	background: #000;
	border-top: solid 2px #fff;
	border-bottom: solid 1px #fff;
}
.main {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	background: #F4EEE2;
	padding-top: 10px;
	
	border-top: solid 8px #BAB59F;
}
.announce {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	background: #ECD7A8 url(../Images/announce_back.jpg) repeat-x top left;
	border-bottom: solid 2px #fff;
	padding: 10px 0;
}
.intro {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	background: #ECD7A8 url(../Images/announce_back.jpg) repeat-x top left;
	border-bottom: solid 2px #fff;
}
.intro img {
	float: right;
	padding: 1px;
	border: solid 1px #222;
	margin: 5px 0 5px 5px;
}
.intro p {
	margin: 0 0 7px 0;
	}
.left {
	width: 610px;
	float: left;
}
.right {
	width: 200px;
	float: right;
}
.footer {
	float: left;
	clear: both;
	background: #363636;
	width: 100%;
	margin: 1px 0 0 0 ;
	text-align: center;
	border-top: solid 12px #BAB59F;
}
.base a {
	color: #fff;
	text-decoration: underline;
	}
.base {
	float: left;
	clear: both;
	background: #000;
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	font-size: 80%;
}
.paging {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	font-weight: bold;
}
.total {
	float: left;
	width: 100px;
	
	}
 .numbers {
	float: right;
	width: 500px;
	text-align: right;
	}
.numbers a {
	border: solid 1px #666;
	padding: 2px 5px 2px 5px;
	margin-left: 3px;
	background: transparent;
	text-decoration: none;
	}
.numbers a:hover {
	border: solid 1px #666;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin-left: 3px;
	background: #666;
	color: #fff;
	}
/* =NAVIGATION (HORIZONTAL)
---------------------------------------------------------------------------------- */

.AspNet-LoginStatus 
{
	color: #fff;
}

.nav {
	list-style-type: none;
	width: 880px;
	margin: 0 auto;
}
.nav ul {
	border-left: solid 1px #444;
	float: left;
}
.nav li {
	display: inline;
}
.nav li a {
	padding: 9px 10px;
	text-decoration: none;
	text-transform: uppercase;
	border-right: solid 1px #444;
	background: #000;
	font-weight: bold;
	color: #fff;
	float: left;
}
.nav li a:hover {
	padding: 9px 10px;
	text-decoration: none;
	text-transform: uppercase;
	border-right: solid 1px #444;
	background: #111;
	font-weight: bold;
	float: left;
}
.nav li.selected a{
	padding: 9px 10px;
	text-decoration: none;
	text-transform: uppercase;
	border-right: solid 1px #444;
	background: #222;
	font-weight: bold;
	float: left;
}

/* =CORE HTML TAGS
-----------------------------------------------------------------------------------*/

p {
	font-size: 100%;
	color: #333;
	margin: 5px 5px 8px 5px;
}

h1 {
	color: #000;
	font-size: 150%;
	margin: 10px 5px 8px 5px;
}

h2 {
	background: #fff;
	font-size: 125%;
	margin: 0;
	padding: 0;
}

h3 {
	color: #fff;
	margin-top:20px;
	font-size: 125%;
}

h4 {

}

h5 {

}

h6 {

}
a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

abbr[title] {
	border-bottom: dotted 1px #333;
	}
abbr[title]:hover {
	cursor: help;
}

/* ELEMENTS 
------------------------------------------------------------------------------- */

.logo {
	margin: 7px auto;
	}
.left .content {
	float: left;
	border: solid 1px #ccc;
	background: #fff;
	margin: 0 0 10px 0;
	width: 608px;
	clear: both;
	}
.left .content p {
	margin: 0 10px 7px 10px;
	}
.right img {
	width: 200px;
	}
.right .panel {
	background: #EEE3C7 url(../Images/top_stripes.jpg) repeat-x top left;
	float: left;
	clear:both;
	width: 200px;
	padding-top: 25px;
	border-bottom: solid 8px #877F68;
	}
.right h2 {
	background: #000;
	width: 189px;
	padding: 5px 5px 5px 6px;
	color: #fff;
	margin: 0 0 4px 0;
	float: left;
	clear: both;
	font-weight: bold;
}
.copyright {
	float: left;
}
.ref {
	float:right;
	}
	
.rssfeed {clear: both; text-align: right; display: block; padding: 5px 10px 5px 5px;}

/* ARTICLES 
------------------------------------------------------------------------------- */	
	
.newslist {
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	width: 608px;
	border: solid 1px #ccc;
	background: #ebebeb;
}
.newslist .article {
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px 0;
	width: 598px;
	background: #FFF;
}
.newslist .article h2.title {
	margin: 0;
	padding: 0 5px 5px 5px;
}
.newslist .article .date {
	margin: 0;
	padding: 0 5px;
}
.newslist .article .summary {
	margin: 0;
	padding: 0 5px 5px 5px;
}
.newslist .article .summary p{margin: 0;padding: 0;}
.newslist .article .readmore {
	margin: 0;
	padding: 0 5px;
}
.newslist .article .thumbnail {
	float: right;
	margin: 5px;
	display: inline;
	width: 100px;
}
.mainImage {float: right; margin: 5px 5px 5px 10px; display: inline;}


/*----------------------------------------------------------------------------------------------------------------------------*/

.right .newslist {width: 198px;}
.right .newslist .article {width: 188px;}
.right .newslist .article h2.title {background: #FFF; color: #000; width: 178px;}

/*----------------------------------------------------------------------------------------------------------------------------*/

.footer .article {
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px 0;
	width: 190px;
	background: none;
}
.footer .article h2.title {
	margin: 0;
	padding: 0 5px 5px 5px;
	color: #FFF;
	background: none;
}
.footer .article .date {
	margin: 0;
	padding: 0 5px;
	color: #FFF;
}
.footer .article .summary {
	margin: 0;
	padding: 0 5px 5px 5px;
	color: #FFF;
}
.footer .article .summary a{color: #FFF;}
.footer .article .summary p{margin: 0;padding: 0; color: #FFF;}
.footer .article .readmore {
	margin: 0;
	padding: 0 5px;
	color: #FFF;
}
.footer .article .readmore a{color: #FFF;}
.footer .article .thumbnail {display: none;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */		
.news {
	float: left;
	border: solid 1px #ccc;
	background: #ebebeb;
	margin: 0 0 10px 0;
	width: 608px;
	clear: both;
}
.news .white {
	margin: 5px;
	float: left;
	clear: both;
	padding: 3px;
	width: 592px;
	background: #fff;
}
.content h2 {
	margin: 10px 10px 10px 10px; 
	border-bottom: solid 1px #ccc;
	padding: 4px 0;
}
.news h2 {
	background: #fff;
}
.news p {
	margin: 0 5px 7px 0;
	}
.news .date {
	color: #666;
	font-size: 110%;
	margin: 0;
}
.news a {
	color: #7E2E00;
	font-weight: bold;
	text-decoration: underline;

}
/* ----------------------- */


.newsblock {
	float: left;
	width: 198px;
	padding-right: 5px;
	margin-bottom: 20px;
}
.newsblock p {
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}
/* MEMBER DIRECTORY 
------------------------------------------------------------------------------- */

.search {
	float: left;
	clear: both;
	width: 810px;
	background: #fff;
	border: solid 1px #ccc;
	margin: 0 0 15px 0;
	padding: 10px;
}
.searchcontainer {
	border: none;
	background: #fff;
	padding: 0;
	margin: 0;
	float: left;

	}

.search .searchcontainer label {
	clear: left;
	width: 140px;
}	
.search .searchcontainer input.textinput {
	clear: left;
	float: left;
}
.search .searchcontainer textarea.multiLine {
	width: 540px;
	padding: 2px;
	border: solid 1px #666;
	padding: 3px;
	font-size: small;
}
	
.browsecontainer {
	border: none;
	background: #fff;
	padding: 0;
	margin: 0;
	float: right;
	width: 440px;
	}
.search .textinput {
	border: solid 1px #666;
	padding: 3px;
	width: 220px;
	}
.search .submitbutton {
	padding: 3px 3px; 
	background: #333;
	color: #fff;
	margin: -2px 0 0 0;
	}
.search label {
	width: 400px;
	font-weight: bold;
	font-size: 125%;
}
.letters {
	border: solid 1px #666;
	float: left;
	clear: left;
	width: 440px;
}
.letters ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.letters li {
	display: inline;
}
.letters li a {
	padding: 4px;
	background: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
.letters li a:hover {
	padding: 4px;
	background: #333;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
}
.list {
	float: left;
	clear: both;
	width: 810px;
	background: #fff;
	border: solid 1px #ccc;
	padding: 10px;
}
.listing
{
	width: 800px;
}
.listing thead td {
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid 1px #ccc;
	}
.listing tbody .row td {
	background: #fff;
	border-bottom: solid 1px #ccc;
	padding: 2px 2px 2px 0 ;
}
.listing tbody .alternaterow td {
	background: #f8f8f8;
	border-bottom: solid 1px #ccc;
	padding: 2px 2px 2px 0 ;
}

.profileImage
{
	float: right;
}


/* FORUM 
-------------------------------------------------------------------------------- */
.forumlisting thead td {
	background: #333;
	padding: 4px 2px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	}
.forumlisting tbody td p{
	margin: 0;
	}
.forumlisting tbody .row td {
	background: #fff;
	border-bottom: solid 1px #ccc;
	padding: 6px 5px 5px 5px ;
}
.forumlisting tbody .alternaterow td {
	background: #f8f8f8;
	border-bottom: solid 1px #ccc;
	padding: 6px 5px 5px 5px ;
}
.forumlisting .topic
{
	width: 500px;
}
.forumlisting .replies, .forumlisting .viewed
{
	width: 60px;
}
.postlisting
{
	width: 800px;
	border-bottom: solid 1px #f8f8f8;
}
.postlisting .postTitle
{
	font-size: .9em;
}

/* =FORM STYLES
------------------- ------------------------------------------------------------ */

fieldset {
	background: #fff;
	width: 500px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

label {
	float: left;
	width: 130px;
	font-weight: bold;
	margin: 3px 3px 3px 0px;
}

.textinput {
	margin: 3px;
	padding: 2px;
	border: solid 1px #666;
	width: 300px;
}
select {
	margin: 3px;
	padding: 2px;
	border: solid 1px #666;
	width: 306px;
}
textarea {
	font-family: Arial, sans-serif;
	padding: 2px;
	width: 300px;
}
.submitbutton {
	background: #333;
	padding: 3px;
	font-weight: bold;
	color: #fff;
	float: left;
	clear: both;
	margin: 15px 3px 15px 147px;
}

.panel .submitbutton {
	margin: 10px 5px;
}


.signup {float: left; margin: 0; padding: 0 0 15px 0;}
.signup .message {}
.signup .message .validationMessage{}
.signup table{margin: 0; padding: 0; border: none!important;}
.signup table tr{margin: 0; padding: 0;}
.signup table tr td{margin: 0; padding: 0;}
.signup p span {display: inline;}
.signup label {clear: left; margin: 0;}
.signup input.textinput {
	margin: 3px;
	padding: 2px;
	border: solid 1px #666;
	width: 190px;
}
.signup select {
	margin: 3px;
	padding: 2px;
	border: solid 1px #666;
	width: 196px;
}
.signup textarea {
	font-family: Arial, sans-serif;
	padding: 2px;
	width: 190px;
}
.signup input.button {
	background: #333;
	padding: 3px;
	font-weight: bold;
	color: #fff;
	float: left;
	margin: 10px 0 0 10px;
}
.signup p.gender table {}
.signup p.gender input {clear: none; margin: 0; float: left; width: 15px; border: none;}
.signup p.gender label {clear: none; margin: 0 0 0 5px; padding-top: 2px; float: left;}



/* =HACKS
-------------------------------------------------------------------------------*/

/* SIMPLIFIED BOX MODEL */
#content {
	width: 100px;
	padding: 10px;
}
* html #content {
	width: 100px;
	width: 80px;
}

.dropdown {
	float: left;
	text-align: left;
	margin:0 7px 5px 0;
}
.dropdown p {
	margin: 0 0 3px 0;
	font-weight: bold;
	}