/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5% "Lucida Grande", sans-serif;
	background: url(images/body-bg.jpg) top left repeat;
}

ul { list-style: none inside; }
li {font-family: Georgia, serif; color: #a69028; font-size: 1.5em; font-weight: normal;}

p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #fff9a7; padding: 3px;} 
a { outline: none; text-decoration: none; }


.pic{border:1px solid #fff9a7;}

h1 {
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #a69028;
	}
	
	h2 {
	font-family: tahoma,;
	font-size: 1.8em;
	font-weight: normal;
	color: #ffffff;
	}
	
	h2#logo {
		width: 654px;
		height: 112px;
		background: url(images/header.jpg) no-repeat center center;
		text-indent:-9999px;
	}
	
	
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 654px;
	margin: 0 auto;
	background: url(images/content-bg.jpg) repeat-y;
	}
	#main-content {
		padding: 30px 50px 30px 50px;
	}
	#article-area {
		width: 350px;
		float: left;
		text-align:justify;
	}
	#photo-area {
		width: 550px;
		text-align:center;
	}
	
	#todo-area {
	width: 550px;
	text-align:justify;
	}
	
	
	#sidebar {
		width: 167px;
		float: right;
	}
	
	#sidebar2 {
		width: 167px;
		float: right;
		text-align:center;
	}

ul#nav {
	
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 62px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.articles a {
			width: 200px;
			background: url(images/nav-home.jpg) bottom center no-repeat;
		}
		
		ul#nav li.articlesactive a {
		width: 200px;
		background: url(images/nav-home.jpg) center top no-repeat;
		}
		
		ul#nav li.photos a {
			width: 85px;
			background: url(images/nav-photos.jpg) bottom center no-repeat;
		}
		
		ul#nav li.photosactive a {
			width: 85px;
			background: url(images/nav-photos.jpg) center top no-repeat;
		}
		
		ul#nav li.todo a {
			width: 82px;
			background: url(images/nav-todo.jpg) bottom center no-repeat;
		}
		
		ul#nav li.todoactive a {
		width: 82px;
		background: url(images/nav-todo.jpg) center top no-repeat;
		}
	
		ul#nav li.gethere a {
			width: 81px;
			background: url(images/nav-gethere.jpg) bottom center no-repeat;
		}
		
		ul#nav li.gethereactive a {
		width: 81px;
		background: url(images/nav-gethere.jpg) center top no-repeat;
		}
		
		
		ul#nav li.tips a {
			width: 83px;
			background: url(images/nav-tips.jpg) bottom center no-repeat;
		}
		
		ul#nav li.tipsactive a {
		width: 83px;
		background: url(images/nav-tips.jpg) center top no-repeat;
		}
		
		
		ul#nav li.rates a {
			width: 123px;
			background: url(images/nav-rates.jpg) bottom center no-repeat;
		}
		
		ul#nav li.ratesactive a {
		width: 123px;
		background: url(images/nav-rates.jpg) center top no-repeat;
		}
		
		
		ul#nav li a:hover {
			background-position: center center;
		}

#contact {
		text-align: center;
		font-size: 1.3em;
		
		
	}
		
#footer {
	min-height: 149px;
	background: url(images/footer-bg.jpg) no-repeat;
	
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#contactArea{
text-align:justify;
}
.picpad{ padding:5px 5px 5px 5px; float:left;}

blockquote, q {
quotes:"" "";
}


/* END STRUCTURE */