/*  

	Theme Name: UFAASU 2010
	Theme URI: http://www.uffsa.org/wp/wp-content/themes/02goldfish/
	Description: Layout by Keng. Palette used is called 'Giant Goldfish' from colourlovers.com
	Author: Keng
	Author URI: http://www.turbo-geek.org/
	Version: 1.0

*/

/* @group general */
/* -------------------------------------------------------- */
/* ----------------------- GENERAL ------------------------ */
/* -------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	background-color: transparent;
}

body {
	margin: 0 auto;
	background-color: #a7dbd8;
	font: 0.76em/1.3em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	text-align: center;
}

p, ol, ul {
	margin-bottom: 1.4em;
}

	p {
		margin-top: 0.6em;
	}
	
img, fieldset {
	border: 0;
}

input, textarea {
	padding: 1px;
	font: 1em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	color: #717359;
	background: url(images/content/comments.png);
	border: 1px solid #c6c9a1;
}

abbr, acronym {
	border-bottom: 1px dotted;
}

blockquote {
	margin: 0 0 10px 20px; padding: 5px;
	background: #d5d9ae url(images/content/comments.png) repeat;
	border: 1px solid #e3b680;
	border-left-width: 5px;
}

	blockquote ul {
		margin: 5px 0 0 20px;
	}

/* @group classes */	
/* --------------------- ALIGN CLASSES -------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

/* @end */
/* @end */

/* @group twitter */
/* -------------------------------------------------------- */
/* ---------------------- TWITTER ------------------------- */
/* -------------------------------------------------------- */

#twtjquery {
	position: fixed;
	top: 0px; right: 0px;
}

#latesttwt {
	background: url(images/layout/latesttweet.png) no-repeat;
	width: 225px; height: 134px;
}

	#latesttwt p {
		padding: 40px 25px 0 15px;
		font-size: 0.9em;
		text-align: left;
		color: #2a6885;
	}
	
		* html #latest p {
			padding-top: 25px;
		}
	
	#latesttwt p a {
		color: #87ada8;
	}
	
		#latesttwt p a:hover {
			color: #99cbc5;
		}

.scrolltwt {
	margin: 0; padding: 0;
}

.twtslide {
	display: block;
	width: 225px; height: 137px;
	z-index: 9999;
	background: url(images/layout/twitter.png) no-repeat;
	text-indent: -9000%;
}

/* @end */

/* @group container */
/* -------------------------------------------------------- */
/* --------------------- CONTAINER ------------------------ */
/* -------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 812px;
	text-align: left;
	background: url(images/layout/bg.gif) center repeat-y;
}

/* @end */

/* @group header */
/* -------------------------------------------------------- */
/* ----------------------- HEADER ------------------------- */
/* -------------------------------------------------------- */

#header {
	width: 100%;
	height: 136px;
	background: #fff url(images/layout/header.png) no-repeat;
}

/* @group navigation */
/* ------------------ HEADER : NAVIGATION ----------------- */

#nav-wrap {
	width: 775px;
	height: 35px;
	padding: 0 27px 0 10px;
	margin-bottom: 0;
	background: #69d2e7 url(images/layout/nav.png) repeat-x;
}

/* ROOT MENU */

#nav {
	margin: 0 -10px 0 -5px;
	padding: 0;
	list-style: none;
	text-align: center;
	font-weight: bold;
}

	#nav li {
		float: left;
		display: inline;
		position: relative;
		/*width: 87.77px;*/
		line-height: 35px;
	}
	
		#nav li a {
			display: block;
			padding: 0 10px;
			background: transparent;
			color: #0285a1;
		}
		
		/* hover persistence */
		
		#nav a:hover, #nav li:hover a, #nav li a:hover, #nav li.iehover a {
			background: #4cc5d3 url(images/layout/nav-hover1.png) repeat-x;
			color: #045869;
		}
		
		/* search w/ slider panel */
		
		#nav li.search {
			float: right;
			position: relative;
		}
		
			#nav li.search a {
				display: block;
				width: 35px; height: 35px;
				margin-right: -15px;
				text-indent: -9000%;
				background: url(images/layout/search.png) top left no-repeat;
			}
			
			#nav li.search a:hover, #nav li.search a.menu-open {
				background-position: bottom left !important;
			}
			
			#searchform {
				display: none;
				position:absolute;
				padding: 5px;
				width: 190px;
				top: 35px; right: 5px;
				background: #4cc5d3 url(images/layout/nav-hover1.png) repeat;
				z-index: 100;
				text-align: center;
				   
				   /*margin-top:5px;
				   margin-right: 0px;
				   *margin-right: -1px;
				   color:#789;
				   font-size:11px;*/
			}
			
				#searchform p {
					margin: 0;
				}
				
				input#s {
					width: 160px;
				}
				
				// hack for FF browsers
				@-moz-document url-prefix() { 
					input#ss { padding: 0; }
				}
		
/* SECONDARY MENU */
	
		#nav li ul {
			display: none;
			position: absolute;
			top: 1em;
			left: 0;
		}
			
			#nav li ul a, #nav li:hover ul {
				display: block;
			}
			
			/* hover persistence */
			
			#nav li ul a:hover, #nav li:hover ul li:hover a, #nav li:hover ul li a:hover, #nav li.iehover ul li a:hover, #nav li.iehover ul li.iehover a {
				background: #3fbeca url(images/layout/nav-hover2.png) repeat-x;
			}
			
			#nav li ul li {
				width: 11em;
			}
			
			#nav li ul#blogs li {
				width: 15em;
			}
		
		#nav li > ul {
			top: auto;
			left: auto;
		}
		
/* TERTIARY MENU */

			#nav li ul ul {
				display: block;
				position: absolute;
				top: 0;
				left: 9em;
			}
			
/* HOVER FUNCTION */

#nav li:hover ul ul, #nav li.iehover ul ul {
	display: none;
}

/* @end */
/* @end */

/* @group content */
/* -------------------------------------------------------- */
/* ---------------------- CONTENT ------------------------- */
/* -------------------------------------------------------- */

#content {
	float: left;
	width: 590px;
	min-height: 501px;
	height: auto !important; /* IE6 min-height hack */
	height: 501px; /* IE6 min-height hack */
	padding: 10px 7px 0 9px;
	color: #717359;
}

/* @group entries */
/* ------------------ CONTENT : ENTRIES ------------------- */

	#content a, #content h1.comments a {
		color: #ed6300;
	}
	
		#content a:hover, #content h1.comments a:hover {
			color: #ee954d;
		}
	
	#content .post-date {
		margin: 0 5px 5px -59px;
		padding: 5px;
		float: left;
		width: 40px;
		height: 40px;
		text-align: center;
		background: #68cedd url(images/layout/nav.png) repeat;
	}
	
		.post-date .post-month {
			text-transform: uppercase;
			font-weight: bold;
			display: block;
			color: #298394;
		}
		
		.post-date .post-day {
			font-size: 2em;
			color: #c7edf2;
			display: block;
		}
		
	#content h1 {
		font: 1.9em/1.3em Georgia, serif;
		color: #298394;
		border-bottom: 1px solid #c6c9a1;
		margin-bottom: 3px;
	}
	
		#content h1 a, #content h1 a:hover {
			color: #298394;
		}
	
	#content h5 {
		font-size: 0.85em;
		font-weight: normal;
		color: #8b8d6d;
		text-transform: uppercase;
		display: inline;
	}
	
		#content h5 a {
			color: #ff8935;
		}
		
		#content h5 a:hover {
			color: #ed6300;
		}
		
/* @group social media */		
.socialmedia {
	display: inline;
	line-height: 12px;
	position: relative;
}
		
	.socialmedia a {
		display: inline-block;
		width: 11px; height: 11px;
		margin-left: 1px;
		text-indent: -900%;
		background-position: left top;
		background-repeat: no-repeat;
	}
		
		a.email { background: url(images/content/1email.png); }
			a:hover.email em { left: -48px; }
		
		a.twitter { background: url(images/content/2twitter.png); }
			a:hover.twitter em { left: -32px; }
		
		a.facebook { background: url(images/content/3facebook.png); }
			a:hover.facebook em { left: -16px; }
		
		a.digg { background: url(images/content/4digg.png); }
			a:hover.digg em { left: 0px; }
		
		a.stumbleupon { background: url(images/content/5stumbleupon.png); }
			a:hover.stumbleupon em { left: 16px; }
		
		a.delicious { background: url(images/content/6delicious.png); }
			a:hover.delicious em { left: 32px; }
		
		a.technorati { background: url(images/content/7technorati.png); }
			a:hover.technorati em { left: 48px; }
			
		.socialmedia a:hover {
			background-position: left bottom;
		}
		
	.socialmedia a em {
		position: absolute;
		display: none;
		/*top: 0; left: -11px;
		width: 110px; height: 38px;
		padding: 5px 0;
		font-style: normal;
		text-align: center;
		line-height: 22px;
		background: url(images/content/socialmedia-hover.png) no-repeat;
		z-index: 2;
		display: none;*/
	}
	
	.socialmedia a:hover em {
		display: block;
		top: -36px;
		width: 110px; height: 38px;
		padding: 5px 0;
		color: #864500;
		font-style: normal;
		line-height: 22px;
		text-indent: 0;
		text-align: center;
		background: url(images/content/socialmedia-hover.png) no-repeat;
		z-index: 2;
	}	
/* @end */

/* @group image rotator */

/* @group main_image */
	.main_image {
	    width: 598px;
	    height: 456px;
	    float: left;
	    background: #333;
	    position: relative;
	    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	    color: #fff;
	}
		.main_image h2 {
		    font-size: 2em;
		    font-weight: normal;
		    margin: 0 0 5px;
		    padding: 10px;
		}
		.main_image p {
		    font-size: 1.2em;
		    line-height: 1.6em;
		    padding: 10px;
		    margin: 0;
		}
		.block small { /*--We'll be using this same style on our thumbnail list--*/
		    font-size: 1em;
		    padding: 0 0 0 20px;
		    background: url(icon_calendar.gif) no-repeat 0 center;
		}
		.main_image .block small {margin-left: 10px;}
		.main_image .desc{
		    position: absolute;
		    bottom: 0;
		    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
		    width: 100%;
		    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
		}
		.main_image .block{
		    width: 100%;
		    background: #111;
		    border-top: 1px solid #000;
		}
		.main_image a.collapse { /*--This is our hide/show tab--*/
		    background: url(btn_collapse.gif) no-repeat left top;
		    height: 27px;
		    width: 93px;
		    text-indent: -99999px;
		    position: absolute;
		    top: -27px;
		    right: 20px;
		}
		.main_image a.show {background-position: left bottom;}
/* @end */

/* @group image_thumb section */
	.image_thumb {
	    float: left;
	    width: 299px;
	    background: #f0f0f0;
	    border-right: 1px solid #fff;
	    border-top: 1px solid #ccc;
	}
		.image_thumb img {
		    border: 1px solid #ccc;
		    padding: 5px;
		    background: #fff;
		    float: left;
		}
		.image_thumb ul {
		    margin: 0;
		    padding: 0;
		    list-style: none;
		}
			.image_thumb ul li{
			    margin: 0;
			    padding: 12px 10px;
			    background: #f0f0f0 url(nav_a.gif) repeat-x;
			    width: 279px;
			    float: left;
			    border-bottom: 1px solid #ccc;
			    border-top: 1px solid #fff;
			    border-right: 1px solid #ccc;
			}
			.image_thumb ul li.hover { /*--Hover State--*/
			    background: #ddd;
			    cursor: pointer;
			}
			.image_thumb ul li.active { /*--Active State--*/
			    background: #fff;
			    cursor: default;
			}
			html .image_thumb ul li h2 {
			    font-size: 1.5em;
			    margin: 5px 0;
			    padding: 0;
			}
			.image_thumb ul li .block {
			    float: left;
			    margin-left: 10px;
			    padding: 0;
			    width: 170px;
			}
			.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
/* @end */

/* @end */
	
.orange {
	color: #ed6300;
}

.blue {
	color: #298394;
}
		
.divider {
	clear: both;
	height: 20px;
}

.nav-text-links {
	padding: 10px 0;
	margin-top: 10px;
}

.wp-pagenavi {
	padding: 10px;
	text-align: center;
}

/* @end */

/* @group comments */
/* ------------------ CONTENT : COMMENTS ------------------- */

#comments-link {
	width: 53%;
	float: right;
	padding: 3px 3px 3px 10px;
	margin: 15px -4px 0 0;
	text-align: left;
	background: #c9cab1 url(images/content/comments-link.png) repeat;
}

ol.commentlist {
	margin-top: 10px;
	list-style: none;
}

	ol.commentlist li {
		padding: 10px 5px 5px 5px;
		margin-bottom: 10px;
		background: #d5d9ae url(images/content/comments.png) repeat;
		border: 1px solid #c6c9a1;
	}
	
		#content ol.commentlist li h4 a {
			color: #298394;
		}
		
		#content ol.commentlist li h4 a:hover {
			color: #045869;
		}
	
	#content h4 {
		font-size: 1em;
		font-weight: normal;
	}
	
p.thdrpy {
	margin-bottom: 0;
	}
	
.wp-smiley-select {
	margin-left: 2px;
	}

/* @end */

/* @group pages */	
/* ------------------- CONTENT : PAGES -------------------- */

.special {
	text-transform: uppercase;
}

.eboard {
	border: 5px solid #cacbb3;
}

ul.elaborate, ul#e-board {
	list-style: none;
	}
	
	ul.elaborate li {
		display: block;
		padding: 10px;
		margin-bottom: 10px;
		}
		
		ul.elaborate li.alt, tr.alt, .commentlist li.alt, ul#e-board li.alt {
			background: #d5d9ae url(images/content/comments.png) repeat;
			}
			
	ul#e-board li {
		display: block;
		height: 104px;
		padding: 10px;
		margin-bottom: 10px;
		}
		
		ul#e-board li img.left {
			margin-right: 10px;
			border: 2px solid #68cedd;
			}
			
	#content ul.list {
		margin-left: 1.5em;
	}
	
	#content h2 {
		font: 1.7em/1.3em Georgia, serif;
		color: #298394;
	}

table.courses {
	width: 100%;
	margin-bottom: 1.6em;
	}
	
	table.courses td {
		padding: 5px 5px 3px 5px;
		}
	
	td.course-number {
		width: 70px;
		font-weight: bold;
		}

/* @end */
/* @end */

/* @group sidebar */
/* -------------------------------------------------------- */
/* ---------------------- SIDEBAR ------------------------- */
/* -------------------------------------------------------- */

#sidebar {
	float: right;
	width: 166px;
	min-height: 501px;
	height: auto !important; /* IE6 min-height hack */
	height: 501px; /* IE6 min-height hack */
	padding: 10px 28px 0 11px;
	font-size: 0.9em;
	color: #864500;
}

	#sidebar h2 {
		font: 1.3em/1.2em Georgia, serif;
		font-weight: normal;
		color: #a32c08;
		text-align: right;
		text-transform: uppercase;
		border-bottom: 1px dashed #a32c08;
	}
	
	#sidebar a {
		color: #0c5d6d;
	}
	
		#sidebar a:hover {
			color: #0e7286;
		}
		
	#sidebar input {
		padding: 3px;
		margin-bottom: 5px;
		color: #ac4c19;
		background: #e38442;
		border: 1px solid #d57538;
	}
	
		input#sub {
			padding: 3px 5px;
			color: #8b3508;
		}
		
		@-moz-document url-prefix() { 
			input#sub { padding: 2px 4px; }
		}
		
.recent-posts {
	list-style: none;
	margin-top: 2px;
	border-bottom: 1px solid #f5c28c;
}

	.recent-posts li {
		padding: 2px 4px;
		border-top: 1px solid #f5c28c;
		border-bottom: 1px solid #cc7b33;
	}
	
		.recent-posts li:first-child {
			border-top: 0;
		}
	
		.recent-posts li a {
			display: block;
		}
	
/* @end */

/* @group footer */
/* -------------------------------------------------------- */
/* ---------------------- FOOTER -------------------------- */
/* -------------------------------------------------------- */

#footer {
	clear: both;
	width: 100%;
	margin: 20px 0 -20px 0;
	padding: 10px 0;
	background: #69d2e7 url(images/layout/nav.png) repeat;
	text-align: center;
	color: #086375;
}

	#footer ul li {
		display: inline;
	}
	
	#footer a {
		color: #0285a1;
	}
	
		#footer a:hover {
			color: #0e788d;
		}

	#footer p {
		margin-bottom: 0;
	}