/*
Theme Name: Azul
Theme URI: http://www.switchroyale.com/?page_id=21
Description: Azul is a clean and modern theme with a techy/corporate feel. This theme is meant to be easy to edit and modify. Now includes 1 level deep subnavigation in the navigation menu. Just assign a parent page to any page on your blog for an instant submenu (submenu not compatible with IE6). The Azul Photoshop template is also available for free at www.switchroyale.com. Free to use for whatever you want.
Version: 1.51
Author: Switchroyale
Author URI: http://www.switchroyale.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/

/* CARLIN EDIT */
html, body {
	color:#141f55;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#002467 url(/images/bg.jpg) top center repeat-x;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#container {
	background:transparent url(/images/pagewrap_bottom.png) bottom center no-repeat;
	width:1000px;
	margin:0 auto;
	padding-bottom:23px;
}

#content {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/images/pagewrap.png', sizingMethod='crop');
	background:transparent url(/images/pagewrap.png) top center repeat-y;
	padding:24px;
	min-height:500px;
}



/* DEFAULT BODY & CONTAINER
body {
	background: url(images/bodybg.jpg) #999999;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
	z-index: 0;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: url(images/containerbg.jpg) #ffffff;
	background-repeat: repeat-y;
}
*/
/* DEFAULT HEADER & NAVBAR
#header {
	height: 110px;
	padding: 40px 50px 0 50px;
	background: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	position: relative;
}

#header h1 {
	margin: 0;
	font-size: 20px;
}

#header a {
	text-decoration: none;
	color: #666666;
}

#header a:hover {
	color: #333333;
}

#header #search {
	position: absolute;
	top: 40px;
	right: 50px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 205px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#navbar {
	margin: 0 0 20px 0;
	background: url(images/navbarbg.jpg);
	background-repeat: no-repeat;
	height: 40px;
}

#navbar ul {
	margin: 0 0 0 30px;
	padding: 0;
	border-left: 1px solid #cccccc;
}

#navbar li {
	display: block;
	float: left;
}

#navbar a {
	display: block;
	float: left;
	height: 30px;
	padding: 0 30px 0 20px;
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	line-height: 30px;
	background: url(images/navbuttonbg.gif);
	background-position: right 50%;
}

#navbar a:hover, #navbar .current_page_item a {
	color: #666666;
	background: url(images/navbuttonbg-hover.gif);
	background-position: right 50%;
}

#navbar ul li ul {
	z-index: 100;
	margin: 0;
	border: 1px solid #cccccc;
	width: 200px;
	clear: both;
	position: absolute;
	top: 180px;
	left: -999px;
}

#navbar ul li:hover ul, #navbar ul li.sfhover ul {
	left: auto;
}

#navbar ul li ul li {
	width: 200px;
}

#navbar ul li.current_page_item ul li a, #navbar ul li ul li.current_page_item a {
	background: url(images/subnav1bg.png);
}

#navbar ul li ul li a {
	background: url(images/subnav1bg.png);
	padding: 0 0 0 5px;
	float: none;
}

#navbar ul li ul li a:hover {
	background: none #cccccc;
}
*/






/* CARLIN EDIT */

#header {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/images/pagewrap.png', sizingMethod='crop');
	background:transparent url(/images/pagewrap.png) top center repeat-y;
	padding:0 8px;
}
#header #logo {float:left; width:171px; height:118px; background:#fff url(/images/logo.jpg) top left no-repeat;}

#listserv {
	float:right;
	margin-top:8px;
	padding-right:20px;
	width:793px;
	background:#fff url(/images/listserv.gif) bottom right no-repeat;
	height:110px;
}
#listserv form {float:right;}
#listserv input {
	border:none; 
	background:transparent;
	font-size:12px;
}
#listserv .field {height:15px;}
#listserv thead td {padding:0;}
#listserv thead h3 {line-height:18px;}
#listserv td {
	vertical-align:top;
	padding:0 2px 13px 4px;
}
#listserv td label {display:none;}
#listserv #email {width:144px;}
#listserv #field6 {width:56px;}
#listserv #field2, #listserv #field7 {width:122px;}

#footer {
	width:1000px;
	margin:16px auto;
	padding-bottom:16px;
	color:#b3bed2;
	font-size:13px;
	letter-spacing:1px;
	text-align:center;
	font-weight:normal;
}
#footer a {color:#b3bed2; font-weight:normal;}
#footer a:hover {color:#fff; text-decoration:none;}
/* NAV */

#nav {
	clear:both;
	margin:0;
	padding:0 0 0 32px;
	background:#fff url(/images/nav/navbar.gif) top left repeat-x;
	height:61px;
	list-style:none;
	position:relative;
	text-align:left;
}
#nav li {
	float:left;
	margin:0;
	padding:0 48px 0 0;
}
#nav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	text-indent:-9009px;
	position:relative;
	z-index:10;
}
#nav li:hover {background-position: 0 -31px;}
#nav .home {background:transparent url(/images/nav/home.png) 0 0 no-repeat; width:46px;}
#nav .about {background:transparent url(/images/nav/about.png) 0 0 no-repeat; width:48px;}
#nav .events {background:transparent url(/images/nav/events.png) 0 0 no-repeat; width:53px;}
#nav .members {background:transparent url(/images/nav/members.png) 0 0 no-repeat; width:69px;}
#nav .alumni {background:transparent url(/images/nav/alumni.png) 0 0 no-repeat; width:68px;}
#nav .sponsors {background:transparent url(/images/nav/sponsors.png) 0 0 no-repeat; width:82px;}
#nav .contact {background:transparent url(/images/nav/contact.png) 0 0 no-repeat; width:92px;}

#home #nav .home, #about #nav .about, #events #nav .events, #members #nav .members, 
#alumni #nav .alumni, #sponsors #nav .sponsors, #contact #nav .contact {background-position:0 -31px;}

/* SUBNAV */

#nav li span {
	float:left;
	position:absolute;
	left:0; top:32px;
	display:none;
	height:29px;
	padding-left:48px;
	color:transparent;
	background:transparent url(/images/nav/nav_pointer.png) top left no-repeat;
}
#nav li span a {display:block; float:left; height:29px;}

#nav li span a.mission {background:transparent url(/images/nav/mission.png) 0 -29px no-repeat; width:61px;}
#nav li span a.board {background:transparent url(/images/nav/board.png) 0 -29px no-repeat; width:130px;}
#nav li span a.news {background:transparent url(/images/nav/news.png) 0 -29px no-repeat; width:83px;}

#nav li span a.events {background:transparent url(/images/nav/calendar.png) 0 -29px no-repeat; width:75px;}
#nav li span a.annual {background:transparent url(/images/nav/annual.png) 0 -29px no-repeat; width:116px;}
#nav li span a.highlights {background:transparent url(/images/nav/highlights.png) 0 -29px no-repeat; width:89px;}
#nav li span a.gallery {background:transparent url(/images/nav/gallery.png) 0 -29px no-repeat; width:117px;}

#nav li span a.join {background:transparent url(/images/nav/join.png) 0 -29px no-repeat; width:74px;}
#nav li span a.leadership {background:transparent url(/images/nav/leadership.png) 0 -29px no-repeat; width:85px;}
#nav li span a.spotlight {background:transparent url(/images/nav/spotlight.png) 0 -29px no-repeat; width:77px;}
#nav li span a.members_secure {background:transparent url(/images/nav/members_secure.png) 0 -29px no-repeat; width:113px;}

#nav li span a.alumni_about {background:transparent url(/images/nav/alumni_about.png) 0 -29px no-repeat; width:49px;}
#nav li span a.alumni_register {background:transparent url(/images/nav/alumni_register.png) 0 -29px no-repeat; width:68px;}
#nav li span a.alumni_login {background:transparent url(/images/nav/alumni_login.png) 0 -29px no-repeat; width:118px;}

#nav li span a.sponsors_listing {background:transparent url(/images/nav/sponsors_listing.png) 0 -29px no-repeat; width:94px;}
#nav li span a.sponsors_calendar {background:transparent url(/images/nav/sponsors_calendar.png) 0 -29px no-repeat; width:164px;}
#nav li span a.sponsors_opportunities {background:transparent url(/images/nav/sponsors_opportunities.png) 0 -29px no-repeat; width:144px;}

#nav li:hover span {display: block;}
#nav li.about:hover span {left:138px;}
#nav li.events:hover span {left:110px; background:transparent url(/images/nav/nav_pointer.png) 127px top no-repeat;}
#nav li.members:hover span {left:220px; background:transparent url(/images/nav/nav_pointer.png) 125px top no-repeat;}
#nav li.alumni:hover span {left:457px;}
#nav li.sponsors:hover span {left:267px; background:transparent url(/images/nav/nav_pointer.png) 320px top no-repeat;}

#nav li span a:hover {background-position: 0 0;}
#nav li span a strong {display:none;}

#nav li#search {float:right; padding:0 8px 0 0; vertical-align:middle;}
#nav #search form {margin:6px 0 0 0; padding:0; vertical-align:middle;}
#nav #search form input {width:120px; height:14px; font-size:11px;}



/* CARLIN EDIT DONE */



#posts {
	width: 600px;
	padding: 0 0 0 50px;
	margin: 0 0 20px 0;
	float: left;
}

.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	margin: 0 0 50px 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.entry {
	margin: 20px 0 0 0;
}

.entry p {
	margin: 0 0 20px 0;
}

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}

.post a, .navigation a {
	color: #0195c5;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #333333;
}

.post a img {
	border: none;
}

.post blockquote {
	background: url(images/blockquotebg.gif) no-repeat left top;
	color: #777777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

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

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 5px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px 20px 0 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar {
	margin-left: 700px;
	width: 210px;
	position: relative;
	top: -30px;
	font-size: 11px;
}

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

.sidebar h2 {
	margin: 0 0 5px 0;
	padding: 30px 0 0 0;
	font-size: 16px;
	color: #666666;
	width: 210px;
	border-bottom: 1px solid #cccccc;
}

.sidebar a {
	display: block;
	color: #0195c5;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-bottom: 1px dotted #cccccc;
}

.sidebar a:hover {
	color: #333333;
	background: #ebebeb;
}

.sidebar ul li ul li {
	_height: 20px; /*IE 6 Hack, the sidebar links won't display properly without this*/
}

.sidebar ul li ul li ul li a {
	font-size: 10px;
	padding: 0 10px 0 20px;
}

/* DEFAULT FOOTER
#footer {
	clear: both;
	height: 150px;
	background: url(images/footerbg.jpg);
	background-repeat: no-repeat;
}

#footer p {
	text-align: center;
	font-size: 12px;
	position: relative;
	top: 40px;
}

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

#footer a:hover {
	color: #333333;
}
*/

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#wp-calendar a:hover {
	background: #cccccc;
}


/* CARLIN EDIT */

/* USEFUL */

.highlight {color:#dfa139;}
.grey {color:#888;}

.sText {font-size:11px;}
.mText {font-size:13px;}
.lText {font-size:16px;}

.fLeft  {float:left;}
.fRight {float:right;}
.fNone  {float:none;}

.cLeft  {clear:left;}
.cRight {clear:right;}
.cBoth  {clear:both;}

.tLeft    {text-align:left;}
.tRight   {text-align:right;}
.tCenter  {text-align:center;}

.nWidth {width:200px;}
.tWidth {width:280px;}
.sWidth {width:330px;}
.pWidth {width:450px;}
.width {width:100%;}
.height {height:100%;}

.tpad-small    {margin-top:16px;}
.rpad-small    {margin-right:16px;}
.lpad-small    {margin-left:16px;}
.bpad-small    {margin-bottom:16px;}
.tpad-large    {margin-top:32px;}
.rpad-large    {margin-right:32px;}
.lpad-large    {margin-left:32px;}
.bpad-large    {margin-bottom:32px;}
.bpad-xlarge   {margin-bottom:64px;}
.rpad-xlarge   {margin-right:64px;}
.lpad-xlarge   {margin-left:64px;}
.lpad-xxlarge  {margin-left:128px;}

.underline {border-bottom:2px #ddd solid; padding-bottom:3px;}
.tDivider {border-top:2px #ddd solid;}
.divider {
    height:1px;
	margin:24px 0;
	border-bottom:1px #ddd solid;
    clear:both;
}

/* TAGS */

ul {margin-left:16px; margin-top:6px;}
li {padding:4px 8px;}

a {color:#7190cc; font-weight:bold; text-decoration:none;}
a:hover {color:#dfa139; text-decoration:none;}
a img {border:none;}

em {font-style:italic;}
strong {font-weight:bold;}

h1, h2, h3 {
	font-weight:normal;
	margin-bottom:8px;
}
h4 {font-weight:bold; margin-bottom:4px;}
h1 {font-size:32px; line-height:32px; margin-top:0;}
h2 {font-size:24px; line-height:24px; margin-top:16px;}
h3 {font-size:18px; line-height:18px; margin-top:12px;}
h4 {font-size:14px; line-height:14px; margin-top:12px;}