/*

*leisureprojects.com*
coded by Kevin Finlayson 
Principal Designer,
Dust and Mold 
info@dustandmold.net 
Dissect only

See related IE.css files for future-proofing and IE hacking.

TOC:

1. Global Reset
2. Structure
3. Navigation
4. Typography
5. sIFR
6. Accessibility
7. Special Rules

I reserve the right to not follow this scheme ;)

*/

/* (1) GLOBAL RESET

This reset replicates mozilla/standards whitespace and flow behaviours across all browsers.  Major shouts to Left Justified: http://leftjustified.net/journal/2004/10/19/global-ws-reset/

*/

* {
padding:0;
margin:0;
font-size: 1em;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin:20px 0; 
}

li, dd { 
	margin-left: 40px; 
}

fieldset { 
	padding:10px; 
}

/* (2) STRUCTURE */

html, body {
	height:100%;
}


/*10 pt standard text size - for 11pt switch to 67%*/
body {
	font: 67%/1.6em "Lucida Grande", 'Lucida Sans', verdana, arial, sans-serif;
	color: #767471;
	background: #C5E3ED url("comps/realbg.gif") repeat-y center top;
}

/*center layout*/
#wrapper {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f2efed;
	min-height: 600px;
	height: 100%;
}

#header {
	width: 740px;
	background: #ffffff url("comps/lhead.jpg") no-repeat left top;
	height: 80px;
	position:relative;

}

#searchbar {
	width: 500;
	height: 20px;
	position:absolute;
	top: 6px;
	left: 525px;
	text-align: left;
}

#content {
	width: 710px;
	padding-left: 30px;
	height: auto;
	min-height: 500px;
	background-color: white;
	padding-bottom: 30px;
	float: right;
}

#main {
	width: 465px;
	margin-bottom: 20px;
	height: 100%;
	padding-top: 20px;
	min-height: 500px;
}

#sidebar {
	width: 185px;
	float: right;
	padding-left: 30px;
	min-height: 500px;
	height: 100%;
	background-color: white;
	padding-right: 30px;
	padding-top: 20px;
}


#footer {
	width: 680px;
	padding-right: 30px;
	padding-left: 30px;
	border-top: 10px solid #E4DED8;
	height: 40px;
	clear:both;
	background-color: #f2efed;	   
	font-size: 10px;
}

/*#bottom {
	width: 700px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url("comps/bottom1.gif") no-repeat left top;
}*/

/* (3) NAVIGATION */

#navcontainer {
	width: 740px;
	position:relative;
	height: 40px;
	background: white url("comps/nav2.gif") no-repeat left top;
	border-top: 10px solid #E4DED8;
	/*border-bottom: 1px solid #c8c8c8;*/
}

ul#nav {
	height: 40px;
	width: 720px;
	list-style: none;
	margin: 0px;
	padding-left: 20px;
	background-color: transparent;
}

ul#nav li {
	display: block;
	height: 40px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

ul#nav li a, ul#nav li a:visited {
	display: block;
	width: auto;
	padding: 13px 10px 0px 10px;
	font: 1.18em/1.3 Helvetica, "Lucida Grande", arial, sans-serif;
	color: #81817A;
	letter-spacing: normal;
	height: 27px;
	margin: 0;
	margin-right: 0px;
	float: left;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 5px solid white; 

}

ul#nav li a:hover {
	color: #81817A;
	border-bottom: 5px solid #DAFBFF;
}

#events_and_projects #events_and_projectsnav a, 
#news #newsnav a,
#leisure_letters #blognav a,
#members #membersnav a,
#section5 #section5nav a{
	color: #383838;
	font-weight: bold;	
}

/* (4) TYPOGRAPHY */

p{
	margin-top: 0.7em;
}

a, a:visited {
	color: #25B2BE;
	text-decoration: none;
	font-weight: normal;
/*	background-color: #DAFBFF;*/
	
	
}

a:hover {
	background-color: #DAFBFF;
	border-bottom: 1px solid #93EAF3;
}

blockquote {
	margin-left: 20px !important;
	border-left: 5px solid #efefef;
	background-color: #f3f3f3;
	width: 100%;
	padding-left: 10px;
	
	float: left;
	margin: 0;
}

h1, h2, h3, h4, h5 {
	font-family: "Times New Roman", Times, georgia, serif;
	color: #B89E7C;
/*	color: #F01818;*/
	font-weight: normal;
	clear: left;
	
}

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, #members #main h4 {
	
	color: #3D3935;
	font-weight: normal;
	background-color: transparent;

}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	border-bottom: none;
	background-color: transparent;
}
	
h1 {
	font-size: 2.18em;
	margin:0px;
	padding:0px;
}

h2 {
	font-size: 1.45em;
	margin-bottom: 10px;
	margin-top:0px;
	font-family: "Helvetica", "Lucida Grande", arial, sans-serif;
	border-bottom: 1px solid #E0C9AB;
	border-top: 1px solid #E0C9AB;
/*	border-right: 1px solid #FFC4BE;
	border-left: 1px solid #FFC4BE;*/
	background-color: #FDF7F0;

/*	border-bottom: 5px solid #FFD8E8;*/
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 2px;
	
	
}

h3 {
	font-size: 3em;
	font-family: "Times New Roman", Times, georgia, serif;
	margin: 20px 0;
	line-height: 1.2em;
}

h4 {
	font-size: 1.45em;
}

h5 {
	font-size: 1.18em;
	margin:10px 0px 0px 0px;
	font-family: "Helvetica", "Lucida Grande", arial, sans-serif;
}

.credits {/*font-size located in markup cascade*/
}

/* (5) sIFR */

/* (6) ACCESSIBILITY */

a.logo_outdent {
	padding-top: 0px;
 	margin-top: 0px;
	position: absolute;
	left: 30px;
	top: 0px;
	display: block;
	height: 80px;
	width: 310px;
	text-indent: -1999px;
 	background-color: transparent;
}

/* (7) LIVESEARCH RULES*/

#LSResult { 
	position: absolute; 
	background-color: #DAFBFF; 
	width: 192px; 
	margin-top: 0px;
	padding: 0px;
	border: 0px;
	color: #25B2BE !important; 
	border-left: 1px solid #80B4CE; 
	border-right: 1px solid #80B4CE; 
	border-bottom: 1px solid #80B4CE;
	border-top: 1px solid #80B4CE; 
	}

#LSResult a, #LSResult a:visited {
	color: #25B2BE !important;
}
	 

#LSShadow { 
	padding: 0;
}

#LSRes { 
	background-color: transparent; 
}

.LSRow {
	padding: 0 5px; 
}

#LSHighlight { 
	background-color: #C5F9FF;
	}

#LSHeader {
	padding: 2px 5px 8px 5px;
	color: #25B2BE; 
	margin-top: 0px;
	}
	
.lsDate { 
	display: block; 
	color: #555; 
	}

#LSHeader a {
	color: #143241;
}

/* (7.5) LIVE ARCHIVE STYLES */

#livearchives {height: auto; float: left; text-align: left;}

#rssLiveArchive { margin: 10px 0; height: auto;}

#rssLiveArchive ul { padding: 0; list-style-type: none; border-left: 1px solid #E0C9AB; }

#rssLiveArchive ul li { text-align: left; padding: 1px 8px; margin:0; }

#rssLiveArchive-year { float: left; width: 100px; margin: 0; padding: 0;}

#rssLiveArchive-year li { position: relative; font-weight: bold;}

#rssLiveArchive-month { float: left; width: 100px; margin: 0; font-weight: bold;}

#rssLiveArchive-month li { position: relative; font-weight: bold;}

#rssLiveArchive-post { float: left; width: 250px; margin: 0;}

#rssLiveArchive-post li { position: relative; font-weight: bold;}

#rssLiveArchive ul li span { position: absolute; right: 8px; font-weight: normal; color: #333; }

*html #rssLiveArchive ul li span { top: -4px; }

#rssLiveArchive .selected { background: #FDF7F0; padding-top: 0; padding-bottom: 0; }

#rssLiveArchiveLoading {float: left; width: 100%; text-align: center; font-size: 2em; color: #E0C9AB;}
	
/* (7.6) Comments */

#comments {
width: 360px;
height: auto;
min-height: 40px;
margin-top: 20px;
padding: 10px 10px 20px 10px;   
float:none;
}

.even {
background: #efefef url("comps/comment_even.gif") bottom left;
background-repeat: no-repeat;
}

.odd {
background: #dedede url("comps/comment_odd.gif") bottom left;
background-repeat: no-repeat;
}

.mycomment {
background: #D7F2FF url("comps/mycomment.gif") bottom left;


}

#cmntform {
width: 360px;
float:none;
margin: 20px 0px 20px 0px;
padding: 10px 10px 20px 10px;
background-color:#efefef;
border: 1px solid #dedede;

}

#cmntform span {
display: block;
}

#cmntform label {
float: left;
width: 90px;
}

#cmntform p {
font-size: .93em;
}

#cmntform .button {
margin: 0 25px 0 0;
}

.cmnt img {
border: 1px solid #333;
height: 40px;
width: 40px;
margin: 0 10px;
background: #DCEEC9 url(/img/grav.jpg);
}

.cmnt {
margin: 10px 0;
padding: 5px 0;
color: #333;
}

.cmnt a, .cmnt a:visited { color: #496C23; text-decoration: none; }

.cmsg {
padding: 5px 0 0 0;
border-top: 1px solid #333;
}


.mycmnt { background: #DCEEC9; font-weight: bold; }
.mycmnt .cmsg { font-weight: normal; }

.cmntinner {
padding: 0 15px;
margin: 0 80px 0 0;
}



/* (8) SPECIAL RULES */

fieldset { 
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0.7em;
	padding: 0px;
	border: 0px;
}

label {
	margin-right: 10px;
}

#searchbar form {
	margin: 0px !important;
	margin-right: 5px;
}

#searchbar form p {
	margin-right: 5px;
}

#main p {
	max-width: 465px;
}

#main img {
	border: 15px solid #f2efed;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.big {
/*	font-size: 1.45em;
	color: #767471;*/
}

.med {
	font-size: 1.18em;
	color: #767471;
}

.small {
	font-size: 0.87em;
	line-height: 1.4em !important;
}

.light {
	color: #F77373;
}
	
.separator {
	width: 100%;
	height: 10px;
	background-color: transparent;
	float: left;
	clear: left;
	margin-top: 10px;
	
}

h4 {
	margin-bottom: 0;
	text-decoration:none;
}

#main h3, #main h3 a, #main h3 a:visited {
	text-decoration: none;
	margin-bottom: 10px;
}


h4 a:hover, #main h3 a:hover {
	text-decoration: underline;
}

#events_and_projects h4, #news #sidebar h4, #leisure_letters #sidebar h4, h4.live {
	border-bottom: 1px dotted #E0C9AB;
	margin-bottom: 10px;
}


#sidebar p {
	margin-bottom: 0px;
}

.permlink {
	clear: left;
	margin-bottom: 10px;
	margin-top: 0px;
	
}

#news #main .permlink, #search #main .permlink, #leisure_letters #main .permlink, #search #main .permlink, #members #main .permlink {
	margin-top: -15px;
}

#leisure_letters #main .permlink {
	margin-bottom: 40px;
}


#events_and_projects .permlink {
	float: left;
	clear: left;
/*	background-color: black;*/
	margin-bottom: 40px;	
}

#footer p {
	margin: 12px 0;
	font-size: 0.93em;
	color: #a8a8a8;
}

#footer a, #footer a:visited {
	color: #a8a8a8;
	text-decoration: underline;
	font-weight: normal;
	background-color: transparent !important;
	}

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

.visit {
	margin: 20px 0 !important;
}

.prevnext {
	padding-top: 20px;
	clear:left;
}

#sidebar li {
	margin-left: 15px;
	color: #25B2BE;
}

#sidebar ul {
	margin: 20px 0;
}

#members #main img {
	float: right !important;
	margin-right: 0;
	margin-left: 10px;
}

.wasorig {
	color: #B89E7C;
	font-size: 1em;
	font-weight: bold;
	background-color: #FDF7F0;
	border: 1px solid #E0C9AB;
	display: block;
	padding: 3px !important;
	max-width: 200px;
	margin: 20px 0;
	
}

ul.feed {
	list-style: none;
}

ul.feed li {
/*	background: transparent url("comps/arrow.gif") no-repeat left center;
	padding-left: 20px;*/
	margin-left: 0px !important;

}
	

h2.feeds {
	background: #fdf7f0 url("comps/feed-icon.gif") no-repeat left center;
	padding-left: 24px;
	}