/*   
Theme Name: City University - Blue 
Theme URI: http://www.cityualumni.net
Description: A theme used for the City University of Seattle's Velocity e-Newsletter. This theme is the Blue version
Author: Quake Media
Author URI: http://www.quakemedia.com
Tags: Custom
Version: 1.0

*/

* {
	padding: 0px;
}
a {
	color: #333;
}

a:hover {
	text-decoration: none;
}


html, body {
	font: 11px Verdana, "Lucida Grande", Lucida, Arial;
	margin: 0 auto;
	background: #5d87a1;
	color: #333;
}

/* small bar along the top of the website */
#topbar {
	width: 100%;
	float: left;
	margin: 0 auto;
	height: 3px;
	background: #00365c;
}

/* page wrapper, contains all divs for website */
#wrapper {
	margin: 0 auto;
	width: 800px;
}

/* wrapper div contains "subscribe to RSS", and CityU Links */
#feedBar {
	padding: 5px 10px;
	background: #00365c;
	width: 780px;
	height: 15px;
	float: left;
}

#feedBar img {
	float: left;
}

#header {
	width: 800px;
	height: 140px;
	float: left;
}

#nav {
	float: left;
	width: 800px;
	height: 26px;
	background: url(content_images/nav.jpg) repeat-x;
	border-bottom: #00365c 8px solid;
}

#navshad {
	width: 800px;
	height: 9px;
	float: left;
	background: url(content_images/navshadow.jpg) no-repeat;
}

#content {
	width: 800px;
	background: url(content_images/sideshad.jpg) repeat-y;
	float: right;
	border-bottom: #00365c 8px solid;
	margin: auto;

}

.alignright a {
	color: #999;
}

#contentSubPage {
	float: left;
	width: 550px;
}

#sidebarSubPage {
	width: 208px;
	float: left;
}

#contentContact {
	padding: 0 0 0 20px;
	float: left;
	width: 300px;
	height: 300px;
}

#contactMap {
	text-align: left;
	float: left;
	width: 380px;
}

#sidebarSubPage h3 {
	color: #00365c;
}

#footer {
	text-align: right;
	height: 30px;
	width: 800px;
	float: left;
}

#footer a {
	color: #546875;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
}

.leftFeed {
	padding-left: 5px;
	width: 370px;
	float: left;
}

.rightFeed {
	text-align: right;
	width: 390px;
	float: right;
}

.pad5 {
	padding: 10px;
}

.padcon {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #333;
	padding: 0px 10px 10px;
}

.padcontop {
	padding: 10px 10px 0px;
}

.padconL {
	padding: 0px 0px 10px;
}

.pad20 {
	padding: 20px;
}


.pad3 {
	padding: 3px;
}

.clear {
	clear: both;
}
.right {
	text-align: right;
	padding-bottom: 4px;
}

.rightdate {
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

/** CRIMSON CONTNET **************/
#leftTop {
	float: left;
	width: 320px;
	margin: 0px;
}

#leftTop img {
	border: 4px solid #919191;
}

.feature {
	font: 12px Verdana, "Lucida Grande", Arial;
	padding: 0px 3px 0px;
	width: 209px;
	height: 202px;
	background: #f2f2f2;
	margin: 0px;
}

#leftTop p {
	padding: 0px;
	margin: 0px;
	color: #f6f6f6;
}

#centerTop .feature p {
	margin: 0px 0px 5px;
	color: #333;
}

#leftTop h2, #leftTop a:hover, #centerTop h3, #centerTop h2, #centerTop a {
	font-weight: normal;
	color: #00365c;
	text-decoration: none;
}

#leftTop a, #centerTop a {
	color: #919191;
}

#centerTop {
	clear: none;
	background: #f6f6f6;
	float: left;
	width: 225px;
	height: 213px; /*this edits height of feature text */
	border-left: 2px #cecece solid;
	border-right: 2px #cecece solid;

}

#centerTop h3, #rightTop h3 {
	font: bold 11px Verdana, "Lucida Grande", Arial;
	padding: 3px;
	width: 215px;
	background: #cecece;
	color: #00365c;
	margin: 0px 0 0 -5px;
}

#centerTop p{
	margin: 0px 0 4px;
	padding: 3px;
	font: 12px Verdana, "Lucida Grande", Arial;
	color: #a4a4a4;


}

.altissue p, #rightTop p .altissue {
	background: #a9a9a9;
}

.altissue h3 {
	background: #a9a9a9;
}

#centerTop p a {
	color: #707070;
	text-decoration: none;
}

#centerTop p a:hover {
	text-decoration: underline;
	color: #000;
}

#rightTop {
	float: left;
	width: 225px;
}

#bottomLeft {
	clear: both;
	padding: 6px 0 0;
	float: left;
	width: 320px;
	margin: 0px;
}

#bottomLeft a, ul.cnote li a, #rightTop a, #bottomRight .right a {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #333;
}

#bottomLeft a:hover, ul.cnote li a:hover, #rightTop a:hover {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #8d8b8b;
	text-decoration: none;
}

#bottomCenter {
	padding: 6px 0 0;
	float: left;
	width: 230px;
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #333;
}

/* edit for February 2009 velocity */
#bottomCenter ul.jobs li {
	padding: 5px 0px;
}

#bottomRight{
	float: right;
	padding: 6px 0 0;
	float: left;
	width: 215px;
}

#bottomRight a:hover {
	text-decoration: none;
}

.gray a {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #333;
	text-decoration: underline;
}

.gray a:hover {
	text-decoration: none;
}


.staff {
	
	height: 110px;
	width: 195px;
	padding: 10px;
	background: #f6f6f6;
}

/******** UNSORTED LISTS ********/
/** Navigation ******************/

ul.navi {
	padding: 0px;
	display: inline-block;
	float: left;
	width: 600px;
	list-style: none;
	margin: 0px;
}

ul.navi .current a {
	color: #fff;
}

ul.navi .current a:hover {
	color: #000;
}

ul.navi li {
	margin: 0px;
	line-height: 2.3em;
	padding: 0px 0px 0px;
	display: block;	
	float: left;
}

ul.navi li a {
	margin: 0px;
	padding: 7px 12px 13px;
	font:  10px Verdana, "Lucida Grande", Lucida, Arial;
	text-decoration: none;
	color: #000;
}

ul.navi li a:hover {
	padding: 7px 12px 6px;
	background: #fff;
}

ul.news {
	margin: 0px 0 10px;
	list-style-type: none;
	padding: 0px;
}

ul.news li {
	padding: 4px 4px 4px;
	color: #000;
}

ul.news li a {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #000;
}

ul.news li a:hover {
	text-decoration: none;
}


ul.jobs {
	margin: 0px 0 10px;
	list-style-type: none;
	padding: 0px;
}

ul.jobs li {
	padding: 4px 4px 4px;
	color: #000;
}

ul.jobs li a {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #8d8b8b;
}

ul.jobs li a:hover {
	border: none;
}

#rightTop .other {
	margin-top: 10px;
}

ul.video {
	float: left;
	display: inline-block;
	margin: 2px 0 5px;
	list-style-type: none;
	padding: 0px 0px;
	clear: both;
}

ul.video h3 {
	font: bold 12px Verdana;
	color: #707070;
	margin: 2px 0px 2px;
}

ul.video li {
	display: inline-block;
	padding: 0 0 0px;
	margin: 0 0 2px;
}

ul.video li a, ul.video a {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #333;
	margin: 0px 0 5px;
	text-decoration: underline;
}

ul.video li a:hover {
	color: #ccc;
	text-decoration: none;
}

ul.video li .alignright, ul.video li .alignright a {
	margin: 0px;
	padding: 0px;
}

ul.video img {
	float: left;
	margin: 0 3px 0 0;
	border: #a3a3a3 2px solid;
}

.odd {
	padding: 0px 0px 4px;
	color: #000;
	background: #efefef;
}



/******** FONTS ********/
.red {
	color: red;
}

.crimson {
	font-weight: bold;
	color: #00365c;
}

.current a {
	background: #00365c;
	color: #ffffff;
}

#content p {
	color: #3a3a3a;
}

#feedBar a {
	color: #fff;
	text-decoration: none;
}

#feedBar a:hover {
	color: #CCC;
	border-bottom: 1px #947676 solid;
	text-decoration: none;
}

.feed, .feed a {
	color: #333;	
}

.feed a:hover {
	color: #00365c;
	border-bottom: 1px #947676 solid;
	text-decoration: none;
}

.black, .black a {
	font: 11px Verdana, "Lucida Grande", Arial;
	color: #333;
	text-decoration: underline;
}

.black a:hover {
	text-decoration: none;
}

/******** HEADINGS ********/
h1 {
	font: 16px Verdana, "Lucida Grande",  Arial;
	color: #00365c;
	text-transform: uppercase;
}

h2 {
	margin: 0px 0px 4px;
	padding: 0px;
	font: bold 14px Verdana, "Lucida Grande",  Arial;
	color: #00365c;
	text-transform: uppercase;
}

.pad20 h2 {
	font-size: 13px;
}

#contentSubPage h3 {
	font: bold 12px Verdana, "Lucida Grande",  Arial;
	color: #00365c;
}

/* Comments */

.alt {
	background: #f9f9f9;
}

ol.commentlist {
	margin: 0px;
	
}

ol.commentlist li {
	list-style-type: none;
	padding: 10px;
}

ol.commentlist li a {
	list-style-type: none;
	color: #333;
}

ol.commentlist li a:hover {
	color: #fff;
	text-decoration: none;
}

#commentform input {
	font: 10px "Lucida Grande", Lucida, Verdana, Helvetica, Arial;
	color: #5e5e5e;
	border: 2px solid #dfdfdf;
	width: 182px;
	background: #f9f9f9;
}

#commentform textarea {
	font: 10px "Lucida Grande", Lucida, Verdana, Helvetica, Arial;
	color: #5e5e5e;
	border: 2px solid #d9d9d9;
	width: 550px;
	background: #f9f9f9;
}
#commentform textarea:hover  {
	background: #fff;
	border: 2px solid #00365c;
}

#commentform input:hover {
	background: #00365c;
	color: #fff;
}



#commentform textarea:focus, #commentform input:focus  {
	background: #fff;
}

#commentform input submit {
	  background-color: #b0b0b0;
  color: #00365c;
  width: auto;
  padding: 0px 2px;
}

.authorcomment {
	
	background: #e9e3e4 url(content_images/commentbg2.jpg) repeat-x;
	border: 1px #00365c solid;
	margin-bottom: 3px;
}

.authorcomment cite {
	color: #00365c;
}

.authorcomment .commentmetadata a {
	color: #000;
}

cite {
	color: #5a5a5a;
	font: italic bold 13px "Lucida Grande", Verdana, Helvetica, Arial;
}

/** RELATED POSTS **/

ul.related_post, ul.related_post li, ul.related_post li a {
	color: #00365c;
	list-style: none;
}

/**** MEDIA *****/

.mediapost {
	width: 860px;
	margin: 0 0 20px;
	float: left;
}

.mediapost h2 a, #content h2 a{
	font: bold 12px Verdana, Arial, Lucid;
	color: #00365c;
	text-decoration: none;
}

.postmultimedia {
	text-align: left;
	width: 860px;
	padding: 0 0 10px;

}

.postmultimedia img {
	border: 2px solid #9b9b9b;
	top: 0;
	left: 0;
	text-align: left;
	float: left;
	margin: 0 10px 5px 0;
}

.postmultimedia img a:hover {
	border: 2px solid #00365c;
}

/*** WORDPRES FORMATTING ***/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.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;
}

.entry h3 {
	color: #00365c;
}

.left {
	clear: left;
}

.prescorner {
	height: 70px;
	clear: both;
}

#careercorner {
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 5px;
	width: 190px;
	background: #fff url(content_images/notepad.jpg) no-repeat;
}

#careercorner h2 {
	font-size: 11px;
 color: #666;
}

#careercorner ul.jobs li a {
	font: 12px bold Verdana, "Lucida Grande", Arial;
	color: #666;
}

.unIndentedList li {
	margin-left: 25px;
}