/*

Theme Name: Phi Kappa Theta National 1.1
Theme URI: 
Description: Theme for the Phi Kappa Theta national office 1.1.
Version: 1.1
Author: Ben Huddleston

*/	


			/* Global Layout */

html {
	text-align: center;
}


body {
font-size: .75em;
margin: 0px;
text-align: left;
background: #ffffff url(img/bg.gif) top left repeat-x;
color: #444444;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}


a {
	color: #810808;
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

hr {
	height:0px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	background: #121212;
}



.hideme { display: none; }
.thickbox{}


#top {
		position: relative;
		height: 38px;
		padding-top: 8px;
		font-size: .9em;
		background: url(img/blackbar.gif) top left repeat-x;
		color: #B3B3B3;
	}
	
	.middle {
		margin: auto;
		width: 940px;
	}
	
#top a {
	position: relative;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-right: 14px;
	margin-top: 6px;
	text-decoration: underline;
	background: url(img/top-tag.gif) right center no-repeat;
}

#go {
	position: relative;
	float: right;
	width: 31px;
	height: 26px;
	border: 0;
	background: url(img/go-btn1.gif) top right no-repeat;
}

.ltext {
	position: relative;
	float: right;
	margin-right: 10px;
	padding: 6px 5px 0 5px;
	height: 21px;
	width: 157px;
	border: 0;
	background: url(img/login-bg.gif) top left no-repeat;
}

#top label {
	position: relative;
	float: right;
	padding: 7px 8px 0 8px;
}


#wrap {
	position: relative;
	margin: auto;
	width: 940px;
}

	
	
		
	
	
	
	
	#head{
		position: relative;
		height: 131px;
		background: url(img/logo.gif) top left no-repeat;
	}
	
	#head a.logo-link {
		display: block;
		overflow: hidden;
		width:362px;
		height:131px;
		text-indent: -9999px;
		float:left;
		
	}
	
	
	#head #topnav ul {
		position: relative;
		padding: 10px 0 0 0;
		height: 35px;
		text-align: right;
		font-size: .9em;
	}
	
	#head #topnav ul li{
		display: inline;
		margin-right: 8px;
		padding-right: 8px;
		background: url(img/topnav-divider.png) no-repeat top right;
	}
	
		#head #topnav ul li:last-child{
			margin: 0;
			padding: 0;
			background: none;
		}
	
	
	
		#head #topnav a {
			color: #1B1B1B;
			font-weight: bold;
			text-decoration: none;
		}
		
		#head #topnav a:hover {
			color: #852222;			
			text-decoration: underline;
		}
	
		#head p{
			position: relative;
			padding: 10px 0 0 0;
			height: 35px;
			text-align: right;
			font-size: .9em;
		}
		
		#head p a{
			color: #1B1B1B;
			font-weight: bold;
		}
		
		#head p a:hover{
			color: #852222;			
			text-decoration: underline;
		}
		
		#search-box{
			position: relative;
			float: right;	
		}
		
			#search{
				position: relative;
				float: left;
				padding: 7px 5px 0 5px;
				height: 20px;
				width: 238px;
				border: 0;
				font-size: 11px;
				background: url(img/search-bg.gif) top left;
			}
			
			#sgo{
				position: relative;
				float: left;
				width: 31px;
				height: 26px;
				border: 0;
				margin-left: 6px;
				background: url(img/go-btn2.gif) top right no-repeat;
			}


	#nav{
		position: relative;
		height: 47px;
		background: url(img/nav-right.gif) top right;	
		font-size: 1.2em;
	}
	
		#nav ul{
			position: relative;
			float: left;
			padding: 11px 0 13px 14px;
			height: 23px;
			overflow: hidden;
			background: url(img/nav-left.gif) top left no-repeat;
		}
		
		#nav ul li ul{
			display: none;
		}
		
		#nav li{
			position: relative;
			float: left;
			margin-left: -1px;
			/*background: url(img/nbreak.gif) right center no-repeat;*/
			margin-right: 10px;				
		}
		
		#nav li div {
			position: relative;
			float: left;
			height: 23px;
			padding: 0 0 0 0px;	
			color: #fff;	
				
		}
		
		
		#nav li a {
			position: relative;
			float: left;
			padding: 2px 15px 0 15px;
			height: 21px;
			cursor: pointer;
			color: #fff;
			text-decoration: none;
		}
		
		#nav li.current_page_item a, #nav li.current_item_parent a, #nav li a:hover{
			background: url(img/nr.gif) top right no-repeat;
		}
		
		#nav li.current_page_item div, #nav li.current_item_parent div, #nav li:hover div, #nav li.sfhover div {
			background: #000 url(img/nl.gif) top left no-repeat;
		}
	
	
	
	#page{
		position: relative;
		margin: 15px 0 18px 0;
		border-top: 1px dotted #ddd;
	}
	
		#sidebar{
			position: relative;
			float: left;
			width: 220px;
			text-align: left;
		}
		
			#menu{
				position: relative;
				background: #E4EBF5 url(img/sb-bg.gif) bottom left no-repeat;
				padding: 16px;	
			}
			
				#menu li{
					position: relative;
					background: url(img/blue-break.gif) bottom left repeat-x;
				}
				
				#menu li a{
					position: relative;
					display: block;
					padding: 6px 0 7px 0;
					font-size: .9em;
					color: #074B71;
					font-weight: bold;
					background: url(img/blue-tag.gif) right center no-repeat;
				}
				
				#menu li.current_page_item a{
					padding-left: 10px;
					color: #222;
					background-position: 0;
					text-decoration: none;
				}
				
				#menu li:last-child{
					background: none;
				}
				
				#menu li ul {
					margin-left: 20px;
				}
				
					#menu li ul li {
						background: none;
					}
					
					#menu li.current_page_item ul li a {
						position: relative;
						display: block;
						padding: 6px 0 7px 0;
						font-size: .9em;
						color: #074B71;
						font-weight: bold;
						background: url(img/blue-tag.gif) right center no-repeat;
						text-decoration: underline;
					}
					
					#menu li ul li.current_page_item a {
						padding-left: 0px;
						background: none;
					}
	
	
		#content{
			position: relative;
			float: right;
			width: 700px;	
		}
		
		#breadcrumb{
			position: relative;	
			font-size: .9em;
			color: #000;
			text-align: left;
			padding: 10px 0 10px 0;
			border-bottom: 4px solid #ECECEC;
		}
		
			#breadcrumb a{
				color: #942929;
				padding-right: 10px;
				background: url(img/bread-break.gif) right center no-repeat;
				margin-right: 3px;
				text-decoration: underline;
			}
		
		
		.entry{
			position: relative;
			padding-top: 18px;	
			text-align: left;
			font-size: 1.1em;
		}
		
			div.sidebar-page-2col {
				float:left;
				width: 620px;
			}
			
			div.sidebar-page-3col {
				float:left;
				width: 377px;
			}
		
		
		
			.entry .post{
				position: relative;
				padding-bottom: 25px;
			}
		
			.entry h1{
				position: relative;
				font-size: 2em;
				color: #222;
				font-family: Georgia;
				/*text-transform: uppercase;*/
			}
			
			.entry h1 a{
				color: #222;
				text-decoration: none;
			}
			
			.entry h2{
				position: relative;
				font-size: 1.3em;
				text-transform: uppercase;
				color: #222;
				font-family: Georgia;
				padding-bottom: .2em;
			}
			
			.entry h3{
				position: relative;
				font-size: 1.1em;
				font-weight: bold;	
				color: #222;
				padding-bottom: .8em;
			}
			
			.entry h3.toggler{
				position: relative;
				margin-bottom: 2px;
				padding: 8px 0 0 25px;
				font-size: 11px;
				font-weight: bold;
				color: #000;
				height: 21px;
				background: url(img/plus-box.gif) top left no-repeat;
			}
			
			.entry h2.toggler{
				position: relative;
				margin-bottom: 2px;
				padding: 8px 0 0 25px;
				font-size: 11px;
				font-weight: bold;
				color: #000;
				height: 21px;
				background: url(img/plus-box.gif) top left no-repeat;
			}
			
			#accordion{
				position: relative;
				padding-bottom: 15px;
				font-size: 11px;
				width: 375px;
			}
			
			#accordion p{
				position: relative;
				display: block;
				padding: 15px;
			}
			
			#accordion div.element{
				position: relative;
				padding-bottom: 8px;
			}
			
			.entry p{
				position: relative;
				line-height: 1.4em;
				padding-bottom: 1em;
			}
			
			.entry a{
				color: #800000;
				text-decoration: underline;
			}
			
			.entry div.notes{
				position: relative;
				border: 1px solid #DDDDDD;
				font-size: 10px;
				padding: 20px;
				background: #F6F6F6;
				margin-bottom: 1.2em;
				width: 353px;
				overflow: hidden;
				float:right;
				margin-left:10px;
			}
			
			.entry div.notes strong{
				font-weight: bold;
				text-transform: uppercase;
			}
			
			.entry ol {
				position: relative;
				padding-bottom: 1.1em;
				line-height: 1.5em;
				margin-left:20px;
				list-style-position: outside;
				list-style-type:decimal
			}
			
			.entry ul{
				position: relative;
				padding-bottom: 1.1em;
				margin-bottom:1.5em;
				line-height: 1.5em;
				list-style-position: inside;
				list-style-type: disc;
			}
			
			.entry ul li{
				list-style-position: outside;
				list-style-type: disc;
				margin-left: 15px;
				
			}
			
			.entry-bar{
				position: relative;
				float: right;
				width: 300px;	
				padding-left: 0px;
				z-index: 5;
			}
			
				.boxit {
					border:1px solid #ccc;
					padding:10px;
					margin:0 0 15px 15px;
				}
			
				.entry-widget{
					position: relative;
					padding: 20px 25px 20px 25px;
					border: 1px solid #DDD;
					font-size: .8em;
					margin-bottom: 15px;
				}
				
					.entry-widget h3{
						position: relative;
						font-size: 1.7em;
						color: #074B71;
						padding: 0;
						font-weight: normal;
						font-family: Georgia;
					}
					
					.entry-widget h4{
						position: relative;
						font-size: 1.2em;
						font-weight: bold;
						color: #074B71;
						padding-bottom: 5px;
						font-family: Georgia;
					}
					
					.entry-widget ul{
						list-style: none;
					}
					
					.entry .entry-widget li{
						position: relative;
						line-height: 1.5em;
						margin: 0;
						padding: 5px 0 5px 0;	
					}
					
					.entry-widget li span{
						display: block;
						color: #222;
					}
					
					.entry-widget li a{
						font-weight: bold;
					}
			
	
	
	#feature{
		position: relative;
		padding: 13px 0 13px 0;	
	}
	
		#the-feature{
			position: relative;
			float: left;
			width: 620px;
			height: 348px;
			text-align: left;
			overflow: hidden;
		}
		
			#the-feature img{
				position: relative;
				top: 0;
				left: 0;
				height: 348px;
				width: 620px;
			}
			
			#the-feature p{
				position: absolute;
				bottom: 0;
				left: 0;
				width: 610px;
				font-size: .9em;
				color: #fff;
				background: #000;
				padding: 10px 0 10px 10px;	
			}
		
		
		#feature-more{
			position: relative;
			float: right;
			width: 300px;	
		}
		
			#iserve{
				position: relative;
				padding: 16px 16px 0 16px;
				height: 229px;
				text-align: left;
				background: url(img/iserve.gif) top left no-repeat;
			}
			
				#iserve h2{
					position: relative;
					font-size: 1.7em;
					font-family: Georgia;
					color: #222222;
					padding-bottom: 13px;	
					margin-bottom: -6px;
				}
				
				#iserve h3{
					position: relative;
					font-weight: bold;
					padding-bottom: 2px;
					font-size: 1.1em;	
				}
				
				#iserve a{
					color: #810808;
					text-decoration: underline;
				}
				
				#iserve img{
					float:right;
					margin-top: -35px;
				}
				
				#iserve p{
					position: relative;
					padding-bottom: 1em;
					font-size: .9em;
					color: #444444;
				}
				
				.iserve{
					position: relative;
					padding: 3px 11px 0 11px;
					height: 53px;
					margin-bottom: 2px;
					background: url(img/iserve1.gif) top left no-repeat;
				}
				
				.iserve.alt{
					background: url(img/iserve2.gif) top left no-repeat;
				}
				
			#iserve-2{
				position: relative;
				padding: 16px 16px 0 16px;
				height: 130px;
				text-align: left;
				background: url(img/iserve4.gif) top left no-repeat;
			}
			
				#iserve-2 h2{
					position: relative;
					font-size: 1.7em;
					font-family: Georgia;
					color: #222222;
					padding-bottom: 13px;	
					margin-bottom: -6px;
				}
				
				#iserve-2 h3{
					position: relative;
					font-weight: bold;
					padding-bottom: 2px;
					font-size: 1.1em;	
				}
				
				#iserve-2 a{
					color: #810808;
					text-decoration: underline;
				}
				
				#iserve-2 img{
					float:right;
					margin-top: -35px;
				}
				
				#iserve-2 p{
					position: relative;
					padding-bottom: 1em;
					font-size: .9em;
					color: #444444;
				}
			
			#conferences{
				position: relative;
				margin-top: 15px;
				padding: 0 16px 0 16px;
				height: 89px;
				text-align: left;
				background: url(img/conference-box.gif) top left no-repeat;
				xoverflow: hidden;
			}
			
				#conferences h2{
					position: relative;
					font-size: 1.7em;
					font-family: Georgia;
					color: #222222;
					padding-top: 8px;
					padding-bottom: 4px;
					display: block;	
				}
				
				#conferences h2 a {
					text-decoration: none;
				}
				
				#conferences p{
					position: relative;
					padding-bottom: 1em;
					font-size: .9em;
					padding-right: 40px;
					color: #444444;
				}
				
				#conferences img {
					position: absolute;
					left: 198px;
					top: -35px;
					float: right;
				}
				
			#conferences-2 {
				position: relative;
				margin-top: 15px;
				padding: 0 16px 0 16px;
				height: 89px;
				text-align: left;
				background: url(img/conference-box2.gif) top left no-repeat;
				xoverflow: hidden;	
			}
			
				#conferences-2 h2{
					position: relative;
					font-size: 1.7em;
					font-family: Georgia;
					color: #222222;
					padding-top: 8px;
					padding-bottom: 4px;
					display: block;	
				}
				
				#conferences-2 h2 a {
					text-decoration: none;
				}
				
				#conferences-2 p{
					position: relative;
					padding-bottom: 1em;
					font-size: .9em;
					padding-right: 40px;
					color: #444444;
				}
				
				#conferences-2 img {
					position: absolute;
					left: 198px;
					top: -35px;
					float: right;
				}
			
			
			#comwrap{
				position: relative;
			}
			
			ol.commentlist{
				list-style: none;
				width: 600px;
			}
			
			.commentlist li{
				position: relative;
				padding: 10px;
				background: #f6f6f6;
				border: 1px solid #ddd;
				font-size: .9em;
				margin-bottom: 10px;	
			}
			
			.avatar{
				float: right;
				border: 1px solid #ddd;
			}
			
			#comwrap input{
				padding: 3px;	
			}
			
			#comment{
				width: 450px;
			}
			

	#front{
		position: relative;
		padding-bottom: 18px;
	}
	
		#front-info{
			position: relative;
			float: left;
			width: 605px;
		}
		
			#front-tabs{
				position: relative;
				height: 34px;
				font-size: .9em;
				font-weight: bold;
				background: url(img/tab-content-bottom.gif) bottom left repeat-x;
			}
			
				#front-tabs li{
					position: relative;
					float: left;
					height: 34px;	
				}
				
				#front-tabs li a{
					position: relative;
					float: left;
					height: 34px;
					padding-left: 18px;	
					color: #074B71;
					background: url(img/tab-inactive-left.gif) top left no-repeat;
					text-decoration: none;
				}
				
				#front-tabs li a span{
					position: relative;
					float: left;
					padding: 10px 18px 0 0;
					height: 24px;
					background: url(img/tab-inactive-right.gif) top right no-repeat;
				}
				
				#front-tabs li.active a{
					color: #000;
					background: url(img/tab-active-left.gif) top left no-repeat;
				}
				
				#front-tabs li.active a span{
					background: url(img/tab-active-right.gif) top right no-repeat;
				}
			
			.domtab{
				position: relative;
				height: 276px;
				background: url(img/front-bottom.gif) bottom left no-repeat;	
			}
			
				.atab{
					position: relative;
					padding: 20px 28px 0 28px;
					text-align: left;
				}
				
				.atab img{
					position: relative;
					float: right;
					margin-left: 35px;
					border: 5px solid #fff;
				}
				
				.atab strong{
					font-weight: bold;
					color: #121212;
					font-size: 1.1em;
				}
				
				.atab small{
					font-size: .8em;
				}
				
				.atab h2{
					position: relative;
					font-size: 2.5em;
					padding-bottom: 5px;
					font-weight: normal;
					color: #074B71;
					font-family: Georgia;
				}
				
				.atab p {
					line-height: 1.4em;
					padding-bottom: 1em;
				}
	
	
		#front-news{
			position: relative;
			float: left;
			margin-right: 20px;
			width: 268px;
			padding: 13px 16px 0 16px;
			height: 263px;
			text-align: left;
			background: url(img/news-box.gif) top left no-repeat;
		}
		
			#front-news h2{
				position: relative;
				font-size: 1.7em;
				font-family: Georgia;
				color: #222222;
			}
			
			#front-news ul{
				position: relative;	
				padding-bottom: 10px;
			}
			
			#front-news li{
				position: relative;
				padding: 8px 0 8px 0;
				font-size: .9em;
				line-height: 1.4em;
				background: url(img/green-break.gif) bottom left repeat-x;
			}
			
			#front-news li:last-child{
				background: none;
			}
			
			#front-news span{
				position: relative;
				display: block;
			}
			
			#front-news a{
				color: #810808;
				text-decoration: underline;
			}
			
			a.view-news, #front-news a.view-news{
				position: relative;
				float: left;
				width: 106px;
				padding: 6px 0 0 0;
				height: 20px;
				font-size: 10px;
				text-transform: uppercase;
				color: #fff;
				text-decoration: none;
				text-align: center;
				background: url(img/red-button.gif) top left no-repeat;
			}


	#tri{
		position: relative;
		text-align: left;
		padding-bottom: 18px;
	}
	
		.tri-box{
			position: relative;
			float: left;
			padding: 16px 0 0 16px;
			height: 134px;
			width: 284px;
			margin-right: 20px;
			background: url(img/bottom-box.gif) top left no-repeat;
		}
		
		#tri-1 img {
			xbackground: url(img/bottom-box.gif) top left no-repeat;
			float: right;
			position: absolute;
			top: -85px;
			left: 150px;
			xclear: right;
			xdisplay: block;
		}
		
		#tri-2 img {
			xbackground: url(img/tri2.gif) top left no-repeat;
			float: right;
			position: absolute;
			top: -101px;
			left: 175px
		}
		
		#tri-3{
			xbackground: url(img/tri3.gif) top left no-repeat;
			margin: 0;
		}
		
		#tri-3 img {
			float: right;
			position: absolute;
			top: -100px;
			left: 175px;
		}
		
		#tri h3{
			position: relative;
			font-size: 1em;
			font-family: Georgia;
			font-weight: bold;	
		}
		
		#tri h3 span{
			position: relative;
			display: block;
			font-size: 1.2em;	
		}
		
		#tri h3 strong{
			position: relative;
			display: block;
			font-size: 1.5em;
		}
		
		#tri p{
			position: relative;
			padding: 4px 140px 4px 0;
			font-size: .9em;
		}
		
		#tri p a{
			color: #800000;
			font-weight: bold;
			text-decoration: underline;
			padding-right: 18px;
			background: url(img/tick.gif) right center no-repeat;
		}

	
	#foot{
		position: relative;
		padding: 15px 0 25px 16px;
		font-size: .9em;
		background: url(img/bottom-break.gif) bottom right repeat-x;
		margin-bottom: 25px;
	}
	
		#foot span{
			float: left;
		}
	
		#foot p{
			position: relative;
			float: right;
			font-size: .9em;	
			text-align: right;
		}
		
		#foot p span{
			position: relative;
			float: none;
			display: block;
		}
		
		#foot strong{
			font-weight: bold;	
		}
		
		#foot p a{
			color: #800000;
			text-decoration: underline;
		}



#sitemap, #pop-up {
	background: #fff;
	padding: 20px 30px 30px 50px;
}

	#sitemap h2, #pop-up h1{
		position: relative;
		font-size: 2em;
		color: #5d5d5d;
		font-family: Georgia;
		text-transform: uppercase;
	}
	
	#sitemap h2 {
		margin-left: -40px;
		margin-bottom: 1em;
	}


	#sitemap ul{
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		margin-left: 0px;
		padding: 0;
	}
	
		
	#sitemap ul li{
		list-style-position: outside;
		width: 160px;
		height: 220px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	
		#sitemap ul ul{
			margin: 0;
			padding: 0;
		}

		#sitemap ul li li{
			list-style-position: outside;
			padding: 0;
			margin: 0;
			margin-left: -40px;
			width: auto;
			height: auto;
			float: none;
			display:list-item;
		}
		
		#sitemap ul li ul.sitemap-sublevel-1 li a {
			color: #810808;
			text-decoration: underline;
		}

	
	#sitemap a.title{
		color: #4e4e4e;
		text-decoration: none;
		font-size: 1.5em;
		line-height: 3em;
		margin-left: -40px;
	}


.alignright {
	text-align: right;
}

img.alignright{
	background: none;
	border: none;
	float: right;
	margin: 0;
	padding: 0px;
	margin: 0 0 20px 20px;
}


/* overwrites for the 404 error page */

.error404 #sitemap ul, .error404 #sitemap ul li li { margin-left: 0; list-style-type: none;} 	
.error404 #sitemap ul li { height: 300px; }
.error404 #sitemap ul li li { height:auto; }


/* donate now page */
#donate-box {
	border:1px solid #ccc;
	xwidth: 120px;
	xfloat:right;
	xmargin:250px 0 1em 15px;
	padding: 10px;
	position: relative;
	margin-bottom: 1em;
}

#donate-box form {
	margin:.5em 0;
}

img.CC-logos {
	margin: 10px auto;
}