/*
Theme Name: Future Aggie
Theme URI: http://fossilstudio.com/
Description: Custom WordPress theme for Texas A&M at Qatar
Version: 1.0
Author: Greg Johnson of FossilStudio.com
Author URI: http://greg-j.com/
*/

																																		/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}

body{
	font-family: Arial;
	font-size: 13px;
	background:url('images/body-bg2.png') center top repeat-y;
}
#container{
	background:url('images/body-bg.png') center top repeat-y;
}
body#index{
	background-color: #1d3362;
}
.inner{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#header{
	
}
#header .inner{
	height: 160px;
	background: url('images/header-red.png') center top repeat-x;
}
	#header h1{
		display: block;
		float: left;
		width: 320px;
		height: 70px;
		margin: 20px 0 0 0;
		text-indent: -9999px;
	}
	#header h1 a{
		float: left;
		width: 320px;
		height: 70px;
		margin-left: 20px;
		text-indent: -9999px;
		background: url('images/logo-red.png') center top repeat-x;
	}
	#header h2{
		text-indent: -9999px;
		float: left;
	}
	#header p{
		width: 507px;
		height: 110px;
		float: right;
		text-indent: -9999px;
	}
	#header ul{
		float: right;
		padding: 40px 10px 0 0;
	}
		#header ul li,
		#header ul li a,
		#header ul li a span{
			display: block;
			float: left;
			height: 27px;
			line-height: 25px;
		}
		#header ul li{
			padding: 0 1px 0 0;
		}
		#header ul li a{
			font-family: Georgia, 'Times New Roman';
			font-size: 14px;
			padding: 0 0 0 5px;
			color: #eee1c6;
		}
		#header ul li a:hover,
		#header ul .active a{
			color: #fff;
			background: url('images/header-links.png') left top no-repeat;
		}
			#header ul li a span{
				padding: 0 5px 0 0;
			}
			#header ul li a:hover span,
			#header ul .active a span{
				background: url('images/header-links.png') right top no-repeat;
			}

#breadcrumb{
	clear: both;
	padding: 37px 0 0 20px;
	font-size: 13px;
	color: #777;
}
	#breadcrumb a{
		color: #fff;
	}
		#breadcrumb a:hover{
			text-decoration: underline;
		}

#index #header{
	
}
#index #header .inner{
	height: 110px;
	background: url('images/header-tan.png') center top repeat-x;
}
	#index #header h1 a{
		background: url('images/logo-tan.png') center top repeat-x;
	}
	#index #header p{
		background: url('images/headerCTA-tan.png') right top no-repeat;
	}
		#index #header ul li a{
			color: #111d39;
		}
		#index #header ul li a:hover{
			color: #fff;
			background: url('images/header-links-index.png') left top no-repeat;
		}
		#index #header ul li a:hover span{
			background: url('images/header-links-index.png') right top no-repeat;
		}

		
#slider{
	
}
#slider .inner{
	height: 470px;
	background: url('images/slider-bg.jpg') right top no-repeat;
}
	#slider #tabs ul{
		width:285px;
		padding: 70px 0 0 0;
		float: left;
	}
		#slider #tabs ul li,
		#slider #tabs ul li a,
		#slider #tabs ul li a span{
			display:block;
			height: 28px;
			line-height: 28px;
		}
		#slider #tabs ul li{
			clear: both;
			float: right;
			text-align: right;
			padding: 0 0 22px 0;
		}
		#slider #tabs ul li a{
			font-family: Georgia, 'Times New Roman';
			font-size: 17px;
			color: #fff;
			padding: 0 20px 0 0 ;
		}
			#slider #tabs ul li a span{
				display: block;
				padding: 0 0 0 10px;
			}
			#slider #tabs ul .ui-tabs-selected a,
			#slider #tabs ul li a:hover{
				background: url('images/slider-links.png') right top no-repeat;
			}
			#slider #tabs ul .ui-tabs-selected a span,
			#slider #tabs ul li a:hover span{
				background: url('images/slider-links.png') left top no-repeat;
			}
	#slider #tabs div{
		width: 680px;
		height: 470px;
		float: right;
		background: url('images/slider-picture.png') 0 48px no-repeat;
	}
	#slider #tabs div a{
		position: relative;
		top: 73px;
		left: 19px;
		display: block;
		width: 635px;
		height: 290px;
	}
		#slider #tabs div a span{
			width: 625px;
			padding: 0 10px 0 0;
			height: 65px;
			line-height: 65px;
			position: absolute;
			bottom: 0;
			left: 0;
			background: url('images/trans-90.png') 0 0 repeat;
			font-family: Georgia, 'Times New Roman';
			font-size: 20px;
			color: #fff;
			text-align: right;
		}
.ui-tabs .ui-tabs-hide { display: none !important; }


#content{
	color: #332c2c;
}
#content .inner{
	background: #d6c49e url('images/content-inner.jpg') 0 0 no-repeat;
	min-height: 600px;
}
#index #content{
	color: #bcb9b9;
}
#index #content .inner{
	background: #1d3362 url('images/content-inner-index.jpg') 0 0 no-repeat;
	min-height: 1px;
}
	#sidebar{
		width: 310px;
		padding: 50px 0;
		float: left;
	}
	
	#page{
		width: 630px;
		margin: 0 10px 0 0;
		padding: 41px 0 50px 0;
		float: right;
		overflow: hidden;
	}
		#page .cat-image{
			position: relative;
			height: 360px;
			background: url('images/cat-image.png') 0 0 no-repeat;
		}
			#page .cat-image img{
				position: absolute;
				top: 23px;
				left: 15px;
				width: 600px;
				height: 275px;
			}
			#page .cat-image div{
				position: absolute;
				top: 23px;
				left: 15px;
				width: 600px;
				height: 275px;
			}
		#page .title h2{
			margin: 0 0 20px 0;
			font-family: Georgia, "Times New Roman";
			font-size: 30px;
			background: url('images/h-divider.png') left bottom repeat-x;
		}
		#page .entry{
			line-height: 18px;
		}
			#page p, #page ul, #page ol, #page p{
				padding: 0 10px 1em 10px;
			}
			#page h1, #page h2, #page h3, #page h4, #page h5, #page h6{
				margin: 2em 0 .25em 0;
				font-weight: bold;
			}
			#page h3{
				font-size: 1.4em;
			}
			#page h4{
				font-size: 1.25em;
			}
			#page h5{
				font-size: 1.12em;
			}
			#page blockquote{
				padding: 2em 3em;
			}
			#page ul, #page ol{
				margin-left: 3em;
			}
			#page ul{
				list-style: disc;
			}
			#page ol{
				list-style: decimal;
			}
				#page li{
					line-height: 22px;
				}
			#page a{
				text-decoration: underline;
				color: #500000;
			}
				#page a:hover{
					color: #000;
				}
			#page strong{font-weight: bold}
			#page del{text-decoration: line-through}
			#page em{font-style: italic}
			#page u{text-decoration: underline}
	
	#content .columns{
		padding: 50px 0 50px 5px;
		overflow: hidden;
	}
		#content .column{
			width: 310px;
			margin: 0 10px;
			float: left;
			overflow: hidden;
		}
		#content .column.omega{
			margin-right: 0;
		}
			#content .column h3{
				padding: 0 0 5px 0;
				margin: 0 0 20px 0;
				font-size: 18px;
				font-family: Georgia, 'Times New Roman';
				color: #332c2c;
			}
			#content .column h3{
				background: url('images/h-divider.png') left bottom no-repeat;
			}
			#index #content .column h3{
				color: #fff;
				background: url('images/h-divider-white.png') left bottom no-repeat;
			}
			#content .column p{
				padding: 0 0 1em 0;
				line-height: 18px;
			}
				#index #content .column p a{
					text-decoration: underline;
					color: #fff;
				}
			#content .column dl{
				overflow: hidden;
			}
				#content .column dl dt{
					width: 60px;
					padding: 0 10px 0 0;
					float: left;
					clear: both;
					font-weight: bold;
					font-size: 12px;
					text-align: right;
					color: #5f574f;
				}
				#index #content .column dl dt{
					color: #fff;
				}
				#content .column dl dd{
					padding: 0 0 20px 0;
					width: 240px;
					float: left;
				}
				#content .column dl dd a{
					color: #332c2c;
				}
				#index #content .column dl dd a{
					color: #bcb9b9;
				}
				#content .column dl dd a:hover{
					color: #000;
					text-decoration: underline;
				}
				#index #content .column dl dd a:hover{
					color: #fff;
				}



#footer{
	color: #99a1b0;
}
	#footer .inner{
		background: #1d3362 url('images/footer.jpg') right top no-repeat;
	}
#index #footer{
	color: #ba8f8f;
}
	#index #footer .inner{
		background: #500000 url('images/footer-index.jpg') right top no-repeat;
	}
#footer .columns{
		padding: 30px 0 30px 5px;
		overflow: hidden;
	}
		#footer .column{
			width: 310px;
			margin: 0 10px;
			float: left;
		}
		#footer h4{
			color: #fff;
			font-size: 17px;
			font-family: Georgia, 'Times New Roman';
		}
		#footer a{
			color: #dadde3;
		}
		#footer a:hover{
			text-decoration: underline;
		}
		#index #footer a{
			color: #e4d6d6;
		}
		
		#footer .column1 ul{
			list-style: square;
			line-height: 28px;
			padding-left: 20px;
		}
		#footer .column2 p{
			padding: 10px 0 0 55px;
			line-height: 20px;
			background: url('images/footer-vcard.png') 0 17px no-repeat;
		}
		#footer .column3{
			margin-right: 0;
			background: url('images/footer-logo-white.png') 50% 0 no-repeat;
		}
		#footer .column3 p{
			padding: 140px 0 0 0;
			text-align: right;
		}











#index #social-links{
	margin:-21px 0 0 0;
}
	#social-links li a{
		display: block;
		height: 93px;
		text-indent: -9999px;
	}
	#social-links li a{
		background-image: url('images/social-links-index.png');
	}
		#social-links li.twitter a{
			background-position: 0 -93px;
		}
		#social-links li.facebook a{
			background-position: 0 -186px;
			height: 94px;
		}