/*  
Theme Name: Bowman
Theme URI: http://www.studentswithoutborders.ca/
Description: Students Without Borders 2008 Design.
Version: 1.0
Author: Kenneth Fraser
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
background-color:#FFF;
color:#000;
font:82%/1.5em Verdana, Arial, Helvetica, sans-serif;
}

p, h3 {margin:1em 0;}

h2 {color:#;5068C9}

h3 {
font-size:1.3em;
color:#334BA4;
}

small {font-size:0.9em;}

ol, ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

/* remember to define focus styles! */
:focus {outline:0;}

del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

a {
font-weight:bold;
text-decoration:none;
}
a:link {
color:#5068C9;
border-bottom:1px solid #5068C9;
}
a:visited {
color:#999;
border-bottom:1px solid #334BA4;
}
a:hover {
color:#334BA4;
border-bottom:1px solid #F2A400;
color:#000;
border-bottom:1px solid #F2A400;
}

a.img {border:none !important;}

dt {
margin:1em 0 0 0;
color:#F2A400;
font-size:1.1em;
font-weight:bold;
}
dd {padding-left:10px;}
dd a:link, div.alumni a:link {border-bottom:none;}
dd a:visited, div.alumni a:visited {color:#999;border-bottom:none;}
dd a:hover, div.alumni a:hover {color:#000;border-bottom:1px solid #F2A400;}
dl.comments dt {font-size:1em;}
dl.comments dd {border-bottom:1px dashed #CCC;}

#skip-links {display:none;}

#wrapper {
position:relative;
margin:0 auto;
width:820px;
background:#FFF url(images/bg-borders.jpg) repeat-y center top;
}

#header {
position:relative;
margin-left:25px;
width:100%;
height:174px;
}

#header h1, #header p {
float:left;
width:588px;
height:174px;
background:#FFF url(images/header-swb.jpg) no-repeat center top;
text-indent:-9999px;
}

#header p {
margin:0;
padding:0;
}

#header #wusc-logo {border:none;}

#nav {margin-left:39px;}
#nav li {
position:relative;
float:left;
}
#nav a {
position:relative;
float:left;
display:block;
margin:0 5px;
padding-top:2px;
width:130px;
height:32px;
background:#FFF url(images/nav.jpg) no-repeat left top;
text-align:center;
}
#nav a:link, #nav a:visited {
border-bottom:none;
color:#FFF;
}
#nav a:hover {background:#FFF url(images/nav.jpg) no-repeat -130px 0;}
#nav a.current {background:#FFF url(images/nav.jpg) no-repeat right top;color:#5068C9;}

#content {
position:relative;
float:left;
width:558px;
margin:0 20px 0 35px;
}

#content h1 {
font:Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#0000;
margin:1em 0 0.2em 0;
padding-bottom:0.2em;
}

#sidebar {
position:relative;
float:left;
margin-top:-47px;
margin-left:5px;
width:170px;
color:#334BA4;
}

#sidebar p {font-size:0.9em;}
#sidebar div#swb h3 {text-align:center;}
#sidebar div#swb {font-family:Arial, Helvetica, sans-serif;}
#sidebar h3#student-bloggers {
padding-left:21px;
text-align:left;
font-size:1.1em;
background:#FFF url(images/bullet-world.jpg) no-repeat 0 0;
}

h2, h2.post-title {
margin:1em 0 0.2em 0;
font:Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#5068C9;
}
h2.post-title {font-size:1.5em;}
h2.author {font-size:1.3em;}
h2.post-title a:link {color:#364BA6;}
h2.post-title a:visited {color:#999;}
h2.post-title a:hover {color:#000;}
h2.post-title a:link, h2.post-title a:visited, p.post-date a:link {border-bottom:none;}


p.post-date {
margin-top:0;
border-bottom:1px solid #CCC;
font:Arial, Helvetica, sans-serif;
color:#999;
}
p.post-meta {
font:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#999;
}

#footer {
position:relative;
clear:both;
padding:0.5em 4em 8em 4em;
background:#FFF url(images/bg-borders-bottom.jpg) no-repeat bottom center;
color:#999;
font-size:0.85em;
}
#footer p.wusc-img {
padding-top: 2em;
border-top:1px solid #DDD;
}

div.alumni {
position:relative;
float:left;
margin:1em 0;
width:33%;
}
div.alumni h2 {
font-size:1.2em;
color:#000;
}
div.alumni ul {margin-top:1em;}

#commentform {
padding:0 1em 1em 1em;
border:1px solid #CCC;
background-color:#F8F8F8;
}

#commentform legend {
margin:1em 0;
font-size:1.3em;
font-weight:bold;
color:#334BA4;
}

#commentform em {
font-size:0.8em;
font-style:normal;
}

#commentform label {
display:block;
margin-top:1em;
cursor:pointer;
}

#commentform textarea {
margin-bottom:1em;
width:80%;
}

dl.commentlist {
}
dl.commentlist em {font-style:normal;}
dl.commentlist dt {font-size:1em;color:#444;}
dl.commentlist dd {border-bottom:1px dashed #AAA;}


/*
	List Expander 
*/

.listexpander{width:100%;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:30px;
	font-weight:bold;
	width:100%;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li, .listexpander li.collapsed{background:#eee url(/images/collapsed.gif) no-repeat 5px .4em;} 
.listexpander li.expanded{background:#eee url(/images/expanded.gif) no-repeat 5px .4em;}

/* second level */

.listexpander li ul, .listexpander li li{background:#f8f8f8;font-weight:normal;}
.listexpander li li.collapsed{background:#f8f8f8 url(/images/collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li.expanded{background:#f8f8f8 url(/images/expanded.gif) no-repeat 5px .4em;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#ffffff;}
.listexpander li li li.collapsed{background:#ffffff url(/images/collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li li.expanded{background:#ffffff url(/images/expanded.gif) no-repeat 5px .4em;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */

p.listexpander{
	height:1.5em;
	margin:1em 0;
}
p.listexpander a{
	float:left;
	height:1.5em;
	line-height:1.5em;
	padding:0 10px;
	border:1px solid #eee;
	margin-right:5px;
	cursor:pointer;
	color:#5068C9;
}
p.listexpander a:hover{
	background:#f8f8f8;
}

/* float fix */
.listexpander li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li{
	display: inline-block;

}
/* Hides from IE-mac \*/
* html .listexpander li{
	height: 1%;
}
.listexpander li{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */


p.navigation {
	padding-top:1em;
	height:2em;
	font-size:1.1em;
}
p.navigation a:link, p.navigation a:visited {
	height:2em;
	line-height:2.5em;
	padding:0.5em 10px;
	border:1px solid #EEE;
	cursor:pointer;
	color:#334BA4;
}
p.navigation a:hover {background:#F8F8F8;}
