/*
Theme Name: seam3
Theme URI: www.seam3.com
Description: The portfolio website of Colleen Simon.
Version: 1.0
Author: Colleen Simon
Author URI: www.seam3.com
*/

body {
	color: #545756;
	font: 62.5%/1.3em Trebuchet, Verdana, sans-serif;
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 100%;
	background: #E5FFF9 url(images/background_graphic.gif) no-repeat fixed right bottom;
	text-align: center;
}

#contentwrap {
	margin: 0 auto;
	padding: 0 auto;
	width: 816px;
	height: 100%;
}

table {
  border-collapse: collapse !important;
}

#header {
	width: 816px;
	height: 130px;
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
	border-bottom-style: solid;
	border-bottom-color: #545756;
	border-bottom-width: 1px;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	display: inline;
}



#header a {
	text-indent: -99999px;
	display: inline-block; 
	height: 110px;
}

#header a#portfolio {
	width: 144px;
	background-image: url(images/mainnav_up_01.jpg);
	background-repeat: no-repeat;
}

#header a#portfolio:hover, #header a.firstactive {
	background-image: url(images/mainnav_over_01.jpg) !important;
}

#header a#photography {
	width: 172px;
	background-image: url(images/mainnav_up_02.jpg);
	background-repeat: no-repeat;
}

#header a#photography:hover, #header a.secondactive {
	background-image: url(images/mainnav_over_02.jpg) !important;
}

#header a#about {
	width: 114px;
	background-image: url(images/mainnav_up_03.jpg);
	background-repeat: no-repeat;
}

#header a#about:hover, #header a.thirdactive {
	background-image: url(images/mainnav_over_03.jpg) !important;
}

#header a#contact {
	width: 143px;
	background-image: url(images/mainnav_up_04.jpg);
	background-repeat: no-repeat;
}

#header a#contact:hover, #header a.fourthactive {
	background-image: url(images/mainnav_over_04.jpg) !important;
}

#header a#home {
	width: 227px;
	background-image: url(images/mainnav_up_05.jpg);
	background-repeat: no-repeat;
}

#header a#home:hover, #header a.fifthactive {
	background-image: url(images/mainnav_up_05.jpg) !important;
}

#content {
	width: 816px;
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
	top: 20px;
}

#main {
	width: 553px;
	margin: 0;
	position: relative;
	color: #545756;
	font: 11px/13px Trebuchet, Verdana, sans-serif;
	text-align: left;
	float: left;
	background-color: #E5FFF9;
	padding: 0;
}

#main p {
	color: #545756;
	font: normal 11px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
}

#main h1 {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
}

#main h2 {
	color: #F7941D;
	font: normal 13px/17px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
}

#main h3 {
	color: #545756;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#main h4 {
	color: #F7941D;
	font: normal 30px/35px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	margin-top: 0;
}

#main a:link {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#main a:hover {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: underline;
	text-transform: uppercase;
}

#main a:visited {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#main a:active {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#stats {
	width: 200px;
	margin-top: 10px;
	padding-bottom: 50px;
	position: relative;
	color: #545756;
	font: 11px/13px Trebuchet, Verdana, sans-serif;
	text-align: right;
	float: left;
	background-color: #E5FFF9;
}

#text {
	width: 333px;
	margin: 10px;
	padding-bottom: 50px;
	position: relative;
	color: #545756;
	font: 11px/13px Trebuchet, Verdana, sans-serif;
	text-align: left;
	float: right;
}

#sidebar {
	width: 223px;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	color: #545756;
	font: 11px/13px Trebuchet, Verdana, sans-serif;
	text-align: left;
	background-color: #fff;
}

#sidebar p {
	color: #545756;
	font: normal 11px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
}

#sidebar h1 {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
}

#sidebar h2 {
	color: #F7941D;
	font: normal 13px/17px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
}

#sidebar a:link {
	color: #545756;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#sidebar a:hover {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#sidebar a:visited {
	color: #545756;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#sidebar a:active {
	color: #F7941D;
	font: normal 10px/14px Trebuchet, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

#sidebar ul, #sidebar li {
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	padding-bottom: 5px;;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}