/***
Theme Name: Firefly
Theme URI: http://www.peweedesign.com.com
Description: coffee 2 columns template. Widget ready. 
Version: 1.0
Author: Pewee
Author URI: http://www.peweedesign.com
***/

.fowa {position: absolute;z-index:26;top:290px;left:-80px;}
* {margin:0;padding:0;}
body {background:#2c1e21 url(images/bg.jpg) no-repeat top center;margin:0px auto;text-align:center;color:#e4d9bb;text-align:center;font-size:12px;font-family:verdana, sans-serif;}
#wrapper {text-align: left;margin: 0 auto;width: 800px;} 
/* IE */ * html #wrapper {display:none;}
#container {position: absolute;z-index:1;width:100%;top:0px;left:0px;}

.teal {color:#07cfdd;}
.pink {color:#d9498b;}

#holder {position:relative;width:800px;margin:0px auto;height:900px;background:transparent url(images/bg.png) no-repeat top left;}
/* IE */ * html #holder {background:transparent url(images/bg-ie.jpg) no-repeat top left;}
#header {position:relative;float:left;width:800px;height:200px;}
.right {float:right;margin-top:-16px;}

/***** MENU *****/
ul#nav {list-style: none;margin:160px 0px 0px 0px;padding:0px;}
ul#nav li {list-style: none;margin: 0px 12px 0px 0px;padding: 0px;float:right;display:inline;border:1px solid #423538;}
ul#nav li a {display:block;height:39px;background-position: top;}
ul#nav li a span {display: none}	
ul#nav li a:hover {background-position:bottom;}	
a#nav_one {background-image: url(images/x1.gif);width:86px;}	
a#nav_two {background-image:url(images/x2.gif);width:84px;}	
a#nav_three {background-image: url(images/x3.gif);width:86px;}	
a#nav_four {background-image: url(images/x4.gif);width:45px;}
a#nav_five {background-image: url(images/x5.gif);width:115px;}	

h1 {position:absolute;left:50px;bottom:40px;font-size:1em;text-transform:uppercase;}
h1 a:link, h1 a:visited, h1 a:hover{display:none;}
h3 {font-size:13px;margin:0px 0px 5px 0px;}
em {font-weight:bold;font-style: normal;}

#main {position:relative;float:left;width:800px;}
#mcontent {position:relative;float:left;width:561px;margin:30px 0 10px 0px;display:inline;padding:0;}

/*** ARTICLES ***/
.post {border:1px solid #423538;width:561px;margin:0px 0px 20px 0px;float:left;position:relative;background:transparent url(images/bg-para.gif);padding-bottom:10px;} /* IE */ *html .post {width:563px;}
	.post ol {margin:10px 10px 10px 40px;text-align:left;font-size:11px;color:#07cfdd;}
	.post ol li {margin:4px 0px;padding-right:10px;border-right:3px solid #07cfdd;}
	.post ol li span {color:#e4d9bb;}
	.post h2 {background:#423538;padding:5px 10px;border:1px dotted #2c1e21;font-size:14px;text-align:left;text-transform: uppercase;font-family:Helvetica, verdana, sans-serif;}
		.post h2 a:link, .post h2 a:visited {color:#d9498b;text-decoration:none;}
		.post h2 a:hover, .post h2 a:active {color:#07cfdd;}
	.post ul, .post ul li {list-style-type: none;text-align:left;font-size:9px;text-transform: uppercase;}
	.post ul {margin:10px;border-left:1px dotted #07cfdd;padding-left:10px;width:120px;float:right;} /* IE */ *html .post ul {margin:10px 5px;}
	.post ul li {padding:6px 30px 6px 0px;background:transparent url(images/tick-yes.gif) no-repeat center right;}
		.post ul li.no {background:transparent url(images/tick-no.gif) no-repeat center right;}
	.post img {float:left; border:none;margin:10px 0px 10px 10px;}
	.post img.right {float:right; border:none;margin:0px 0px 10px 10px;}
	.post img.left {float:left; border:none;margin:10px 0px 10px 0px;}
	.post p {clear:left; text-align:left;padding:10px;line-height:18px;}
	.post a:link, .post a:visited {color:#07cfdd;border-bottom:1px solid #2c1e21;text-decoration:none;}
	.post a:hover, .post a:active {border-color:#1a7780;}
	.post strong {background:#2c1e21;display:block;margin:0px 0px -12px;text-align:left;padding:3px 0px;border-bottom:1px dotted #e4d9bb;border-top:1px dotted #e4d9bb;text-transform:uppercase;color:#d9498b;}
blockquote {border:1px solid #1a7780;margin:5px 20px;font-family:georgia, serif;font-size:18px;color:#07cfdd;}
	.post blockquote p {line-height:22px;}
.UTWPrimaryTags {position:absolute;bottom:0px;left:0px;display:block;width:501px;height:30px;padding:20px 30px;background:transparent url(images/bg-tag.gif) no-repeat center bottom}
	.post .UTWPrimaryTags a:link, .post .UTWPrimaryTags a:visited {color:#1a7780;margin:0px 2px;}
	
/*** COMMENTS ***/
#respond {float:left;margin:10px 0px 5px 0px;font-weight:bold;font-variant:normal;text-transform:none;}
#commentform {float:left;clear:left;}
	#commentform p {float:left;clear:left;margin:0px 0px 5px 0px;}
	#commentform a:link, #commentform a:visited {color:#07cfdd;text-decoration:none;border-bottom:1px solid #2c1e21;}
	#commentform a:hover, #commentform a:active {border-color:#d9498b;}

.postmetadata {float:left;clear:left;width:543px;margin:15px 0 30px 0;padding:10px;border-top:1px solid #d9498b;border-bottom:1px solid #d9498b;color:#e4d9bb;text-align:left;}
.postmetadata a:link, .postmetadata a:visited {color:#07cfdd;}
.postmetadata a:hover, .postmetadata a:active {color:#d9498b;}

#error {background:transparent url(images/bg-para.gif);padding:40px;border:2px dotted #d9498b;margin:30px 0px;width:476px;float:left;}

/* SIDEBAR */
.sidebar-wrapper {position:relative;float:right;display:inline;width:217px;margin:30px 0px 0px 0px;padding:0;} /* IE */ *html .sidebar-wrapper {width:210px;}
	.sidebar {position:relative;float:right;width:217px;padding:40px 0px 0px 0px;margin:0px 10px 10px 0px;border-bottom:1px solid #07cfdd;} /* IE */ *html .sidebar {padding:40px 0px 0px 0px;margin-right:5px;}
		.sidebar ul {list-style-type:none;margin:0px;}
		.sidebar li {margin:0px;list-style-type:none;display:block;}
			.sidebar li ul li {margin:0px;list-style-type:none;padding:5px;border-top:1px solid #07cfdd;font-size:14px;display:block;}
		.sidebar a, .sidebar a:visited, .extras a, .extras a:visited {color:#d9498b;text-decoration:none;}
		.sidebar a:hover, .extras a:hover {background:#d9498b;color:#FFF;}
		.sidebar h2 {display:none;}
			.archive {background:transparent url(images/bg-archive.gif) no-repeat top left}
			.blog {background:transparent url(images/bg-blog.gif) no-repeat top left}
			
/* COMMENTS & FORM */
#form {margin:0 0 10px 10px;float:left;}
#form h3 {text-transform:none;}
h3#comments {font-size:10px;margin:10px 0px;color:#07cfdd;clear:left;font-weight:normal;}
textarea#comment {padding:5px;background:transparent url(images/bg-para.gif);font-family:verdana, sans-serif;font-size:11px;width:531px;border:1px solid #e4d9bb;color:#e4d9bb;}
#form textarea {padding:5px;background:transparent url(images/bg-para.gif);font-family:verdana, sans-serif;font-size:11px;width:531px;border:1px solid #e4d9bb;color:#e4d9bb;}
#commentform input, #form input {padding:5px;background:transparent url(images/bg-para.gif);font-family:verdana, sans-serif;font-size:11px;border:1px solid #e4d9bb;color:#e4d9bb;}
#commentform input.send, #form input.send {color:#2c1e21;padding:6px;background:#e4d9bb;}
ol.commentlist {width:563px;float:left;clear:left;list-style-type: none;}
	ol.commentlist a:link, ol.commentlist a:visited {color:#07cfdd;text-decoration:none;border-bottom:1px solid #2c1e21;}
	ol.commentlist a:hover, ol.commentlist a:active {border-color:#d9498b;}
	ol.commentlist li {border:1px dotted #d9498b;background:#602b41;margin:0 0 5px 0px;padding:10px;list-style-type: none;text-align:left;line-height:16px;float:left;width:543px;}
		ol.commentlist li img.gravatar {margin-right:10px;float:left;display:inline;}
		ol.commentlist li div {float:left;display:inline;width:460px;}
			ol.commentlist li div img {margin-bottom:-3px;}
	#form ol {margin:0px;padding:0px;}
	#form li {margin:0px 0px 5px 0px;padding:0px;list-style-type: none;background:none;border:none;}
	#commentform label {font-weight:bold;}
	#form label {font-weight:bold;display:inline;text-transform:none;}
	#commentform p {width:100%;text-align:left;}

/*** FOOTER ***/
#footer {position:relative;float:left;width:100%;height:100px;padding:20px 0;text-align:left;}

#footer a:link, #mcontent p a:link, div.alignleft a:link, div.alignright a:link, #footer a:visited, #mcontent p a:visited, div.alignleft a:visited, div.alignright a:visited {color:#07cfdd;text-decoration:none;border-bottom:1px solid #2c1e21;}
#footer a:hover, #mcontent p a:hover, div.alignleft a:hover, div.alignright a:hover, #footer a:active, #mcontent p a:active,  div.alignleft a:active, div.alignright a:active {border-color:#d9498b;}

.cheat {position:absolute;z-index:25;top:28px;left:0px;}
/* safari 3.0 */ .safari .cheat {top:30px;}

.feed-button {
  padding: 10px 10px 0px 0px;
  display:block;
  float:left;
  margin:0px;
  width:217px;
  margin:0px 0px 20px -10px;
}

.feed-button a {
  color: #8d8d82;
  padding: 10px 15px 10px 36px;
  display:block;
  background: #2c1e21/*#1b1b19*/ url(http://www.peweedesign.com/wp-content/themes/pewee/images/46.png) no-repeat 15px 50%;
  border-top: 1px solid #3b3b39;
  border-right: 1px solid #111110;
  border-bottom: 1px solid #0b0b0a;
  border-left: 1px solid #2b2b29;
}

.feed-button a:hover {
  color: #c1c1b7;
  background-color: #423538/*#232320*/;
  border-top: 1px solid #42423f;
  border-right: 1px solid #161614;
  border-bottom: 1px solid #0f0f0d;
  border-left: 1px solid #333330;
}