/*
 SilverStripe nakedmind Theme
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}
body {
 	font-size: 85%;  /* Do not use less then 76% here.  See http://www.thenoodleincident.com/tutorials/typography/ */
 	margin-bottom: 40px;
	font-family: verdana, arial, helvetica, sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

html {
	background: #3d040a url(../images/background_gradient.png) top left repeat-x;
	margin: 0;
	padding: 0;
}
.clear{
	clear:both;
}

a img {
	border:none;
}

/* 900px Site Container Box - includes central area of the header */

#CenterContainer {
	width: 900px;
	position:relative;
	top: 0px;
	margin: 0 auto;
	background: transparent;
	z-index : 1;
	
}

/* includes nav and staging */
#CenterContainerBelowHeader {
	position:relative;
	top: 90px;
	width: 100%;
	height: 100%;
	background: transparent;
}

#Header { 
	position : absolute;
 	width: 100%; 
 	left: 0px;
 	top : 0px;
	height: 90px;
 	margin: 0 auto;
	overflow: hidden;
	background: #d9af4b url(../images/header.jpg) top center no-repeat; 
	z-index : -1;
}

#Logo {
	position : absolute;
	top : 0px;
	left : 12px;
	background: transparent url(../images/logo.png) top left no-repeat;
	z-index : 1;
	width : 189px;
	height : 148px;
}

#Logo a {
	text-decoration : none;
	width:100%; 
	height:100%; 
	display:block;
}

/* 900px staging area with tinted hilight (below main nav) */
#StagingContainer { 
	/* below the top of parent */
	position : absolute;
	top : 60px; 
	width : 100%;
	padding-top : 10px;
	background: transparent url(../images/staging.png) top center no-repeat;
}

#PageImage {
 	width : 100%; 
	margin : 15px auto;
	text-align:center;
	float : left;
}

#PageImage #FirefoxBug {
	text-align:-moz-center;
}


#Layout {
	width: 870px;
	margin : 0 auto;
	overflow: hidden;
}

html>body #Layout {
	min-height : 350px;
}

#Content {
	float: left; 	
	padding: 0px;
	text-align: left;
	overflow: hidden;
}

#Layout img {
	border: 3px solid #433;
}


/** PhotoAndCredit *****************************/

#Content #PhotoAndCredit {
	margin-right : 40px;
	margin-bottom : 20px;
	text-align: center;
	float : left;
}

#Content #PhotoAndCredit #FirefoxBug {
	text-align:-moz-center;
}


#Content #PhotoAndCredit #PhotoCredit {
	float:right; 
 	font-size: 0.8em;
 	color : #433;
	font-family: "arial", "sans serif", serif;
}



/*** Main Nav ***/
#Navigation {
		/* parent must be "position : relative" */
	position : absolute;
 	right: 0px; 
	margin-top : 4px;
	background: transparent;
	font-family: arial, sans-serif;
	font-weight:bolder;
	font-size: 11pt; /* using absolute for menu */
	
}
#Navigation li { 
 	list-style: none; 
	float: left;
	line-height: 20px;
}

#Navigation li#last-nav {
	margin-right: 15px;
}

#Navigation li a { 
	float: left;
	text-decoration: none;
	padding : 0px;
	color: #144ed2;
}

#Navigation li span.outerSpan {
	padding: 0px 10px 0px 10px ;
	text-align: center;
	margin : 0px;
}

#Navigation li a:hover { 
	color: #fbf4d3;	
	cursor: pointer;
}


#Navigation li a.section {
	color: #2479f9;
/*	background: transparent url(../images/nav-hilight.png) center bottom no-repeat; */
}

#Navigation li a.section:hover { 
	color: #fbf4d3;	
	cursor: pointer;
}

#Navigation li a.current,
#Navigation li a.current:hover { 
	color: #2479f9;
	cursor: default;
/*	background: transparent url(../images/nav-hilight.png) center bottom no-repeat;  */
}

    
/** Breadcrumbs **/
#Breadcrumbs { 
	position : absolute;
	top : 40px;
	left : 218px;
 	color: #B7C0C5;
	text-align: right;
	/* font-size: 0.8em;  */
	margin-bottom: 35px; 
	padding : 0px;
	color : #555;
	}
	#Breadcrumbs a {
		color: #2479f9;
	}
	#Breadcrumbs a:hover { 
		color: #fbf4d3;	
		cursor: pointer;
	}


/** Profile Page */
#ProfilePage #Content {
	width : 640px;
	padding : 10px;
}

#ProfilePage #PhotoAndCredit {
	margin-right : 20px;
	margin-bottom : 0px;
}

#ProfileTitleZone {
	position : relative;
	width : 100%;
	height : 40px;
	margin: 0px;
	padding: 0px;
 	font-size: 16pt; 
border-style:none;
}

#ProfileTitleZone td {
		padding:0px;
border-style:none;
}


#ProfileTitleZone span#ProfileName {
	color: #055de0;
	vertical-align : baseline;
	display : table-cell;
	font-weight: bolder;
	float : left;
	margin : 0px;
	margin-right : 0px;
	padding : 0px;
}

#ProfileTitleZone span#ProfileTitle {
	color: #055de0;
	vertical-align : baseline;
	display : inline;
	font-size: 12pt;
	font-weight: bolder;
	margin : 0px;
	padding : 0px;
}



#ProfilePage p,
#TeamListPage p {
	text-indent : 0px;
}

/** Profile List */

#ProfileList ul,
#TeamListPage ul
  { 
	margin-right : 5px;
	text-indent : 0px;
}

#ProfileList ul li,
#TeamListPage ul li
{
	list-style: none;
}

#ProfileList ul li
{
	margin-bottom : 8px;
	clear : both;
}


#ProfileList .profilePhoto{
	float: left;
	margin-right : 10px;
		/* block level element only recognizes the text for some reason, so use the pic for the margin */
	margin-bottom : 8px;
}

#ProfileList .profilePhoto img {
	border: 2px solid #433; 
}

#ProfileList a.profileName{
	
}

#ProfileList .profileNameAndSummary {
	padding-top : 0px;
}

#ProfileList .profileNameAndSummary p {
	text-indent : 0px;
}


/************************************************/
/* Landing Page **/

#LandingPage .pics {  
	
    height:  286px;  
    width:   420px;  
    padding: 0;  
    margin-left:  3px ;  
    margin-top : 7px;
    margin-bottom : 5px;
    margin-right : 5px;
    float : left;
} 
#LandingPage .pics img {  
    padding: 0px;  
} 

#trailer {
}

#trailer-frame {
	width : 640px;
	height : 360px;
    background-color: #ddd;  
	text-align : center;
	border: 3px solid #433; 
	margin : 30px auto;
}

/*
#LandingPage .pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
*/

/** Team page **/
#TeamListPage #UpperRegion {
	position : relative;
	width : 100%
}

#TeamListPage .pics {  
	
    width:   310px;  
    height:  210px;  
    padding: 0;  
    margin-left:  3px ;  
    margin-top : 0px;
    margin-bottom : 10px;
    margin-right : 5px;
    float : left;
} 
#TeamListPage .pics img {  
    padding: 0px;  
} 

#TeamListPage #TeamListPageGeneralSummary {
	margin-bottom : 10px;
	text-align: left;
}



/** Contribute page **/

#DonationContainer {
	position : relative;
	width : 350px;
	height : 115px;
	float : right;
	margin-top : 35px;
	margin-left : 20px;
    border:  1px solid #433;  
    padding: 8px;
    padding-right: 8px;
    padding-bottom: 6px;
    
}


#PaypalFormContainer {
	float : right;
}

#PaypalFormContainer form#PaypalForm {
	position : relative;
	width : 63px;
	height : 74px;
	text-align : center;
}

#PaypalFormContainer input#PaypalFormImage {
}

#PaypalFormContainer a {
	font-size : 10px;
}

#DonationContainer #or {
	position : relative;
	width : 50px;
	height : 100%;
	top : 30px;
	float : left;
	text-align : center;
}
#DonationContainer #or p {
   padding : 0px;
   margin: 0px;
}



#DonationContainer #CheckAddress {
 	float : left;
   padding : 0px;
   margin: 0px;
}
#DonationContainer #CheckAddress p {
   padding : 0px;
   margin: 0px;
}

#AfterPaypalThankYouMessage {
	margin-top : 20px;
	font-size: 1.8em;

}


/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #000;
	border: 4px solid #890000;
	background: #EFB4A5;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}



	
/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
/* Speech Bubbles*/
#CommentHolder ul .comment {
	background-color: #860410;
	color: #FEF3E2;
	padding-left: 25px;
	padding-bottom: 5px;
	text-indent: 0;
}
#CommentHolder ul .even .comment {
	background-color: #56170a;
	color: #FEF3E2;
	text-indent: 0;
	padding-left: 25px;
	padding-bottom: 5px;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: transparent url(../images/commentBg.png) no-repeat left 13px;
	padding-left: 7px;
}

#PageComments li.even {
	background: transparent url(../images/commentBgAlt.png) no-repeat left 13px;
	padding-left: 7px;
}

#PageComments li p.info {
	color: #000;
}

.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
   border-right: 1px solid;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}
/* Footer 
*****************************************/

#Footer { 
	margin-top : 30px;
	margin-bottom : 15px;
	width: 100%;
	font-size: 9pt;
	line-height: 14pt;
	font-family: "arial", "Times New Roman", serif;
 	color: #433;
	background: transparent url(../images/footer-bg.png) top left repeat-x;
	}
		/* need this too, as regular link is there for site credit */
  	#Footer a ,
  	#Footer .seperator { 
   		color : #666;
		text-decoration : none;
	}
	#Footer a:hover {
	   	color: #AAA; 
		cursor: pointer;
	}
	
  	#Footer #Copyright { 
  		margin-left : 35px;
  		margin-right : 20px;
		float: left;
	}	
  	#Footer #SiteCredit { 
  		margin-left : 20px;
	}
	#Footer .outerSpan {
	}

	#Footer a.current ,
	#Footer a.current:hover { 
		/* current one will stand out just a shade */
   		color : #888;
		cursor: default;
	}
	
	#Footer a.section {
		/* current one will stand out just a shade */
   		color : #888;
	}
	#Footer a.section:hover { 
	   	color: #AAA; 
	}