/*
Theme Name: 440 Sonic Symposium
Based on Theme URI: http://bavotasan.com/wordpress/free-wordpress-themes/feed-me-seymour-free-wordpress-theme/
Description: Use this theme for the 440 Symposium website. Features blog posts on the home page, sidebar, rss, and handsome design.
Version: 1.0
Author: megan hoagland
Author URI: http://www.rumblefish.com
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options,orange



*/

/* Basic Tag Elements */

* html {
height:1%;
}

a {
	text-decoration: none;
	outline: none;
	color: #ec8623;
	}
	
	a:hover {
		text-decoration: underline;
		color:#5c637b;
		}
	
img { 
	border: 0;
	}

body {
	color: #33334a;
 	margin: auto; 
	font-size: 14px; 
	line-height:1.2em;
	padding: 0 20px; 
	background-color:#fff;
	font:11px normal Verdana, Geneva, sans-serif;
	}
	
	p {
	line-height:18px;
	}
	
h2 a, h3 a, h4 a, h5 a {
	font:14px bold Verdana, Geneva, sans-serif;
	 color:#f69f07;
	 line-height:2px;
	 padding-left:0;
	 margin-left:0;
	}
	
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #f69f07;
	}

/* Header Elements */

#header{
	padding:15px 0 0 0;
	margin:0;
	position: relative;
	width:865px;
	}

#login {
	height: 16px;
	font-size: 13px;
	color: #fff;
	text-align: right;
	padding: 10px 10px 7px;
	background: url(images/login.png) repeat-x #F7921E;
	border: 3px double #fff;
	margin-bottom: 5px;
	width:865px;
	}
	
	#login a {
		color: #fff;
		}
	
	#login ul {
		padding: 0;
		margin: 0;
		}
	
	#login ul li {
		display: inline;
		}

	#header-rss {
		position: absolute;
		}
	
	#header-rss p {
		padding: 0;
		margin: 0 5px;
		font-size: 11px;
		color: #aaa;
		}
	
.dot:before {
	content: url(images/whitedot.png) " ";
	}

#title {
	font-size: 48px;
	margin: 0;
	padding: 0;
	line-height: 52px;
	}
	
	#title a {
		color: #222;
		}		
	
	#title a:hover {
		color: #E06110;
		text-decoration: none;
		}
		
	#title img {
		margin: 0 0 5px 0;
		padding: 0;
		}
		
#description {
	font-size: 14px;
	margin: 0;
	padding: 0;
	}	
	
/** Header Images **/	
#left {
	width:672px;
	float:left;
	margin:0;
	padding:0;
}

#right {
	float:left;
	width:191px;
	margin:0;
	padding:0;
}

#right .apply {
	 height:39px;
	 width:191px;
	 background-image: url("images/button-apply.jpg");
 	 background-repeat:no-repeat;
	 background-position:right bottom; 
 	 text-indent: -5000em;
	 padding:0;
	 margin-top:120px;
	}
	
#right .apply:hover {
	 background-image: url("images/button-apply-over.jpg");
	 }
/** Header Images **/


/* Main Elements on Home Page */
	
#mainwrapper {
	float: left;
	padding: 0;
	margin: 0;
	width:865px;
	}
	
#photo-small {
	width:865px;
	height:128px;
	background-image: url("images/photo-header-sm.png");
	clear:both;
 	background-repeat:no-repeat;
	background-position:right bottom; 
}

#photo-big {
	width:865px;
	height:174px;
	background-image: url("images/photo-header-big.jpg");
	clear:both;
 	background-repeat:no-repeat;
	background-position:right bottom; 
}
	
#about {
	width:395px;
	height:600px;
	float:left;
	padding:10px;
	background-color:#FFF;
	}
	
#about h1 {
	 background-image:url("images/header-about.gif");
 	 background-repeat:no-repeat;
 	 height:25px;
	 text-indent: -5000em;
	}
	
	
.experts {
	color:#5370b7;
	}
	
#expertintro {
	text-transform:uppercase;
	font-weight:bold;
	color: #33334a;
}
	
#divider  {
	width:13px;
	float:left;
	background:#fff url('images/line.png') repeat-y 50% 0;
	height:100%;
	min-height:300px;
	margin-top:55px;
	}
	
#news {
	width:395px;
	height:600px;
	background-color:#FFF;
	float:right;
	padding:10px;
	}
	
#news h1 {
	 background-image:url("images/header-news.gif");
 	 background-repeat:no-repeat;
 	 height:25px;
	 text-indent: -5000em;
	}
	
#news h2 {
	 font:16px bold Verdana, Geneva, sans-serif;
	 text-transform:uppercase;
	 color:#ec8623;
	 padding:2px;
	 line-height:12px;
	}
	
#post {
	width: 632px;
	float:left;
	padding:0 0 50px 20px;
	font-size:1.2em;
	}
	
#post h1 {
	 background-image:url("images/header-news.gif");
 	 background-repeat:no-repeat;
 	 height:25px;
	 text-indent: -5000em;
	}

#post h2 {
	 font:16px bold Verdana, Geneva, sans-serif;
	 color:#f69f07;
	 line-height:3px;
	}
	
#recent {
	width:180px;
	float:left;
	padding:0 10px 50px 0;
	}
	
#recent h1 {
	 background-image:url("images/header-recent.gif");
 	 background-repeat:no-repeat;
 	 height:25px;
	 text-indent: -5000em;
	}
	
#recent a {
	width:166px;
	float:left;
	padding:0;
	color:#f69f07;
	font-size:1.1em;
	line-height:1.5em;
	text-decoration:underline;
	margin-bottom:20px;
	border-bottom: 1px dashed #ddd;
	}
	
small {
	padding:0;
	color:#666;
	line-height:5px;
}
	
.storycontent {
	margin-bottom:15px;
}

#post-wide {
	width: 850px;
	float:left;
	padding:0 10px 50px 20px;
	font-size:1em;
	overflow:hidden;
	}
	
#post-wide h1 {
	 background-image:url("images/header-apply.gif");
 	 background-repeat:no-repeat;
 	 height:25px;
	 text-indent: -5000em;
	}

#application {
	width:850px;
	padding:0;
}

#application #left {
	width:400px;
	float:left;
	padding-right:20px;
}

#application #right {
	width:400px;
	float:left;
}

#application #right {
	width:310px;
	float:left;
}

#where-how {
	background-image:url("images/where-how.png");
	background-repeat:no-repeat;
	width:420px;
 	height:63px;
	text-indent: -5000em;
}

#where-how:hover {
	background-image:url("images/where-how-over.png");

}

#info {
	 background-image:url("images/info.jpg") bottom left;
 	 background-repeat:no-repeat;
 	 height:185px;
	 width:865px;
	 padding:0;
	 margin:0;
	 line-height:1em;
	}

#info #infoleft {
 	 width:252px;
	 float:left;
	 padding-left:24px;
	 padding-top:28px;
	 margin:0;
	}
	
#info #infomd{
 	 width:254px;
	 float:left;
	 padding-left:25px;
	 padding-top:28px;
	 margin:0;
	}
	
#info #infort {
 	 width:254px;
	 float:left;
	 padding-left:38px;
	 padding-top:28px;
	 margin:0;
	}
	
/** Main Elements on Home Page **/	
	

/** Posts **/

.more-link {
	font-size: 11px;
	text-align: left;
	color: #E06110;
	}

.tags a {
	color: #E06110;
	}
	
.meta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	}	

.post {
	float: left;
	width: 655px;
}
	
ul.cats {
	padding: 0;
	margin: 0;
	}

ul.cats li { 
	margin-bottom: 7px; 
	list-style-type: none;
	position: relative;
	}

ul.cats li a:hover { 
	background: url(images/sidebarhover.png) center repeat-y #E06110;
	}

ul.cats li a {
	padding: 10px 0 7px 10px;
	font-weight: bold;
	background-image: url(images/sidebar.png);
	background-repeat: repeat-y;
	background-position: center;
	height: 1%;
	background-color: #F7931E;
	border: 3px double #fff;
	color: #FFF;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

ul.cats li ul {
	padding: 0;
	margin: 0;
	margin-top: 7px;
	}

.sidebox {
	margin: 0 0 7px;
	background: #fff;
	border: 3px double #aaa;
	float: left;
	padding: 0;
	}
	
	.sidebox img {
		float: left;
		}
	
	.sidebox p {
		margin: 13px 0 0 5px;
		float: left;
		}
	
.side-widget {
	float: left;
	margin: 0 0 .5em;
	background: url(images/sidebar.png) center repeat-y #F7931E;
	padding: 0 0 10px;
	border: 3px double #fff;
	}

	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0 10px;
		margin: 2px 0;
		font-size: 13px;
		}
	
	.side-widget h2 {
		font-size: 14px;
		border-bottom: 1px solid #fff;
		padding: 10px 0 5px 10px;
		margin-top: 0;
		text-transform: uppercase;
		color: #fff;
		}
		
	h2 a.rsswidget {
		color: #fff;
		text-transform: uppercase;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .featured-post {
		padding: 0 10px;
		}
	
	.side-widget .noline {
		border-bottom: 0;
		}
	
	.side-widget a {
		color: #77470F;
		}
		
	.rsswidget img {
		display: none;
		}		


#footer {
	clear: both;
	text-align:center;
	float: left;
	width: 865px;
	padding: 30px 0;
	font-size: 10px;
	}
	
	#footer a {
		color: #ec8623;
		}


		
/* Other Elements */


.red, .entry a {
	color: #E06110;
	}
	

/* Comment Elements */

h3#comments {
	text-transform: none;
	padding-bottom: 5px;
	}

#postcomments {
	padding-top: 20px;
	}

.commentlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}		
		
	.commentlist li {
		float: left;
		clear: both;
		padding: 0 10px 10px;
		background-color: #ffedd2;
		}
		
	.commentlist img {
		padding: 10px 0 0;
		margin: 0;
		}	
		
	.commentlist li.alt {
		background-color: #fad9a8;
		}	
		
	.comment-info {
		clear: both;
		float: left;
		}	
			
	.comment-text {
		margin-left: 120px;
		}			
			
#responder {
	float: left;
	clear: both;
	padding-top: 10px;
	}

/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px 0 10px;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 5px 8px 5px 0;
   display:block;
   width: 110px;
   overflow:hidden;
}

.alignright {
   float: right;
	margin: 5px 0 5px 10px;
}

.alignnone {
	margin: 5px 10px;
}

.tags {
	font-size:11px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#today {
	color: #E06110;
	}

#wp-calendar {
	margin: auto;
	}
	
	/* Form Elements */
	
textarea, input, select, radio {
	border:1px solid #9a9ba2;
	-moz-border-radius:11px;
	-moz-box-sizing:content-box;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:11px !important;
	line-height:16px;
	padding:2px 8px;
	text-decoration:none;
	}
	
input:hover, textarea:hover, select:hover, radio:hover {
	border-color:#666666;
	color:#000000;
	}


.submit input, .button, .button-primary, .button-secondary, .button-highlighted, #postcustomstuff .submit input {
  -moz-border-radius::11px;
  -moz-box-sizing:content-box;
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
  font-size:11px !important;
  line-height:16px;
  padding:2px 8px;
  text-decoration:none;
  }

.button:hover, .button-secondary:hover, .submit input:hover, input[type="button"]:hover, input[type="submit"]:hover {
	border-color:#666666;
	color:#000000;
	}