/*
Theme Name: tke
Theme URI: http://www.usctekes.com
Description: Theme created specifically for TKE USC.
Version: 1.0
Author: LimitDesigns
Author URI: http://www.limitdesigns.com

*/


/* Main Styles */

html, body {
	background:black url(images/tke_bg.jpg) no-repeat top center;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	
	color: #d2d1d1;
	font-family: "Gill Sans, sans-serif", Arial, Helvetica, sans serif; 
	font-size: 12px;
	
}

h1,h2 {
	color:#d2d1d1;
}

h3 {
	color:#333;
}

.date {
	font-size:medium;
	margin-top:10px;
	margin-right:30px;
	padding:3px;
	font-variant:small-caps;
	width:auto;
	float:right;
	border:solid 1px #ccc;
}

.news-title {
	width:400px;
	float:left;
}

.news-header {
	width:100%;
	height:45px;
	
}

.news {
	padding:4px;
	color:#ffcc00;
	font-size:25px;
	line-height:25px;
	margin-top:15px;
	margin-bottom:20px;
}

.clearboth {
	clear:both;
}

.bold {
	font-weight: bold;
}

/* Begin Images */
p img {
	padding: 1px;
	max-width: 100%;
	border:dotted 1px #ccc;
	}
p img:hover {
	background-color: #A9A9A9;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


#banner {
	height:127px;
	width:702px;
	margin:0px auto -50px auto;
	background:url(images/header.png) no-repeat center;
	z-index:2;
	position:relative;
}


#content {
	background:url(images/transparent.png) repeat;
	padding:2px;
	width:700px;
	overflow:hidden;
	margin:20px auto 0px auto;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border:solid 1px #888;
	z-index:1;
}
#center {
}

.float-right {
	float:right;
}

.post-header {
	border-left:solid 4px #ffcc00;
	background-color:#333;
	width:100%;
	height:25px;
	border-bottom:solid 1px #ccc;
        max-height:25px;
}

.post-header-text {
	font-size:18px;
	margin-left:10px;
	line-height:24px;
        max-width:400px;
        float:left;
}

.post-time-text {
	margin-right:15px;
	float:right;
	margin-top:6px;
}

.post-content {
	width:540px;
	margin:0px auto;
}

#column-right {
	width:230px;
	float:right;
	margin-top:10px;
}

#column-left {
	width:350px;
	float:left;
	padding-right:10px;
	border-right:dotted 1px #ccc;
	margin-top:10px;
}

img {
	border: none;
}

#text {
	margin: 0px 30px 30px 30px;
	padding: 5px 20px 20px 20px;
	overflow:hidden;
}

.post {
	margin-bottom:30px;
}

.news-item {
	margin-top:20px;
	border-bottom:dotted 1px #ccc;
}

.faqtitle {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

.indented
   {
   margin-left: 10pt;
   }

#dotted {
	width: 700px;
	padding:2px 0px 2px 0px;
	border-top:dotted 1px #cccccc;
	color:#555555;
	background:#eeeeee;
	font-size: 9px;
	text-align: center;
}

/* Link Styles */

a:link {
	color: #666666;
	text-decoration: none;
	}
	
a:visited {
	color: #666666;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

a:active {
	text-decoration: underline;
	}
	
a.faq1:link {
	color: #666666;
	text-decoration: underline;
	}
	
a.faq1:visited {
	color: #666666;
	text-decoration: underline;
	}
	
a.faq1:hover {
	text-decoration: none;
	}

a.faq1:active {
	text-decoration: none;
	}
	
a.faqtitle:link {
	text-decoration: none;
	}
	
a.faqtitle:visited {
	text-decoration: none;
	}
	
a.faqtitle:hover {
	text-decoration: none;
	}

a.faqtitle:active {
	text-decoration: none;
	}
	
	

/* Navigation */

#navigation {
	margin: 20px auto 0px auto;
	height: 24px;
	border-bottom: 1px solid #000;
	color:#4b4b4b;
	text-align: center;
}

/*ul {
	margin: 0px;
	padding: 0px;
	
}

li {
	list-style-type: none;
	display: inline;
	background: #990000;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;

}

li:hover {
	/*background: #FFCC00;
	border: 1px solid #666666;


}*/


#navigation1 {
  border-bottom:solid 1px #202020;
}

#nav {
  list-style: none;
  margin: 0px auto;
  width:629px;
  padding: 0;
  text-transform:lowercase;
  letter-spacing:1px;
  text-align:center;
  font-family:"Gill Sans, sans-serif", Arial;
  font-weight: light;
  }
	
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 24px;
  margin: 0;
  padding: 0 20px 0 15px;
  font-size: 10pt;
  color: #4b4b4b;
  }

#nav li a:hover, #nav li:hover > a {
  color: white;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 155px;
  left: -999em;
  border-right:1px solid #202020;
  border-left:1px solid #202020;
  border-bottom:1px solid #202020;
  /*margin-top:1px;*/
  margin-left:-1px;
  text-align:left;
  background:url(images/transparent_nav.png) repeat;
  padding-bottom:10px;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  padding: 0;
  width: 100px;
  }
	
#nav li li a {
  width: 120px;
  height: auto;
  line-height: 15px;
  color: #4b4b4b;
  border:none;
  padding: 5px 20px 5px 15px;
  overflow-y:none;
  }
	
#nav li li a:hover {
  padding: 5px 20px 5px 15px;
  border:none;
  color:white;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }
  
  
#footer {
	margin:10px auto 0px auto;
	text-align:center;
	color:#4b4b4b;
	font-size:11px;
	line-height:50px;
	background:url(images/transparent.png) repeat;
	width:100%;
}

#sclogo {
	width:150px;
	height:150px;
	margin:0px auto 20px auto;
	background:url(images/USCLogo.png) no-repeat center;
}

#footer a{
	color:#999;
}

#sidebar ul {
	list-style:none;
	margin-left:-30px;

}