/*   
Theme Name: Swirls
Theme URI: swirls
Description: Simple 1 column theme for Wordpress
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: #481D24; font: 1em/1.5em Tahoma, Verdana, sans-serif; color: #220B1B;}

h1, h2, h3, h4 {margin: 0; padding: 0; font-family: "Arial Narrow Bold", "Century Gothic", Helvetica, Georgia, serif;}
a {text-decoration: none;}
p {margin: 0 0 1em;}
blockquote {margin: 2em 3em; color: #752950;}

.textright {text-align: right;}
.textcenter {text-align:center;}
.clear {clear: both;}
.imgfloatleft {float: left; padding: .5em 1em .5em 0;}
.imgfloatright {float: right; padding: .5em 0 .5em 1em;}
.imgcenter {display: block; margin-left: auto; margin-right: auto}
.center-it {width: 960px; margin: auto; overflow: auto;}
.hidden {display: none; margin-left: -9999px;}
	.hidden h1 {margin: 0; padding: 0;}
.highlight {color: #A26680;}

.divider {background: transparent url(images/hr.png) no-repeat; height: 13px; margin: 0;}
hr {display: none; margin: 0; padding: 0;}

.nav {background-color: #220B1B; color: #fff; font: 1em "Century Gothic", Verdana, sans-serif; padding: 10px 0;}

	.top-nav {list-style: none; margin: 0; padding: 0; float: left;}
	.top-nav li {display: inline;}
	.top-nav li a:link {color: #E6E6E6; text-align: center; padding: 3px 19px 0 15px; border-right: 1px dotted #E6E6E6;}
	.top-nav li a:visited {color:#E6E6E6; text-align:center; padding: 3px 19px 0 15px; border-right: 1px dotted #E6E6E6;}
	.top-nav li a:hover {color: #DFBBC3; text-align: center; padding: 3px 19px 0 15px; border-right: 1px dotted #E6E6E6;}
	.top-nav li a:active {color: #fff;}
	.top-nav li:last-child a {border: 0;}


#hcontainer {clear: both; color: #fff; height: 150px; background: #fff url(images/header-bg.png) repeat-x; border-top: 1px solid #DFBBC3;}

.header {width: 960px; margin: auto; height: 145px; }
	.header img {border: 0; float: left;}
	.header a {border: 0;}
	.header p {margin: 0; padding: 5px 0 0 0; color:#CAC4C8; float: right; width: 250px; font-size: .75em;}

.container {background-color: #fff; clear: both; overflow: auto;}

	.container h1, .container h2, .container h3, .container h4 {color: #752950; }
	
	.container h2 a:link, .container h3 a:link {border-bottom-width: 0; color: #752950; text-decoration: none;}
	.container h2 a:visited, .container h3 a:visited {border-bottom: 0; color: #752950; text-decoration: none;}
	.container h2 a:hover, .container h3 a:hover {border-bottom: 0; color: #752950; text-decoration: none;}
	.container h2 a:active, .container h3 a:active {border-bottom: 0; color: #752950; text-decoration: none;} 
	
	.container a:link {color: #A26680; text-decoration: none; border-bottom: 1px dotted #A26680;}
	.container a:visited {border-bottom: 1px solid #000; color: #666;}
	.container a:hover {color: #220B1B; border-bottom: 1px solid #752950;}
	.container a:active {color: #220B1B; border-bottom: 1px solid #752950;}
	
	.container h3 {background: transparent url(images/page-line.png) no-repeat bottom; padding-bottom: 5px; margin-bottom: 10px;}
	
	.container input, .container textarea {border: 1px solid #A26680; background-color: transparent;}
	
	.container img {border: 0;}

.entry, .content, .twitter, .recent, .divider, .comments, .contact-form {margin: .5em auto 1.5em auto; width: 960px; overflow: auto;} 

	.content ul, .entry ul {list-style-image: url(images/bullet.gif); color: #752950; margin-left: 2em;}
	.content ol, .entry ol {color: #752950; margin-left: 2em;}
	
	.subnav {float: right; padding: 0 0 0 20px; margin-left: 10px; width: 175px; border-left: 1px dotted #220B1B; background-color: #fff;}
		.subnav ul {margin: 0 0 20px 0;}
	
	.entrydate {color: #A26680; text-transform: uppercase;}
		
	.meta {color: #A26680; font-size: .9em;}
		.meta p {margin:0 0 .3em;}
		
	.twitter ul {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
	.twitter li {display: block; overflow: auto; padding: .5em 0; color: #220B1B;}
	.tweettime {float: left; width: 100px; text-align: right; margin-right: 20px;}
	.tweettime a {display: block;}
	.tweet {float: left; width: 840px;}
		
	.recent-entries {list-style-type: none; margin: 0 0 2em 0; padding: 0; font-size: .9em;}
	.recent-entries li {display: block; float: left; width: 300px; margin: 0 20px 0 0; color: #220B1B;}

.comments {margin-bottom: 0;}
	.comments input {width: 180px;}
	.comment-fields {width: 180px; margin-right: 20px; float: left;}
	.comment-box {float: left;}		
	.comment-list { margin: 1em 0 0 0; padding: 0; list-style:none; list-style-image: none;}
	.comment-list li {clear: both; border-bottom: 1px solid #fff; border-top: 1px solid #fff; overflow: auto; padding-top: 10px;}
		.guest-name a:link, .author-name a:link {border-bottom: 1px dotted #fff; color: #fff; font-weight: bold;}
		.guest-name a:visited, .author-name a:visited {border-bottom: 1px solid #fff; color: #fff; font-weight: bold;}
		.guest-name a:hover, .author-name a:hover {border-bottom: 1px solid #fff; color: #fff; font-weight: bold;}
		.guest-name a:active, .author-name a:active {border-bottom: 1px dotted #fff; color: #fff; font-weight: bold;}
		
		.gravatar {position: relative; top: -50px; left: 10px;}
		.gravatar img {border: 1px solid #000;}
			
		.comment-info {margin: 0; padding: 0; list-style: none; text-align:right; position: relative; top: -60px;}
		.comment-info li {margin-bottom: .2em; border: 0; padding: 0;}
		.comment-date {text-transform: uppercase;}
			
		.comment-meta {width: 180px; float: left;}
		.guest-name {background-color: #A26680; text-align: right; padding: .5em; display: block; color: #fff; font-weight:bold; }
		.author-name {background-color: #752950; text-align: right; padding: .5em; display: block; color: #fff; font-weight:bold;}
			
		.guest-comment {float: left; width: 750px; margin-left: 20px;}
		.author-comment {color: #752950; float: left; width: 750px; margin-left: 20px;}

			
#fcontainer {background: #220B1B url(images/fcontainer-bg.gif) repeat-x; clear: both; overflow: auto; color: #E6E6E6; padding: 20px 0; }
	.footer {width: 960px; margin: auto; overflow: auto; font-size: .9em;}
	.footer h3 {margin: 0; padding: 0; color: #fff;}
	.footer ul {list-style: none; margin: 0; padding: 0; float: left;}
	.footer li a {display: block; border-bottom: 1px dotted #E6E6E6; padding-left: 1em; color: #E6E6E6; text-decoration: none;}
	
	.footer a:link, #verybottom a:link {color: #E6E6E6; border-bottom: 1px dotted #E6E6E6;}
	.footer a:visited, #verybottom a:visited {color: #E6E6E6; border-bottom: 1px solid #E6E6E6;}
	.footer a:hover {color: #fff; border-bottom:1px solid #fff; background-color: #000;}
	.footer a:active, #verybottom a:active {color: #fff;}
	
	.footer-content {float: left; margin: 0 10px; width: 300px; overflow: auto;}
	.links {margin: 0;}
		.footer-links ul {padding-bottom: 1em;}
			.footer-links li {width:130px; margin-right: 20px; float: left; display: block;}
		.footer-categories, .footer-archives {width: 130px; margin-right: 20px; float: left;}
			.footer-categories li, .footer-archives li {width: 130px; display: block;}
	
	.footer input {width: 255px; font-size: 1.2em;}
		.footer input, .footer textarea {border: 1px solid #E6E6E6; background-color: transparent; color: #E6E6E6;}
		.footer textarea {overflow: auto;}
		
	.name {background: transparent url(images/user.png) no-repeat; padding-left: 22px;}
	.email {background: transparent url(images/email.png) no-repeat; padding-left: 22px;}
	.submit {width: 100px;} 
	.website {background: transparent url(images/world.png) no-repeat; padding-left: 22px;}

	.contactform {margin-top: 5px;}
	.contactform p {margin: 0 0 1em 0;}
	.contactform form {margin: 0;}
	
#verybottom {background-color: #000; color: #fff; clear: both; overflow:auto; padding-top: .5em; border-top: 1px solid #DFBBC3;}
	#verybottom a:hover {color: #fff; border-bottom:1px solid #fff;}
	.bottom-nav {text-align: center;}