/*** PRAPANCA: a style sheet
version .02 by scott mitchell 2010
***/

* {
	margin: 0;
	padding: 0;
	}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article { display: block; }

body {
	margin: 0 auto;
	font: 12pt Times, serif;
	background: rgb(32,32,32);
	}

a:link { color: black; text-decoration: underline; }
a:hover { color: #606060; background: #e0e0e0; text-decoration: none; }
a:visited { color: #606060; text-decoration: underline; }

/** left-hand navigation, across the whole site **/
#navigation {
	float: left;
	width: 20px;
	height: auto;
	margin: 0;
	padding: 0;
	position: fixed;
	color: rgb(32,32,32);
	font-family: Futura, Helvetica, sans-serif;
	font-size: 75%;
	text-align: left;
	}
#navigation a:link { color: white; text-decoration: none; }
#navigation a:hover { color: white; text-decoration: none; background: transparent; }
#navigation a:visited { color: white; text-decoration: none; }

.tab {
	background: white;
	height: 30px;
	margin: 0 0 1em 0;
	padding: .25em;
	overflow: hidden;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
	}
#home_link { background: url('images/home.jpg') right; }
#home_link .navText { display: none; }
#home_link:hover { background: url('images/homeHover.jpg') right; }
#home_link:hover .navText { display: block; }

#about_link { background: url('images/about.jpg') right; }
#about_link .navText { display: none; }
#about_link:hover { background: url('images/aboutHover.jpg') right; }
#about_link:hover .navText { display: block; }

#submit_link { background: url('images/submissions.jpg') right; }
#submit_link .navText { display: none; }
#submit_link:hover { background: url('images/submissionsHover.jpg') right; }
#submit_link:hover .navText { display: block; }

#back_link { background: url('images/back.jpg') right; }
#back_link .navText { display: none; }
#back_link:hover { background: url('images/backHover.jpg') right; }
#back_link:hover .navText { display: block; }

#blog_link { background: url('images/blog.jpg') right; }
#blog_link .navText { display: none; }
#blog_link:hover { background: url('images/blogHover.jpg') right; }
#blog_link:hover .navText { display: block; }

#facebook_link { background: url('images/facebook.jpg') right; }
#facebook_link .navText { display: none; }
#facebook_link:hover { background: url('images/facebookHover.jpg') right; }
#facebook_link:hover .navText { display: block; }

#twitter_link { background: url('images/twitter.jpg') right; }
#twitter_link .navText { display: none; }
#twitter_link:hover { background: url('images/twitterHover.jpg') right; }
#twitter_link:hover .navText { display: block; }

#flickr_link { background: url('images/flickr.jpg') right; }
#flickr_link .navText { display: none; }
#flickr_link:hover { background: url('images/flickrHover.jpg') right; }
#flickr_link:hover .navText { display: block; }

	
/** cover **/
#cover {
    margin: 0 auto;
    padding: 10px;
	width: 50%;
    }
#cover img { padding: 1px; background: white; border: 1px solid black; width: 80%; }
#cover a:link { text-decoration:none; color: #ffff99; }
#cover a:visited { text-decoration:none; color: #ffff99; }
#cover a:hover { text-decoration:none; background: transparent; color: #ffff99; }
#cover p { padding-left: 33%; font-style: italic; font-size: smaller; color: #ffff99; }

#cover-alt {
	padding: 0 0 0 10px;
	}
	
/** content **/
#content, #content-alt {
    margin: 0 auto;
    padding: 0;
    padding-bottom: 10em;
    padding-left: 10px;
	width: 950px;
	background: white;
	overflow: hidden;
    }
#content-alt { padding-top: 100px; }
#content h1, h2, h3, h4, p { padding-bottom: 1em; }
#content-alt p { padding-left: 1em; }

#content ul, #content-alt ul,
#content ol, #content-alt ol
	{
	margin: 0 1em;
	padding: 0 1em 1em 1em;
	}
#content ul, #content-alt ul { list-style: square; }
#content li, #content-alt li { padding-left: .5em;  }

.department-header { font-size:90%;font-variant:small-caps; padding-bottom: 0; }
.pdf{background:url(images/file-pdf.png) no-repeat center left;padding-left:1.5em;}

article {
	clear: both;
	margin-bottom: 2em;
	}

.multi-article { 
	width: 90%;
	padding: 1em 0;
	border-bottom: 1px solid black;
	overflow: hidden;
	clear: both;
	}

.pagination {
	margin: 1em 0;
	width: 100%;
	text-align: right;
	font-size: smaller;
	}

.paginated-display { display: none; }

.pull-out-left, .pull-out-right {
	width: 25%;
	margin: 1em 0;
	padding: .5em;
	border-top: 2px solid black;
	border-bottom: 1px solid black;
	font-weight: bold;
	font-style: italic;
	}
.pull-out-left { float: left; margin-right: 2em; }	
.pull-out-right { float: right; margin-left: 2em; }

.quote {
	padding-right: 1em;
	padding-left: 2em;
	font-style: italic;
	}

.aid-blob, .aid-blob-alt {
	margin: .5em 0;
	padding: .5em;
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px; 
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
	}
.aid-blob-alt {
	background: rgb(224,224,224);
	}
	
/* all your img styles are belong to us */
img.float-right { max-width: 20%; float: right; border: 1px solid black; padding: 1px; margin:0 0 1em 1em; }
img.float-left { max-width: 20%; float: left; border: 1px solid black; padding: 1px; margin:0 1em 1em 0; }
img.no-float { max-width: 100%; float: none; border: 1px solid #999; padding: 1px; margin: 0; }

.imgCaption {
	width: auto;
	border: 1px solid #666;
	margin: 0 auto 1em;
	text-align: center;
	padding: 2px;
	}
.imgCaptionText { margin: 0; padding: 0; font-size: smaller; font-style: italic; }
.imgCaptionText a:link { text-decoration:none; }
.imgCaptionText a:visited { text-decoration:none; }

/* the following is simply copied and pasted from earlier version it may be buggy */

/** formatting for the sidebar **/
#sidebar {
	float: left; 
	display: inline;
	width: 200px; 
	padding: 1em;
	border-right: 1px solid black;
	font-family: Futura, Helvetica, sans-serif;
	}
#sidebar img { max-width: 190px; }
.sidebar-content {
	border-bottom: 1px solid #330;
	padding-top: .5em;
	padding-bottom: .5em;
	}
#sidebar h4, #sidebar p, #sidebar li { 
    font-size: 12px;
    padding:0;
    padding-left:.5em;
    text-indent: -.5em;
    line-height: 125%;
    }
#sidebar h4 { line-height: 140%; }
#sidebar ul { list-style-type:none; margin:0; padding: 0; }
#sidebar a:link { text-decoration: none; }
#sidebar a:visited { text-decoration: none; }

/** formatting for main content area for articles, etc. **/
#main-content {
    float: right;
    display: inline;
    margin: 100px 1em;
    width: 650px;
	}
#main-content-alt { margin: 100px 1em; padding-bottom: 25%; }

.byline { margin-top: -1em; margin-bottom: 2em; font-size:75%;line-height:50%;color:#606060;}

.metainfo { 
	font-size: 90%;
	border-top: 1px solid black;
	padding-top: 1em;
	margin-top: 1em;
	clear: both;
	}

.pdf{background:url(images/file-pdf.png) no-repeat center left;padding-left:1.5em;}