/*   
Theme Name: tke-alumni
Theme URI: 
Description: TKE Alumni Thematic child Theme
Author: Ian Stewart
Author URI: http://www.apollointeractive.com
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* Reset browser defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


 body {
	background:black url(images/tke_bg.jpg) no-repeat top center;
	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;
	
}

#content p.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 */


#header {
	height:127px;
	width:702px;
	margin:0px auto -50px auto;
	background:url(images/header.png) no-repeat center;
	z-index:2;
	position:relative;
}
	#header_link {
		position:absolute;
		left:283px;
		top:11px;
		width:140px;
		height:116px;
		cursor:pointer;
	}

#wrapper {
	width:710px;
	margin:0 auto;
	position:relative;
}

#main {
	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;
}
	#main table {
		margin:10px 0;
	}
		#main table td {
			padding:10px 0;
		}

#center {
}

.float-right {
	float:right;
}

#main #content h1, #main #content .mimich1 {
	border-left:solid 4px #ffcc00;
	background-color:#333;
	border-bottom:solid 1px #ccc;
	font-size:18px;
	padding-left:10px;
	margin-bottom:15px;
	padding-bottom:0px;
	width:100%;
}

#content h2, #content .mimich2 {
	font-size:16px;
	margin-bottom:15px;
	padding-bottom:0px;
}
#content ul, #content ol {
	position:relative;
}
#content ul li, #content ol li {
	background: url(images/bullet.gif) 0 1px no-repeat;
	padding-left:17px;
	margin-bottom:5px;
}

body.home #content .post {
	clear:both;
}

body.home #content h2 {
	float:left;
	padding-top:4px;
	padding-bottom:4px;
}
body.home #content h2 a {
	display:block;
	float:left;
	width:425px;
	text-decoration:none;
}
	span.date_pub{
		width:150px;
		float:right;
		color:#fffffff;
		padding:3px 4px 0 0;
		display:block;
		font-size:.7em;
		text-align:right;
	}
	
	
/* Calendar Page Styles ------------------------------------------------------------------ */


.slug-calendar .entry-content ul li {
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:10px;
	border:1px solid #666666;
	margin:2px 0;
	clear:both;
}	

.slug-calendar .entry-content ul li strong {
	display:block;
	float:left;
	background-color:#ffcc00;
	width:150px;
	margin:2px;
	color:#000000;
	font-weight:bold;
	line-height:50px;
	font-size:1.4em;
	text-align:center;
}

.slug-calendar .entry-content ul li em {
	display:block;
	float:left;
	width:410px;
	margin:2px;
	font-size:1.4em;
	text-align:left;
	padding:5px;
}

/* Database Page Styles ------------------------------------------------------------------ */


form input#directory-submit {
	width:70px;
	height:25px;
	background:none;
	border:none;
	vertical-align:middle;
}
	
/* post title styles --------------------------------------------------------------------- */
h1.entry-title a, h2.entry-title a {
	color:#ffffff;
	text-decoration:underline;
}

.post-header-text {
	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;
}

#content {
	margin: 0px 30px 30px 30px;
	padding: 5px 20px 20px 20px;
	overflow:hidden;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul, #content ol, #content p {
 	margin:10px 0 0;
	padding-bottom:10px;
 }  

.post {
	margin-bottom:30px;
}

span.youtube {
	display:block;
	text-align:center;
}

.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: #FFCC00;
	text-decoration: underline;
	}
	
a:visited {
	color: #FFCC00;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}

a:active {
	text-decoration: underline;
	}
	
a.faq1:link {
	color: #FFCC00;
	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 */

#access {
 border-bottom:solid 1px #202020;

}

#access .menu {
	border-bottom:1px solid #000000;
	color:#4B4B4B;
	height:24px;
	margin:20px auto 0;
	text-align:center;
}

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

#access .menu .sf-menu li {
  float: left;
  margin: 0;
  padding: 0;
  }

#access .menu .sf-menu a {
  display: block;
  line-height: 24px;
  margin: 0;
  padding: 0 20px 0 15px;
  font-size: 10pt;
  color: #999999;
  }

#access .menu .sf-menu li.current_page_item a, #access .menu .sf-menu li.current_page_parent a, #access .menu .sf-menu li.current_page_parent li.current_page_item a{
	color:#FFCC00;
}
	#access .menu .sf-menu li.current_page_item li a, 
	#access .menu .sf-menu li.current_page_parent li a {
		color:#999999;
	}
	
#access .menu .sf-menu li a:hover, #access .menu .sf-menu li:hover > a {
  color: white;
  text-decoration: none;
  display: block;
  }

#access .menu .sf-menu 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;
  z-index: 150;
  } 
 * html #access .menu .sf-menu li ul {
 	background:none;
	background-color:#000000;
 }

#access .menu .sf-menu li:hover ul, #access .menu .sf-menu li.sfHover ul {
  left: auto;
  }
	
#access .menu .sf-menu li li {
  float: left;
  padding: 0;
  width: 100px;
  }
	
#access .menu .sf-menu li li a {
  width: 120px;
  height: auto;
  line-height: 15px;
  color: #999999;
  border:none;
  padding: 5px 20px 5px 15px;
  overflow-y:none;
  }
	
#access .menu .sf-menu li li a:hover {
  padding: 5px 20px 5px 15px;
  border:none;
  color:white;
  }

#access .menu .sf-menu li:hover, #access .menu .sf-menu li.sfHover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }
  
  
#footer {
	margin:10px auto;
	text-align:center;
	color:#4b4b4b;
	font-size:11px;
	line-height:50px;
	background:url(images/transparent.png) repeat;
	padding:2px;
	width:700px;
	overflow:hidden;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border:solid 1px #888;
	z-index:1;
	height:80px;
}
.home #footer {
	margin-bottom:300px;
}

#footer_logo {
	background:url(images/USC-Logo.png) center center no-repeat;
	height:80px;
}

#footer p {
	margin-left:37px;
}

#footer p span {
	padding-left:80px;
}

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

#footer a{
	color:#999;
}

#subfooter {
	margin:300px auto 10px auto;
	width:700px;
	color:#4b4b4b;
	position:absolute;
	top:100%;
	left:0;
}
	#subfooter h1, #subfooter p {
		margin:10px 0;
	}

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

}

/* Admin Styles */
.clear {clear:both;float:none;height:20px;display:block;}
form h2, label {line-height:30px;}
input#directory-submit {margin:10px 0 20px 0;}
div#profile {width: 100%;}
div#profile input, div#profile h2 {clear:both !important; float:none !important; }
div#profile label {display:block; margin: -4px 10px 0 0; width: 160px; text-align:right; float:left;}
div#profile label.radio {display:block; margin: 0px 10px 0 0; width: 160px; text-align:right; float:left;}
div#profile input.checkbox {margin: 4px 10px -4px 0;}
div#back {float:right; margin: 8px 10px 0 0;}
div#profile h3 {color:#cccccc;font-weight:bold;font-size:100%;}
div#profile hr {color:#333;width:500px;margin:10px auto 10px auto;}

/*** TOOL TIP ***/
.tooltip {
	height: 14px;
	width: 14px;
	position: relative;
	top: -8px; }

.tooltip .popup {
	display: none;
	font-size: 12px;
	padding: 5px;
	margin-left: 8px;
	width: 135px; }
	
.tooltip:hover .popup{
	background: url(/wordpress/wp-content/themes/tke-alumni/images/transparent.png) repeat transparent;
	border:1px solid #202020;
	color:#fff;
	display:inline;
	top: 20px !important;
	left: -20px;
	*left: 15px;
	*top: -12px !important;
	position:absolute;
	z-index: 100; }

#membership-icon {
	background: url(/images/red_bullet.png) no-repeat;
	_background: url(/images/red_bullet.gif) no-repeat;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-size: 11px; 
	font-weight: bold;
	height: 14px;
	position: relative;
	width: 14px;
	text-align: center;
	z-index: 50;
}

body.home #content h2.subtitle {
	background-color:#222222;
	border-left:4px solid #7A1212;
	float: none;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 2px 14px 2px 11px; }