/* CSS document for Brisbane Valley Rail Trail */

html, body {
	margin: 0;
	padding: 0;
	background: #CCC2AA url('../images/paper-mid-tile-wide.jpg') repeat-y scroll center top;
	width: 100%;
	min-width: 1050px;
}

#wrapper {
	width: 100%;
	min-width: 980px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: transparent url('../images/banner+menu.jpg') no-repeat scroll top;
}
	
	#header {
		/*padding: 0 0 180px 0;*/
		height: 209px;
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
		#header a {
			/*padding: 0 305px 180px 0:*/
			height: 185px;
			width: 330.5px;
			display: block;
			border: 0;
		}
		#header img {
			display: inline;
			font-size: 0pt;
			color: transparent;
		}
	
	/* Just for design purposes */
	
	#bodyWrapper {
		margin: 0 auto;
		width: 820px;
	}
	
	#body {
		margin: 0 0 0 140px;
		position: relative;
		z-index: 2;
	}
		#body h1 {
			font-size: 22pt;
			font-family: georgia, serif;
			color: #7A4501;
			margin: 0;
			padding: 0 0 10px 20px;
		}
		
		ul.brochure {
			list-style-type: none;
			text-align: left;
			width: 330px;
			font-size: 9pt;
			font-family: georgia, serif;
			font-style: italic;
			margin: 0 0 0 82px;
		}
			ul.brochure li {
				display: inline;
			}
			
		
		/* Define sidenote */
		#sidenote {
		  font-family: georgia, serif;
			background: transparent url('../images/post-it-communityportal.jpg') no-repeat scroll;
			width: 200px;
			height: 340px;
			position: absolute;
			top: 300px;
			right: -72px;
			padding: 30px 0 0 0;
		}
			#sidenote h2 {
				color: #7A4501;
				font-size: 10pt;
				padding: 0 0 0 25px;

			}
			#sidenote p {
				width: 165px;
				padding: 7px 0 0 20px;
				font-size: 8pt;
				margin: 0 0 3px 0;
			}
			
		#sideimages {
			background: transparent url('../images/sideimages-thetrail.jpg') no-repeat scroll;
			width: 259px;
			height: 100%;
			position: absolute;
			top: 0px;
			right: -115px;
		}
		
		/* Define articles */
		#body div.article {
		  margin: 0 0 40px 0;
		}
			div.article h2 {
				font-size: 16pt;
				font-family: georgia, serif;
				font-style: italic; 
				color: #AF8758;
				padding: 10px 0 0 20px;
			}
			
			div.article h3 {
				font-size: 11pt;
				font-family: georgia, serif;
				font-weight: bold;
				padding: 3px 0 3px 20px;
			}
				
			div.article p {
				font-size: 10pt;
				font-family: verdana;
				padding: 0 0 10px 20px;

			}
			div.article h2, div.article p, div.article h3 {
				margin: 10px 0 0 60px;
				width: 455px;
				/*this is to make the heading text go over the side image*/
				position: relative;
			}			
			div #body h1 {
				width: 490px;
				margin: 0 0 0 60px;
				/*this is to make the heading text go over the side image*/
				position: relative;
			}
			
				/*Define CSS only date tag*/
				div.date {
					background-color: #7A4501;
					padding: 0;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
					border: 2px solid #7A4501;
					margin: 13px 0 0 0;
					width: 50px;
					text-align: center;
					font-family: century, serif;
					float: left;
				}
					#body b.month {
						-moz-border-radius-topleft: 10px;
						-webkit-border-top-left-radius: 10px;
						-moz-border-radius-topright: 10px;
						-webkit-border-top-right-radius: 10px;
						background-color: #DCB584;
						color: #7A4501;
						display: block;
						font-size: 14pt;
					}
					#body b.day {
						display: block;
						padding: 0 0 0 0;
						margin: -2px 0 3px 0;
						font-size: 24pt;
						text-align: center;
						color: #DEDECE;
					}
					#body b.year {
						-moz-border-radius-bottomleft: 10px;
						-webkit-border-bottom-left-radius: 10px;
						-moz-border-radius-bottomright: 10px;
						-webkit-border-bottom-right-radius: 10px;
						background-color: #DCB584;
						text-align: center;
						color: #7A4501;
						padding: 0 2px;
						display: block;
						font-size: 10pt;
					}
		#body div.gallery {
			
		}
			#body div.gallery ul {
				list-style-type: none;
				width: 450px;
				margin: 10px 0 0 77px;
			}
				#body div.gallery ul li {
					display: inline;
					margin: 0;
					padding: 0;
				}
					#body div.gallery ul li a, #body div.gallery ul li a:visited {
						
					}
					#body div.gallery ul li a:hover, #body div.gallery ul li a:active {
						
					}
    #uploader {
        font-size: 11px;
        font-family: arial, sans-serif;  
        text-decoration: none;
        color: #7A4501;   
    }
	#footer {
		font-family: georgia, serif;
		text-align: center;
		width: 100%;
		float: left;
		font-size: 9pt;
		padding: 50px 0 25px 0;
	}
		#footer ul {
			margin: 0 0 0 50px;
			padding: 0;

		}
			#footer ul li {
				display: inline;
				margin: 0 1px 0 0;
			}

  #basiclist ul {
    margin: 0 140px 30px 100px;
		font-size: 10pt;
		font-family: verdana;
		position: relative;
  }
  
   #links ul {
    margin: 20px 110px 30px 100px;
		font-size: 12pt;
		font-family: verdana;
		list-style: none;
  }
  
/* All links except menu links*/

  a, a:visited {
  	color: #787C46;
  	text-decoration: underline;
  }
  a:hover, a:active {
  	color: #D0AC78;
  }

#error {
	width: 400px;
	border: 1px solid #DA6F56;
	background-color: #D35832;
	margin: 0 0 0 80px;
	color: #FFF;
}
	#error li {
		margin: 0 0 0 20px;
	}