﻿/* ----------------------------------------------
    Seasons  v2
    Copyright 2010 Freed-Hardeman University  
----------------------------------------------- */

html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
ul,li {list-style-type: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-style: normal; }
em { font-style:italic;}
strong {font-weight:bold;}
img { border: none; }
a { text-decoration: none; }
h1 {font-size: 26px;font-weight: bold;letter-spacing: -.05em;color: #000;margin: 12px 0 10px 0;}
h2 {font-size: 20px;min-height: 35px;font-weight: bold;letter-spacing: -.05em;line-height: 1em;color: #000;margin: 12px 0 10px 0;}
h3 {font-size: 26px;	font-weight: bold;	letter-spacing: -.05em;	color: #000;	margin: 20px 0 0 7px;	padding: 10px 0 5px 0;}
h4 {	/* article subheading */
	font-size: 20px;	font-weight: bold;	letter-spacing: -.05em;	color: #444444;	margin: 5px 0 0 7px;}
h5 { font-size:20px; font-weight:bold; letter-spacing: -.05em; color:#000; margin:0 0 10px 0; border-bottom: 2px #ccc solid;}
h6 { font-size:18px; font-weight:bold; letter-spacing: -.05em; color:#000;}	
	
.underline {	border-bottom: 1px #ccc solid;	}
p {	font-size: 14px;	line-height: 1.3em;}
a:link, a:active, a:visited {	color: #000;	text-decoration: none;}
a:hover {	color: #000;	text-decoration: underline;}

/* -------- BODY / CONTAINER ---------- */
body {	font-family: Helvetica, Arial, sans-serif;	background: #ECEEE9;}
#container {	width: 1010px; 	margin: 0 auto;}

/* -------------- HEADER -------------- */
#header {	width: 975px;	height: 50px;background: #ECEEE9 url('http://www.fhu.edu/seasons/img/header-bkg.png') no-repeat;	margin: 20px 0 20px 0;	padding: 7px 0 0 25px;}
#search {	width: 310px;	height: 22px;	background: url('http://www.fhu.edu/seasons/img/search.png') no-repeat;	margin: -30px 15px 0 0;	padding: 6px 4px 4px 4px;	float: right;}
#search .search_img2 {cursor: pointer; float: right; padding: 0 15px 0 0; margin-top:-3px; }
#search input {	float: left;	margin: 0 0 0 15px;	border: 0;	font-family: Helvetica, Arial, sans-serif;	font-weight: bold;	font-size: 12px;	color: #000; text-transform:uppercase;}
#masthead {	width: 595px;	height: 65px;}

/* -------------- NAVIGATION -------------- */
#mainnav { 	width: 600px; height: 35px;	padding: 0 0 0 0; }
#main_nav { width: 600px; height: 35px; position: relative; }
#main_nav li { float: left; }
#main_nav li a {top: 0; height: 35px; position: absolute; display: block; background: url('http://www.fhu.edu/seasons/img/nav.png') no-repeat;text-indent: -9999px; overflow: hidden; }

/* ----- UP STATE ----- */
li#home a {left: 0; width: 55px; background-position: 0 0; }
li#photoblog a {left: 55px; width: 115px; background-position: -55px 0; }
li#videos a {left: 170px; width: 80px; background-position: -170px 0; }
li#archives a {left: 250px; width: 90px; background-position: -250px 0; }
li#contact a {left: 340px; width: 90px; background-position: -340px 0; }
li#fhu a {left: 430px; width: 90px; background-position: -430px 0; }

/* ----- HOVER STATE ----- */
li#home a:hover {background-position: 0 -35px; }
li#photoblog a:hover {background-position: -55px -35px; }
li#videos a:hover {background-position: -170px -35px; }
li#archives a:hover {background-position: -250px -35px; }
li#contact a:hover {background-position: -340px -35px; }
li#fhu a:hover {background-position: -430px -35px; }

/* -------------- PRIMARY -------------- */
#primarywrapper {	width: 603px;	float: left;	background: url('http://www.fhu.edu/seasons/img/right_shadow.png') right repeat-y;}
#primary {	width: 550px;	float: left;	padding: 25px 20px 80px 20px;	background-color: #fff;}
#primarywrapper_video { width:1007px; float:left; background: url('http://www.fhu.edu/seasons/img/right_shadow.png') right repeat-y;}
#primary_video {width:953px; float:left; padding:25px 20px 80px 20px;background-color:#fff;}
#mainstory {  	float: left;	width: 550px;	margin: 0 0 20px 0;}
.story {  	float: left;	width: 270px;	margin: 0 0 20px 0;}
.article {	margin: 30px 7px 30px 7px;}
.article p {	line-height: 1.6em;	margin: 0 0 20px 0;}
blockquote {width:260px;padding-left:35px;font-size:20px;font-weight:bold;line-height:1.2em;letter-spacing:-0.8px;background:url('http://www.fhu.edu/seasons/img/pullquotebar.jpg') repeat-y;}
.bq_left {float:left;margin:15px 25px 15px 0;}
.bq_right {float:right;margin:15px 0 15px 25px;}
.details {padding-left:10px;border-left:solid 4px #000;}

/* -------------- VIDEOS -------------- */
.videobox {	float: left;	width: 166px;	min-height: 215px;	margin: 30px 5px 0 5px;	padding: 7px 7px 7px 7px;	background: #F0F0F1;	text-align:right;}
.videobox li {	margin: 8px 0 0 0; font-size:14px;}
.videobox li a:link, .videobox li a:visited, .videobox li a:active  {	color: #000;	text-decoration: none;}
.videobox li a:hover  {	color: #000;	text-decoration: underline;}

/* -------------- PHOTO GALLERY -------------- */
#photogallery {	width: 550px;	height: 500px;	margin: 15px 0 0 0;}

/* -------------- SIDEBAR -------------- */
#sidebarwrapper {	width: 395px;	float: left;	margin: -55px 0 0 10px;	background: url('http://www.fhu.edu/seasons/img/right_shadow.png') right repeat-y;}
#sidebar {	width: 310px;	float: left;padding: 20px 20px 5px 20px;	background: #fff;}
#sidebarArrow {	width: 32px;	height: 50px;	float: left;	margin-top: 85px;}
#thisissue {	width: 310px;	height: 263px;	margin: 0 0 20px 0;	background:url('http://www.fhu.edu/seasons/img/this_issue.png') no-repeat;}
#thisissue p {	width: 145px;	height: 135px;	padding: 55px 0 0 3px;	font-size: 13px;}
.spacer {	margin: 0 0 15px 0;	}
.spacer_2 {margin: 0 0 30px 0;}
#sidebarshadow {	width: 310px;	height:10px;	float: left;	margin: 0 0 0 37px;}
#sidebar .subtitle {	width: 280px;	font-size: 12px;	margin: 1px 0 15px 0;	line-height: 1.25em;padding: 15px 15px 15px 15px;	color: #ccc;	background: #000;}

/* ----- FOOTER ----- */
#footerwrapper {	width: 100%;	height: 140px;	padding: 55px 0 0 0;	clear: both;	background: #000;}
#footer {	width: 940px;	height: 140px;	margin: 0 auto;	background: url('http://www.fhu.edu/seasons/img/fhu-belltower.png') center bottom no-repeat;}
#footerleft {	width: 400px;	height: 100px;	float: left;}
#footerright {	width: 460px;	height: 100px;	float: right;	text-align: right;}
#footer p {	font-size: 13px;	color: #999;	line-height: 1.5em;}
#footer ul {	list-style: none;	font-size: 8px;	color: #666666;	margin: 5px 0 40px 0;}
#footer ul li {	display:inline;	font-size: 13px;	padding: 0 10px 0 7px;	color: #999;}
#footer a:visited, #footer a:active, #footer a:link {	color: #999;	text-decoration: none;}
#footer a:hover {	color: #FFF;	text-decoration: none;	}
#footerbase {	width: 100%;	height: 20px;	background: #333132;	text-align: center;}
/* ---- footer wordmark sprite ----- */

/*--up state--*/
#fhuwordmark a {	left: 0; 	width: 400px; 	background-position: 0 0;}

/*--hover state--*/
#fhuwordmark a:hover {	background-position: 0 -25px; }
#footerwordmark {	width: 400px;	height: 25px;	position: relative;	margin: 0 0 35px 0;}
#footerwordmark a {	top: 0;	height: 25px;	position: absolute;	background: url('http://www.fhu.edu/seasons/img/fhu-wordmark.png') no-repeat;	text-indent: -9999px;	overflow: hidden; }

/* -- BLOG CSS --*/
/* -------------- TYPE STYLES -------------- */
.bodyCopy {	font-size: 14px;	line-height: 1.65em;	font-family: Helvetica, Arial, sans-serif;}
.questionStyle {	font-size: 14px; 	line-height: 1.65em; 	font-weight: bold; 	font-family: Helvetica, Arial, sans-serif;}
.smallTitleStyle {	font-size: 14pt;	font-weight: bold;	letter-spacing: -.06em;	line-height: 1em;	font-family: Helvetica, Arial, sans-serif;}
.subtitleStyle {	font-size: 14pt;	font-weight: bold;color: #333333;	letter-spacing: -.04em;	line-height: 1.25em;}
.copyStyle {	font-size: 10pt;	font-weight: normal;	line-height: 1.25em;}
.thisIssueCopyStyle {	font-size: 10pt;	font-weight: normal; line-height: 1.5em;}
.bigCopyStyle {	font-size: 14px; 	font-weight: normal; 	line-height: 1.25em; }
.bigTitleStyle {	font-size: 20pt;	font-weight: bold;	letter-spacing: -.04em;}
.footerStyle {	color: #999999;	font-size: 8pt;}
.blackBoxStyle {	color: #cccccc;	font-size: 9pt;	line-height: 1.2em;}

/* --Widgets-- */
div#widgetzone  /* area holding widgets */
{	padding: 10px 0 0 0;}
div.widget  /* individual widget container */
{	border: 1px solid Silver;	padding: 10px 15px;	margin-bottom: 15px;}
div.widget a.delete  /* delete 'X' above widgets when logged in as admin */
{	font-size: 10px;	float: right;	margin-left: 5px;}
div.widget a.edit  /* 'Edit' text above widgets when logged in as admin */
{	font-size: 10px;	float: right;}
div.widget h4  /* widget heading */
{	font-size: 16px;	padding-bottom: 5px;	margin: 0 0 5px 0;}
#widgetzone .widget ul  /* unordered lists in widgets (i.e. Admin pane) */
{	list-style-type: none;	margin: 0;	padding: 0;}
#widgetzone div.image  /* single image widget */
{	border: none;	padding: 0;	margin-top: -16px;}

/* --General-- */
/*h1{	font-size: 20pt;	font-weight: bold;}*/
.small_text{	font-size: 12px;}
.error /* error message (used on comments page) */
{	color: red;	font-weight: bold;}

/* --Posts-- */
h1.post_title  /* post title */
{  	margin-bottom: 5px;	font-size: 14pt;	font-weight: bold;	color: #58595B;}
h1.post_title a  /* post title */
{	color: #58595B;}
.post .tags  /* line displaying a post's tags */
{	margin-bottom: 0;}
.post .links  /* links at bottom of each post */
{	margin-top: 0;	margin-bottom: 100px;}
.post .content  /* body of a post */
{	margin-top: 30px;	margin-bottom: 30px;}

/* -- Comments -- */
#commentsTitle {	clear: none;	float: left;	width: 545px;	position: relative;	text-align: left;	margin-top: 75px;padding-left: 7px;	margin-bottom: 30px;	border-bottom: 1px #999999 solid;}
#commentsAddTitle {	clear: none;	float: left;	width: 545px;	position: relative;	text-align: left;	margin-top: 35px;	padding-left: 7px;	padding-bottom: 2px;	margin-bottom: 30px;	border-bottom: 1px #999999 solid;}
#commentsName {	clear: none;	float: left;	width: 545px;	position: relative;	padding-left: 10px;	margin-bottom: 2px;	text-align: left;}
#commentsContent {	clear: none;	float: left;	width: 515px;	position: relative;	text-align: left;padding: 10px 25px 10px 10px;	margin: 0px 0px 25px 0px;	border-top: 1px #999999 solid;	background-color: #EDEDED;}
.dateTimeStyle {	color: #666666;	font-size: 9pt;}
.clear{	clear:both;}
.comment .author  /* author of a comment */
{}
.comment .date  /* date of a comment */
{}
.comment .content  /* body of a comment */
{}
.commentForm label  /* textbox labels in BlogEngine 'Add comment' form */
{	float: left;	clear: both;	width: 70px;	margin-top: 2px;	margin-bottom: 5px;}
.commentForm input  /* textboxes in BlogEngine 'Add comment' form */
{	width: 200px;	margin-bottom: 5px;}
.commentFormInput  /* textboxes in article 'Add comment' form */
{	width: 200px;	margin-bottom: 5px;	float:left;}
.commentFormValidator
{	float:left;}
.commentForm textarea  /* comment box in BlogEngine 'Add comment' form */
{	width: 100%;	height: 125px;	border: 1px solid silver;	padding: 5px;}
.commentTextBox  /* comment box in article 'Add comment' form */
{	margin-top: 20px;	width: 540px;	height: 125px;	border: 1px solid silver;padding: 5px; }
#commentMenu  /* group of tabs in BlogEngine 'Add comment' form */
{	padding: 0;	margin: 0;}
#commentMenu li  /* individual tabs in BlogEngine 'Add comment' form */
{	float: left;	border: solid 1px Silver;	border-bottom: transparent;	list-style: none;	margin-right: 5px;	padding: 3px 8px;		cursor: pointer;	position: relative;	top: 2px;	background: #d8d8d8;	color: White;}
#commentMenu li.selected  /* selected tab in BlogEngine 'Add comment' form */
{	background: White;	border-bottom: 1px solid White;	color: Black;}
#commentPreview  /* comment preview box in BlogEngine 'Add comment' form */
{	display: none;	clear: both;	border: 1px solid silver;	padding: 5px;}
.success /* message given after comment submission */
{	color: blue;	font-weight: bold;}

/* -- Alumni Updates -- */
div.alumni {min-height:650px;font-size: 14px;	line-height: 1.65em;	font-family: Helvetica, Arial, sans-serif;}
.alumni .gradYear{	font-weight: bold;}
.alumni .item{	margin-left: 15px;}

/*-------header on contact_us page-----*/
a.email:link {	color:#333333;	text-decoration: underline;}
a.email:visited {	text-decoration: underline;	color:#333333;}
a.email:hover {	text-decoration:underline;	color:#666666;}
a.email:active {	text-decoration: underline;	color:#333333;}

/*-----header on benefit dinner page--------
#photoGallery {	clear: none;	float: left;	width: 580px;	position: relative;	padding-top: 30px;	margin: 25px 15px 50px 0px;	border-top: 1px #cccccc solid;}*/

/*-------header on wallpaper page--------
a.wallpaper:link {	color:#000000;	text-decoration: none;}
a.wallpaper:visited {	text-decoration: none;	color:#000000;}
a.wallpaper:hover {	text-decoration:underline;	color:#000000;}
a.wallpaper:active {	text-decoration: none;	color:#000000;}
#wallpaperGallery {	clear: none;	float: left;	width: 582px;	position: relative;	padding-top: 30px;	margin: 25px 0px 10px 0px;	border-top: 1px #cccccc solid;}
#wallpaperbox1 {	clear: none;	float: left;	position: relative;	padding: 7px 7px 7px 7px;	margin: 5px 4px 7px 0px;	background-color: #F0F0F1;	text-align:center;}
#wallpaperbox2 {	clear: none;	float: left;	position: relative;	padding: 7px 7px 7px 7px;	margin: 5px 5px 7px 5px;	background-color: #F0F0F1;	text-align:center;}
#wallpaperbox3 {	clear: none;	float: left;	position: relative;	padding: 7px 7px 7px 7px;	margin: 5px 0px 7px 4px;	background-color: #F0F0F1;	text-align:center;}
#wallpaperboxText {	clear: none;	float: left;	position: relative;	padding: 3px 3px 3px 95px;	background-color: #F0F0F1;	text-align:left;}*/

/*-----online videos page---
#photobox1 {	clear: none;	float: left;	min-height: 250px;	position: relative;	padding: 7px 7px 7px 7px;	margin: 5px 5px 7px 0px;	background-color: #F0F0F1;	text-align:center;}
#photobox2 {	clear: none;	float: left;	min-height: 250px;	position: relative;	padding: 7px 7px 7px 7px;	margin: 5px 3px 7px 3px;	background-color: #F0F0F1;	text-align:center;}
#photobox3 {	clear: none;	float: left;	min-height: 250px;position: relative;	padding: 7px 7px 7px 7px;	margin: 5px 0px 7px 5px;	background-color: #F0F0F1;	text-align:center;}

#videoGallery {	clear: none;	float: left;	width: 580px;	position: relative;	padding-top: 30px;	margin: 25px 15px 10px 0px;	border-top: 1px #cccccc solid;	}*/

/*-----article styling----*/
.article a:link, .article a:visited, .article a:active, .article a:hover {color: #000;text-decoration: underline;}
.archive_story {padding-top: 20px;border-bottom: 1px #ccc solid;}
em.issue {font-size: 13px; color: #666666;}
