/*  
Theme Name: Wachusett-01
Theme URI: http://wyatts.org
Description: Wachusett reservoir theme
Version: 0.1
Author: Zachary Wyatt
Author URI: http://www.zacharywyatt.org
*/

/* Start Basics */
*{
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	background: black;
}

a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}

body a:hover {
	color: #888;
}

a img {
	border: none;
}

img {
	padding: 5px;
}
/* End Basics */


/* Start Main Layout */

#container {
	margin: 0px auto;
	width: 770px;
}

#nav {
	padding: 3px 0px 20px 0px;	
}

/* End Main Layout */


/* Start Header */
#header {
	float: left;
}

#title {
	font-size: 12px;
	font-weight: bold;
	}
	
#title a:link, #title a:visited, #title a:active, #title a:hover {
	color: #FFF;
	text-decoration: none;
	}

#subtitle {
	color:#888;
	font-style: italic;
	font-size: 12px;
	padding-left: 10px;
}
/* End Header */


/* Start Menu */
#menu {
	float: left;
	font-size: 12px;
	font-weight: bold;
}

#menu ul {
	list-style: none;
	padding-left: 20px;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	display: block;
	vertical-align: middle;
	padding: 0px 50px 0px 4px;
	color: #888;
	text-decoration: underline;
	text-transform: uppercase;
	border-left: 1px solid #FFF;
}

#menu ul li a:hover {
	color: #fff;
}
/* End Menu */

/* Graphical Title Bar */
#headergraphic {
	width: 770px;
	height: 70px;
	background-image: url('images/wachusett_thin.jpg');
}

.maintitle {
	font-size: 45px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
}

#headergraphictitle {
	padding: 13px 0px 0px 25px;
}

#headergraphictitle a {
	color: #FFF;
	text-decoration: none;
}

/* Start Frontpage */
#frontpage {
	width: 770px;
	height: 475px;
	background-image: url('images/wachusett2.jpg');
}

#frontcontent {
	display: show;
}

#frontphotocredit {
	text-align: right;
	font-style: italic;
	font-size: 11px;
	color: #888;
}

#frontphotocredit a {
	color: #888;
}


#fronttitle {
	padding: 135px 0px 0px 25px;
}

.transparentbox {
	background-color: #fff;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

/* notes:
  - widths should match (accounting for left/right padding)
  - height of box = top-margin of frontintro
*/
#frontintrobox {
	width: 300px;
	height: 38px;
	margin: 10px 0px 0px 25px;
}

#frontintro {
	width: 294px;
	position: relative;
	margin: -38px 0px 0px 25px;
	padding: 3px 3px 3px 3px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#frontpostsbox {
	width: 450px;
	height: 200px;
	margin: 10px 0px 0px 25px;
}

#frontposts {
	width: 444px;
	position: relative;
	margin: -200px 0px 0px 25px;
	padding: 3px 3px 3px 3px;
}

#frontpoststitle {
	float: right;
	font-size: 10px;
	font-weight: bold;
}

#frontposts .post {
	padding: 0px 0px 5px 0px; 
}

#frontposts .posttitle {
	font-size: 14px;
	font-weight: bold;
}

#frontposts .postmetadata {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #000;
}

#frontposts .entry {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 7px;
}

#frontposts .entry p {
	padding: 0px 0px 0px 0px; 
}

#frontposts .entry a {
	text-decoration: none;
}

/* End Frontpage */

#content {
	width: 760px;
	margin-top: 5px;	
	background-color: #FFF;
	padding: 5px 5px 5px 5px;
}


/* Start Post */
.post {
	padding: 0px 0px 10px 0px;
}

.posttitle {
	font-size: 26px;
	font-weight: bold;
}

.posttitle a {
	text-decoration: underline;
}

.postmetadata {
	font-size: 12px;
	font-style: italic;
	color: #888;
}

.entry {
	padding: 5px 10px 5px 0px;
	font-size: 13px;
}

.entry p {
	padding: 5px 0px 5px 0px; 
}

.entry ul {
	margin-left: 40px;
}

/* End Post */


/* Start Comments */

#comments {
	border-top: 1px solid #000;
}

#comments .commentstitle {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #888;
	text-transform: uppercase;
}

#comments ol {
	list-style: none;
	margin-left: 20px;
}

#comments ol li {
	font-size: 12px;
	border-left: 1px solid #000;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 5px;
}

#comments .commentmetadata {
	font-size: 13px;
	font-style: italic;
	color: #888;
}

#comments p {
	padding: 5px 0px 5px 0px; 
}


/* End Comments */


/* Start Comment Form */

#commentsform {
	border-top: 1px solid #000;
	margin-top: 30px;
}

#commentsform .commentsformtitle {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #888;
	text-transform: uppercase;
}


#commentsform .commentmetadata {
	font-size: 13px;
	font-style: italic;
	color: #888;
}

/* End Comment Form */

/* Start Archives */

.pagetitle {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
}

.archives h2 {
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
}

.archives ul {
        padding-left: 50px;
}

/* End Archives */





/* Start Footer */	
#footer {
	clear: both;	
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	color: #888;
	}

#footer a {
	color: #888;
}

#footer a:hover {
	color: #f00;
}
/* End Footer */
