/* CSS Document */

/******************** LAYOUT **************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	background:#000000;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	text-align:left;
}

#main_wrapper {
	width:950px;
}

#header {
	width:922px;
	height:164px;
	background:url(../images/header-bg.jpg) no-repeat;
	padding:11px 28px 0 0;
}

#home {
	float:left;
	width:268px;
	height:164px;
	margin-left:115px;
}

#home span {
	display:none;
}

#nav-rss {
	float:right;
	display:inline-block;
	background:url(../images/nav-sprites.gif) 0px 0px;
	width:33px;
	height:35px;
}

#nav-rss:hover {
	background:url(../images/nav-sprites.gif) 0px -35px;
}

#nav-news {
	float:right;
	display:inline-block;
	background:url(../images/nav-sprites.gif) -33px 0px;
	width:74px;
	height:35px;
}

#nav-news:hover {
	background:url(../images/nav-sprites.gif) -33px -35px;
}

#nav-about {
	float:right;
	display:inline-block;
	background:url(../images/nav-sprites.gif) -107px 0px;
	width:109px;
	height:35px;
}

#nav-about:hover {
	background:url(../images/nav-sprites.gif) -107px -35px;
}

#nav-gallery {
	float:right;
	display:inline-block;
	background:url(../images/nav-sprites.gif) -216px 0px;
	width:105px;
	height:35px;
}

#nav-gallery:hover {
	background:url(../images/nav-sprites.gif) -216px -35px;
}

#nav-links {
	float:right;
	display:inline-block;
	background:url(../images/nav-sprites.gif) -321px 0px;
	width:87px;
	height:35px;
}

#nav-links:hover {
	background:url(../images/nav-sprites.gif) -321px -35px;
}

#nav-contact {
	float:right;
	display:inline-block;
	background:url(../images/nav-sprites.gif) -408px 0px;
	width:131px;
	height:35px;
}

#nav-contact:hover {
	background:url(../images/nav-sprites.gif) -408px -35px;
}

#nav-videos {
	display:block;
	background:url(../images/nav-videos.gif) 0px 0px;
	width:253px;
	height:91px;
}

#nav-videos:hover {
	background:url(../images/nav-videos.gif) 0px -91px;
}

#nav-newsletter {
	display:block;
	background:url(../images/nav-newsletter.gif) 0px 0px;
	width:131px;
	height:66px;
}

#nav-newsletter:hover {
	background:url(../images/nav-newsletter.gif) 0px -66px;
}

#nav-rss span, #nav-news span, #nav-about span, #nav-gallery span, #nav-links span, #nav-contact span, #nav-videos span, #nav-newsletter span {
	display:none;
}

#navbar {

}

#content {
	background:url(../images/default-bg.jpg) top no-repeat;
	padding:40px;
	text-align:left;
}

#content_about {
	background:url(../images/about-bg.jpg) top no-repeat;
	padding:40px 40px 40px 528px;
	text-align:left;
}

#content_contact {
	background:url(../images/contact-bg.jpg) top no-repeat;
	padding:40px 40px 40px 528px;
	text-align:left;
	height:260px;
}

#content_links {
	background:url(../images/links-bg.jpg) top no-repeat;
	padding:40px 40px 40px 528px;
	text-align:left;
}

#content_bio_matt {
	background:url(../images/bio-matt-bg.jpg) top no-repeat;
	padding:40px 40px 40px 528px;
	text-align:left;
	height:300px;
}

#content_bio_andrew {
	background:url(../images/bio-andrew-bg.jpg) top no-repeat;
	padding:40px 40px 40px 528px;
	text-align:left;
	height:375px;
}

#content_bio_jeanna {
	background:url(../images/bio-jeanna-bg.jpg) top no-repeat;
	padding:40px 40px 40px 528px;
	text-align:left;
	height:300px;
}

#main_col {
	width:700px;
	float:right;
	margin-left:-200px;
}

.white_border {
	border:3px solid #FFFFFF;
	margin-bottom:5px;
}

.title {
	color:#d0aa7d;
	font-size:16px;
	font-weight:bold;
}

.time {
	color:#d0aa7d;
	font-size:11px;
	font-weight:normal;
}

.title a, .time a {
	text-decoration:none;
	color:#d0aa7d;
}

.date {
	color:#FFFFFF;
	font-style:italic;
	font-size:11px;
}

.dark_gold {
	color:#514130;
}

#left_col {
	float:left;
	width:200px;
}

#footer {
	clear:both;
	height:51px;
	width:925px;
	background:url(../images/footer-bg.jpg);
	margin-bottom:10px;
	padding:14px 0 0 25px;
	text-align:left;
}

#footer_home {
	height:51px;
	width:925px;
	background:url(../images/home-footer-bg.jpg);
	margin-bottom:10px;
	padding:14px 0 0 25px;
	text-align:left;
}

#copyright {
	font-size:10px;
	color:#FFFFFF;
	padding-right:35px;
	text-align:right;
	margin-bottom:10px;
}

/******************** STYLES **************************/

table {
	font-size:12px;
}

a {
	color:#cba277;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 0px 0px 20px 0px;
}

.nav_link {
	display:block;
	padding:5px 3px 3px 12px;
	color:#303030;
	font-size:15px;
	text-decoration:none;
	text-align:left;
}

.nav_link:hover {
	display:block;
	background-color:#303030;
	padding:5px 3px 3px 12px;
	color:#e8dac1;
	font-size:15px;
	text-decoration:none;
	text-align:left;
}

.title {

}

.subtitle {
	color:#888888;
}

.header1 {
	font-size:22px;
	font-weight:bold;
	line-height:normal;
}

.header2 {
	font-size:18px;
	font-weight:bold;
	line-height:normal;
}

.header3 {
	font-size:14px;
	font-weight:bold;
	line-height:normal;
}

h1 {
	color:#cba277;
	font-size:28px;
	margin-top:0;
	margin-bottom:0;
	line-height:normal;
}

h2 {
	color:#cba277;
	font-size:18px;
	margin-top:0;
	margin-bottom:0;
	line-height:normal;
}

h3 {
	color:#cba277;
	font-size:14px;
	margin-top:0;
	margin-bottom:0;
	line-height:normal;
}

.header1 a, .header2 a, .header3 a, h1 a, h2 a, h3 a {
	color:#000000;
	text-decoration:none;
}

.header1 a:hover, .header2 a:hover, .header3 a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:underline;
}

.image_on_right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.image_on_left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.keywords {
	background-color:#EEEEEE;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px;
}

/* Comments */

.commentContent {
	border-top:1px dotted #999999;
	padding-top:10px;
}

.commentInfo {
	padding-top:4px;
	padding-bottom:10px;
}

/* Calendar */

.cal_header {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}

.calendar {
	width:100%;
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}

.calendar td {
	border: 1px solid #DDDDDD;
	vertical-align: top; 
}

.calendar td.today {
	background-color:#FFFFCC;
}

.calendar td.other_day {
	background-color:#FFFFFF;
}

.dayofweek {
	background-color: #333333;
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
	padding:2px;
}

.empty_day {
	background-color:#DDDDDD;
}

.highlight {
	background-color: #FFE7D0;
}

.day {
	background-color:#EEEEEE;
	font-size:11px;
	color:#4F4F45;	
	padding:2px;
}

.day_today {
	background-color:#DDDDDD;
	font-size:11px;
	color:#4F4F45;	
	padding:2px;
}

.day a, .day_today a {
	color:#4F4F45;
	text-decoration:none;
}

.calendar hr {
	border: none 0;
	height: 1px;
	border-top: 1px dotted #B9B9A2;
}

.gray {
	color:#CCCCCC;
}

.author {
	font-weight:normal;
}

.author a {
	color:#000000;
	text-decoration:none;
}

.author a:hover {
	text-decoration:underline;
}

.form {
	font-size:11px;
}

.form select, textarea {
	font-family:"Lucida Grande",LucidaGrande,Arial,sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

.form_element {
	font-family:"Lucida Grande",LucidaGrande,Arial,sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

.copyright {

}

.copyright a {

}

.error {
	text-align:left;
	padding:6px;
	background-color:#FFFFCC;
	border:solid #FFCC33 2px;
}

.button {
    display:inline-block;
    padding:2px 7px !important;
    background:#444444;
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    margin:3px 0 8px 0;
    text-shadow: 1px 1px 2px #000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:#000 0 1px 2px;
    -webkit-box-shadow:#000 0 1px 2px;
    -moz-box-shadow:#000 0 1px 2px;
    /*border:1px solid #CCC;*/
    border:0 none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}

.button:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    text-decoration:none;
    background:#888888;
}

.info, .success, .warning, .error, .validation {
    border-top:2px solid;
    border-bottom:2px solid;
    margin:10px 0px;
    padding:8px 8px 8px 34px;
    background-repeat:no-repeat;
    background-position:10px 50%;
    text-align:left;
}

.info {
    color:#00529B;
    background-color:#BDE5F8;
    background-image:url('../images/info.png');
}

.success {
    color:#4F8A10;
    background-color:#DFF2BF;
    background-image:url('../images/success.png');
}

.warning {
    color:#9F6000;
    background-color:#FEEFB3;
    background-image:url('../images/warning.png');
}

.error {
    color:#D8000C;
    background-color:#FFBABA;
    background-image:url('../images/error.png');
}

.form label {
    font-size:.9em;
    font-weight:bold;
    margin-bottom:0px;
    line-height:normal;
	color:#000000;
}

.form input, .form select, .form textarea {
    margin-bottom:7px;
    border:1px solid #CCCCCC;
    padding:3px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}

.form input:focus, .form select:focus {
    border:1px solid #999999;
}


.form .button {
    font-size:11px;
}

.form .comment {
    color:#AAAAAA;
    font-size:.9em;
    margin-bottom:12px;
}