/*
Theme Name: Port Columbus
Theme URI: http://portcolumbus.org/
Description: The default WordPress theme for Port Columbus.
Version: 1.0
Author: Drew MOrris
Author URI: http://dmorris.axedio.net/
Tags: port, columbus, rustic
*/


img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
table td {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
a {
	color: #870303;
	text-decoration: none;
}
a:hover {
	color: #000000;
}

html {
	height: 100%;
	min-height: 100%;
	margin: auto;
}

body {
	background-image: url('img/bg.jpg');
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #000000;
	margin: 0px;
	height: 100%;
	min-height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
}

ul.dropdown li {
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 z-index: 999;
 left: -500px;
 background: url("img/bg_dropdown.png") repeat;
 padding: 10px 5px;
 margin-top: -2px;
}

ul.dropdown ul li {
 float: none;
 display: block;
 text-align:left;
}
ul.dropdown ul li a{
 display: block;
 white-space: nowrap;
 min-width: 100px;
 padding: 1px 0px 0px 5px;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 11px;
}
ul.dropdown ul li a:hover{
 display: block;
 min-width: 100px;
 padding: 1px 0px 0px 5px;
 color: #be0000;
}
ul.dropdown li:hover > ul {
 visibility: visible;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 999;
 background: url("img/bg_dropdown.png") repeat;
 padding: 7px 5px 10 5px;
 margin-top: -2px;
}



#container {
	width: 965px;
	min-height: 100%;
	height: 100%;
	background-color: #000000;
	margin: auto;
}

#top {
	height: 70px;
}
	#top span.icons {
		margin: 5px 20px 0px 0px;
		position: relative;
		top: 5px;
		left: 50px;
	}
		#top span.icons a {
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
			margin: 5px 5px 5px 5px;
		}
		#top span.icons a:hover {
			-moz-opacity: 1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;			
		}

#header {
	background-image: url('img/bg_header.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 121px;
	z-index: 99;
}
	#header img.logo {
		position: relative;
		z-index: 100;
		top: -75px;
		left: 5px;
	}
	#header img.logo_bottom {
		position: relative;
		z-index: 100;
		top: -102px;
		left: 5px;
	}
	#header span.icons {
		position: relative;
		top: -8px;
	}
	#header div.buttons {
		position: relative;
		top: -5px;
		margin-bottom: -5px;
	}
		#header div.buttons a {
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
		}
		#header div.buttons a:hover {
			-moz-opacity: 1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;	
		}
	#header div.webcam {
		width: 163px;
		height: 95px;
		background-image: url('img/bg_webcam.png');
		background-repeat: no-repeat;
		background-position: top center;
		padding: 4px;
	}
	#header div.webcamscript {
		position: relative;
		top: 0px;
		left: 15px;
	}
	.transparency {
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	.transparency:hover {
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;	
	}

#menu {
	background-image: url('img/bg_menu.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 28px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	overflow: visible;
	position: relative;
	z-index: 199999999;
}
	#menu li {
		display: inline;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#menu li dt a.link {
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
		}
		#menu li dt a.link:hover {
			-moz-opacity: 1.0;
			-khtml-opacity: 1.0;

			opacity: 1.0;
		}
		
#mid {
	height: 328px;
	background-image: url('img/bg_mid.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}
	#mid img.powder_monkey {
		position: relative;
		z-index: 100;
		margin: 0px 0px 0px 0px;
		left: 20px;
		z-index: 98;
		float: right;
		top: 80px;
	}
	#mid img.tweets_title {
		position: relative;
		top: 10px;
	}
	#mid div.tweets {
		margin: 18px 0px 0px 0px;
		position: relative;
		top: -215px;
		left: 10px;
	}
	#mid div.tweet {
		width: 280px;
		height: 78px;
		background-image: url('img/bg_tweet.png');
		background-position: top center;
		background-repeat: no-repeat;
		margin: 10px;
	}
		#mid div.tweet p {
			text-align: left;
			font-size: 10px;
			font-weight: bold;
			font-family: Verdana, Geneva, sans-serif;
			padding: 7px 15px 5px 15px;
			margin: 0px;
			z-index: 90;
			width: 215px;
			float: left;
			position: absolute;
		}

#main {
	background-image: url('img/bg_main.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
	#main #movetop {
		position: relative;
		top: -35px;
	}
	#main #movebottom {
		height: 37px;
		padding: 35px 0px 0px 0px;
		background-color: #e7c385;
		position: relative;
		top: 37px;
	}
	#main table {
		text-align: left;
	}
		#main table td {
			margin: 0px;
			padding: 0px;
		}
	#main img.museum_title {
		padding: 0px 0px 0px 30px;
	}
	#main img.next_big_event {
		position: relative;
		z-index: 100;
		left: 0px;
		display: block;
		top: -30px;
		margin-bottom: -80px;
		left: -5px;
	}
	#main span.event_text {
		text-align: left;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #5e0000;
		display: block;
		position: relative;
		z-index: 1000;
		line-height: 15px;
		left: 15px;
	}
	#main div.event_box {
		margin-bottom: 30px;
	}
	#main a.event_link {
		margin-bottom: -50px;
	}
	#main img.temp {
		margin: 0px 10px 0px 10px;
	}
	#main div.blog {
		background-color: #e7c385;
		width: 610px;
	}
		#main div.blog div.post {
			padding: 25px;
		}
		#main div.blog div.post h1 {
			color: #ef0000;
			font-weight: normal;
			font-size: 29px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
			#main div.blog div.post h1 a {
				color: #ef0000;
			}
			#main div.blog div.post h1 a:hover {
				color: #222222;
			}
		#main div.blog div.post h2 {
			float: left;
			position: relative;
			font-family: Verdana, Geneva, sans-serif;
			color: #ef0000;
			text-align: center;
			background-color: #e7c385;
			left: -85px;
			top: -75px;
			padding: 5px;
			width: 60px;
			height: 75px;
			margin-right: -80px;
		}
			#main div.blog div.post h2 span.day {
				font-size: 27px;
				display: block;
			}
			#main div.blog div.post h2 span.month {
				font-size: 17px;
				display: block;
			}
			#main div.blog div.post h2 span.year {
				font-size: 11px;
				display: block;
			}
		#main div.blog div.post p {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
		}

#footer {
	height: 140px;
	background-image: url('img/bg_footer.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}
	#footer div.links {
		font-size: 11px;
		font-weight: bold;
		color: #e7c385;
		margin: 10px 10px 10px 30px;
	}
		#footer div.links a {
			color: #e7c385;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			font-weight: bold;
			margin: 2px 4px 2px 4px;
		}
		#footer div.links a:hover {
			color: #ffffff;
		}
	#footer div.logos {
		padding: 4px;
	}
		#footer div.logos img {
			margin: 4px;
		}
	#footer div.bottom {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #dc0303;
		font-weight: bold;
		margin: 25px 0px 10px 0px;
	}
		#footer div.bottom a {
		}
		#footer div.bottom a:hover {
			color: #BB1010;
		}
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

h3.recent {
	text-align: left;
	font-size: 18px;
	padding: 1px 0px 0px 25px;
	margin: 1px;
	display: block;
}

#recently {
	text-align: left;
	list-style-type: none;
	padding-right: 35px;
}
	#recently li {
		margin-top: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #900;		
	}
		#recently li a {
			font-weight: bold;
			font-size: 14px;
		}

ul.dropdown ul li a {
	color: #BB1010;
}
ul.dropdown ul li a:hover {
	color: #FF0000;
}

a.list_pages {
	color: #000;
}
a.list_pages:hover {
	color: #444;
}
div.list_pages {
	background: url('img/sidebarnavbg.jpg') repeat-y top left;
	padding: 10px 0px 10px 0px;
}
div.list_pages ul {
	text-align: left;
}
div.list_pages li.pagenav {
	list-style-type: none;
}
div.list_pages li.page_item {
	color: #87051b;
}
div.list_pages li.page_item a {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #87051b;
}
div.list_pages li.page_item a:hover {
	color: #333;
}

div.clear {
	clear: both;
}

div.sidenav {
	background-image: url("img/sidenavtop.png");
	background-position: top left;
	background-repeat: no-repeat;
	height: 179px;
	position: relative;
	left: -2px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
	div.sidenav h3 {
		padding-top: 15px;
	}