/*   
Theme Name: Untitled
Theme URI: untitled
Description: Designed for a photo blog
Author: Allison Henderson
Author URI: http://alliehenderson.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

html, body { margin: 0; height: 100%; }

body {background-color: #000; font-size:1em; font-family: Tahoma, Verdana, sans-serif;}

h1, h2, h3, h4 {margin: 0; padding: 0; font-family: "Century Gothic", Helvetica, Georgia, serif;}

.textright {text-align: right;}
.textcenter {text-align:center;}

.clear {clear: both;}

#container {background: #fff url(images/container-bg.jpg) no-repeat top center; clear: both;}

	#header {width: 960px; margin: auto;}

	#nav {text-align: right; width: 960px; border-bottom: 1px #000 solid; font-size: .8em; padding-top: 100px;}
		#nav ul {margin: 0; padding: .5em 0; list-style: none;}
		#nav li {display: inline; text-transform: uppercase; margin: 0; padding: .5em 1px;}
		#nav li a {color: #fff; padding: .5em 1em; background-color: #000; text-decoration: none; font-weight: bold;}
		#nav li a:hover {color: #fff; padding: .5em 1em; background-color:#39586C;}
	
	.content {width: 960px; margin: auto; overflow: auto; clear: both;}
		.content h2, h3 {background: transparent url(images/side-top.gif) no-repeat bottom; padding-bottom: 5px;}
		
		.content a:link {color: #39586C; border-bottom: 1px solid #000; text-decoration: none;}
		.content a:visited {color: #000; border-bottom: 1px dotted #39586C; text-decoration: none; font-style: normal;}
		.content a:hover {color: #39586C; border-bottom: 1px solid #000; text-decoration: none; background-color: #F1F5F7;} 
	
		.sidebar {width: 220px; margin: 20px 10px; float: left; font-size: .9em;}
			.sidebar p {margin: 0 0 1.5em 0; padding-top: 5px;}
			
			.sidebar ul {margin: 0 0 1em 0; padding: 0; list-style:none; width: 90px;}
			.sidebar li {margin: 0; padding: 0; display: block;}
			.sidebar li a:link {color: #39586C; border-bottom: 1px dotted #000; text-decoration: none; display: block; padding: .15em 0 .15em .75em;}
			.sidebar li a:visited {color: #000; border-bottom: 1px solid #39586C; text-decoration: none;  display: block;  padding: .15em 0 .15em .75em; font-style: italic;}
			.sidebar li a:hover {color: #39586C; border-bottom: 1px solid #000; text-decoration: none; display: block; padding: .15em 0 .15em .75em; background-color: #F1F5F7;}
	
			.sidecontainer {width:90px; float: left; padding: 0 10px 10px 10px; }
			.sidecontainer p {margin: 0;}
			
		.main {width: 700px; margin: 20px 10px; float: right;}
			.main img{display: block; margin:auto;}
		
	.comments {width: 960px; margin: auto; overflow: auto; clear: both;}
		.comments h2 {padding: 0 0 3px 10px; border-bottom: 2px #39586C solid;}
		
		.comments a:link {border-bottom: 1px #000 solid;  color: #39586C; text-decoration: none;}
		.comments a:visited {border-bottom: 1px #39586C solid; color: #000; font-style: italic; text-decoration: none;}
		.comments a:hover { border-bottom: 1px #000 dotted; color: #39586C; text-decoration: none; background-color: #F1F5F7;} 
	
		.commentform {width: 220px; margin: 20px 10px; float: left; font-size: .8em; color:#39586C;}
			.commentform p {margin: 0 0 1em 0;}
			.commentform input {border-color: #39586C; border-width: 1px; border-right-width: 2px; border-style: solid; background-color:#fff; color: #39586C;}
			.commentform textarea {border-color: #39586C; border-width: 1px; border-right-width: 2px; border-style: solid; background-color:#fff; color: #39586C;}
			
		.showcomments {width: 700px; margin: 20px 10px; float: right; font-size: .9em;}
			.showcomments p {padding: 1em; margin: 0;}
			.showcomments ul {margin: .5em 0 0 0; padding: 0; list-style:none;}
			.showcomments li {}
				.guest {margin: 0 0 1.5em 0;}
					.guesttab {text-align: left;}
						.guesttab a:link {border-bottom: 1px #fff solid;  color: #fff; text-decoration: none; font-weight: bold;}
						.guesttab a:visited {border-bottom: 1px #ccc solid; color: #fff; font-style: italic; text-decoration: none; font-weight: bold;}
						.guesttab a:hover { border-bottom: 1px #fff dotted; color: #fff; text-decoration: none; font-weight: bold; background-color: transparent;}
					.guestname {background-color: #000; color: #fff; padding: .5em;}
					.guestcomment {border: 1px #000 solid; border-left-width: 2px; margin-top: .5em;}
					.guestinfo {text-align: right; font-size: .8em;}
				.author {margin: 0 0 1.5em 0;}
					.authortab {text-align: right;}
						.authortab a:link {border-bottom: 1px #fff solid;  color: #fff; text-decoration: none; font-weight: bold;}
						.authortab a:visited {border-bottom: 1px #ccc solid; color: #fff; font-style: italic; text-decoration: none; font-weight: bold;}
						.authortab a:hover { border-bottom: 1px #fff dotted; color: #fff; text-decoration: none; font-weight: bold; background-color: transparent;} 
					.authorname {background-color: #39586C; color: #fff; padding: .5em;}
					.authorcomment {border: 1px #39586C solid; border-right-width: 2px; margin-top: .5em; background-color: #F1F5F7;}
					.authorinfo {text-align: left; font-size: .8em;}

#fcontainer {background: #000 url(images/footer-bg.jpg) no-repeat center; clear: both; color: #ccc; overflow: auto;}
	#footer {width: 960px; margin: auto; overflow: auto; font-size: .8em;}
		#footer h3 {color: #fff; text-align: center; background: transparent url(images/footer-top.gif) no-repeat bottom; padding-bottom: 7px;}

	.fsection {width: 300px; margin: 10px; float: left; }
		.fsection a:link {text-decoration: none; color: #F1F5F7; border-bottom: 1px #ccc solid;}
		.fsection a:visited {text-decoration: none; font-style: italic; color: #F1F5F7; border-bottom: 1px #ccc solid;}
		.fsection a:hover {text-decoration: none; background-color: #242424; color: #fff; border-bottom: 1px #ccc dotted;}
		
		.fsection p {margin: 0 0 1em 0; padding-top: .75em;}
		.fsection input, .mailform input {font-size: 1.2em;}
		.fsection input, .fsection textarea, .mailform input, .mailform textarea {border-color: #ccc; border-width: 1px; border-right-width: 2px; border-style: solid; background-color: transparent; color: #ccc;}
		.fsection textarea {overflow: auto;}
/*		.fsection textarea {border-color: #ccc; border-width: 1px; border-right-width: 2px; border-style: solid; background-color: transparent; color: #ccc;} */
		
		.name {background: transparent url(http://alliehenderson.com/photoblog/images/user.png) no-repeat; padding-left: 22px;}
		.email {background: transparent url(http://alliehenderson.com/photoblog/images/email.png) no-repeat; padding-left: 22px;}
		.submit {margin-top: .75em;}
		.website {background: transparent url(http://alliehenderson.com/photoblog/images/world.png) no-repeat; padding-left: 22px;}
		
		.hidden {margin-left: -9999px;}
		
		.fsection ul {margin: 0 0 1em 0; padding: 0; list-style:none; width: 130px;}
		.fsection li {margin: 0; padding: 0; display: block;}
		.fsection li a:link {border-bottom: 1px #ccc dotted;  color: #F1F5F7; text-decoration: none; display: block; padding: .2em 0 .2em .75em;}
		.fsection li a:visited {border-bottom: 1px #ccc solid; color: #F1F5F7; text-decoration: none; font-style: italic; display: block; padding: .2em 0 .2em .75em;}
		.fsection li a:hover { border-bottom: 1px #ccc solid; color: #fff; text-decoration: none; background-color: #242424; display: block; padding: .2em 0 .2em .75em;}

		.listcontainer {width:130px; float: left; padding: 0 10px 10px 10px;}
		.listcontainer p {margin: 0; padding-top: .75em;}	
					
		.contactform {width: 300px;} 
			.contactform p {margin: 0; padding-top: 0;}
	
		.extra {text-align: right; margin: 10px; border-top: 1px #39586C solid; clear: both;} 
			.extra p {margin: 0 0 1em 0; padding-top: .75em;}
			.extra a:link {text-decoration: none; color: #F1F5F7; border-bottom: 1px #ccc solid;}
			.extra a:visited {text-decoration: none; font-style: italic; color: #F1F5F7; border-bottom: 1px #ccc solid;}
			.extra a:hover {text-decoration: none; background-color: #242424; color: #fff; border-bottom: 1px #ccc dotted;}
			
.missing {color:#990000;}

.mailform {width: 300px; margin: auto; background-color: #fff;}