/*  
Theme Name: fw-theme
Theme URI: http://www.fortunawelcome.com/
Description: Theme by FortunaWelcome.com
Version: 1.1
Author: FortunaWelcome.com
Author URI: http://www.fortunawelcome.com/
*/

body {
	font:12px Arial, Helvetica, Sans-Serif;
	margin:0;
	background:#333;
	color:#333;
}
body * {
	margin:0;
	padding:0;
}
img {
	border:none;
}
ol, ul{
	list-style:none;
}

.clearboth{
	clear:both;
}
.floatR{
	float:right;
}

/*	--------------------------------------------------
Structure
-------------------------------------------------- */
#header {
	overflow:hidden;
	height:100%;
	background:url(images/bg-header.gif) repeat-x;
}
#header-in {
	width:976px;
	padding:0;
	height:99px;
	position:relative;
	margin:0 auto;
}

#container {
	width:958px;
	text-align:left;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	height:100%;
	border-left:1px solid #000;
	border-right:1px solid #000;	
	background:url(images/bg-line.gif) repeat-y;
}
.container-top {
	clear:both;
	height:8px;
	width:960px;
	display:block;
	margin:0 auto;
	background:url(images/container-top.gif) top no-repeat;
	font-size:0;
}
.container-bottom {
	clear:both;
	height:8px;
	width:960px;
	display:block;
	margin:0 auto;
	background:url(images/container-bottom.gif) no-repeat;
}

#content {
	width:630px;
	float:left;
	padding:0 18px 20px 20px;
	display:block;
	overflow:hidden;
}
#sidebar {
	float:right;
	width:265px;
	padding:8px 12px 5px 11px;
	overflow:hidden;
} 

#footer {
	padding:8px 0 16px;
	text-align:center;
	height:23px;
	clear:both;
}
#footer-in {
	width:940px;
	margin:0 auto;
}

/*************************************
Links
**************************************/
a {
	color: #369;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#369;
}


/*************************************
Headings
**************************************/
h1 {
	font-size:26px; 
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:8px 0 6px;
	color:#930;
}
h2 {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-bottom:6px;
	margin:0;
	color:#930;
}
h2 a, h2 a:visited {
	color:#930;
	text-decoration:underline;
} 
h2 a:hover {
	text-decoration:none;
}
h4{
	font-size:17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-bottom:12px;
	margin:0;
	color:#333;
}


/*************************************
Header
**************************************/
#header-in .logo{
	float:left;
	margin:34px 0 0 16px;
}
#header-in .title {
	margin:0;
	padding:17px 0 0 20px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color: #fff;
}
#header-in .description {
	font-size:11px;
	margin-top:4px;
	font-weight:normal;
	color: #999;
}
#header-in .volcano {
	width:83px;
	height:31px;
	margin:38px 0 0 260px;
	position:absolute;
	background: url(images/volcano.gif) no-repeat;
	top:30px;	
}

/*************************************
search form 
**************************************/
.rss {
	float:left;
	padding:8px 0 0 19px;
	margin:0px;
} 
.search {
	background:url(images/search-nav.gif) bottom left no-repeat;
	width:308px;
	height:40px;
	float:right;
	position:absolute;
	top:0;
	right:0;
}
.searchform {
	float:right;
	padding:5px 5px 5px 18px;
	overflow:hidden;
	width:223px;
	position:relative;
}
.searchform .textfield {
	height:18px;
	padding:0 4px;
	margin-top:7px;
	border:none;
	background:none;
	font-size:12px;
} 

.sbutton {
	background:url(images/search.gif) no-repeat;
	border:none;
	width:16px;
	height:13px;
	display:block;
	cursor:pointer;
	position:absolute;
	right:24px;
	top:14px;
}

.topmenu{
	margin:44px 3px 0 0;
	float:right;
	position:absolute;
	right:0;
}
.topmenu div{
	color:#ce7924;
	text-align:right;
	margin-right:4px;
}
.topmenu ul{
	margin-top:11px;
}
.topmenu li{
	width:94px;
	background:url(images/btn.gif) no-repeat;
	list-style:none;
	float:left;
	margin-right:5px;
	text-align:center;
	font-size:11px;
}
.topmenu li a{
	display:block;
	width:100%;
	padding-top:6px;
	height:25px;
	color:#b8b8b8;
	text-decoration:none;
}
.topmenu li a:hover{
	text-decoration:none;
	background:url(images/btn_over.gif) no-repeat;
}


/*************************************
Content
**************************************/
#content p {
	margin:0;
	line-height:20px;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content .photomonth{
	margin-top:12px;
}
#content .photomonth img{
	border:1px solid #ccc;
	padding:4px;
	display:block;
	margin-bottom:4px;
}
#content .photomonth span{
	font-size:11px;
	float:right;
	color:#666;
}

/*************************************
posts
**************************************/
.post {
	clear:both;
	padding-top:15px;
}
.postpath {
	padding:11px 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:4px;
}
.home{
	background: url(images/key.gif) 0 1px no-repeat;
	padding-left:16px;
}
.post-date {
	width:45px;
	height:49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-right {
	float:left;
	margin-left:14px;
	width:571px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.post-content {
	float:left;
	width:630px;
}
.photo{
	padding:1px;
	border:1px solid #ccc;
	float:right;
	margin-top:3px;
}
.post-content .photo{
	margin-top:11px;
}
.post-author{
	font-size:11px;
}
.entry {
	padding-top: 14px;
}
.post-cat {
	background: url(images/mini-category.gif) 0 -1px no-repeat;
	padding-left: 20px;
	font-size:11px;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left:20px;
	font-size:11px;
	margin-left:20px;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
}

.post-bottom {
	margin:4px 0 10px;
	padding:6px 0;
	clear:both;
	overflow:hidden;
	height:100%;
	font-size:11px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;	
}

.social {
	margin:0;
	padding:0;
	list-style:none;
	float:right; 
}
.social li {
	margin:0 0 0 11px;
	padding:0 0 0 20px;
	float:left;
}

.social li.i_digg { background:url(images/i_digg.gif) no-repeat ;  }
.social li.i_stumb { background:url(images/i_stumb.gif) no-repeat ;  }
.social li.i_del { background:url(images/i_del.gif) no-repeat ;  }
.social li.i_reddit { background:url(images/i_reddit.gif) no-repeat ;  }
.social li.i_technorati { background:url(images/i_technorati.gif) no-repeat ; }

#postnavi {
	border-top:1px solid #CCC;
	margin:10px -5px 0;
	padding:10px 5px 0;
}
#postnavi .prev a {
	background:url(images/previous.gif) 0 no-repeat;
	padding-left:22px;
	float:left;
	height:16px;
}
#postnavi .next a {
	background:url(images/next.gif) 100% no-repeat;
	padding-right:22px;
	float:right;
	height:16px;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin:0;
}
/* End captions & aligment */

.relatedposts{
	margin-top:20px;
	line-height:20px;
}
.relatedposts h3{
	font-size:17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#c60;
}

.leavecomment{
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
}

/* comentarios */
#comments, #respond {
	border-bottom: 1px dotted #ccc;
	padding:22px 0 5px 0;
	clear:both;
	margin-bottom:12px;
}
#commentlist {
	margin-top:8px;
	text-align:justify;
	line-height:130%;
}
#commentlist li {
	padding: 12px 17px 11px;
	list-style: none;
	margin-bottom:8px;
	background:#e3dfd5;
}
#commentlist p{
	line-height:18px;
	font-size:11px;
	margin-top:6px;
}
#commentlist .alt {
	background:#eeeae1;
}
#commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-left:10px;
}
#commentlist cite, .commentlist cite a {
	font-weight: 700;
	font-style: normal;
}
#commentlist small a{
	font-size:11px;
}
.nocomments {
	text-align:center;
	margin-top:14px;
	font-weight:700;
}

#commentform {
	margin-top:10px;
	font:110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding:6px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
#commentform label{
	color:#787878;
	font-size:87%;
}
#commentform input{
	width:200px;
	background:#f1fedb;
	border:1px solid #bdd77f;
	padding:3px;
	margin-top:3px;
}
#commentform textarea{
	width:478px;
	height:115px;
	background:#f1fedb;
	border:1px solid #bdd77f;
	padding:2px;
	margin-top:3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background:#fff;
}
#commentform #submit{
	background:url(images/btn-bg.gif) no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	width:144px;
	height:28px;
	cursor:pointer;
	padding-top:1px;
}
#commentform #submit:hover{
	color: #415b15;
}

#author{
	padding-top:8px;
}
#author .title{
	padding-bottom:8px;
	border-bottom:1px dotted #ccc;
	margin-bottom:4px;
	font-size:26px;
}

#author .photo{
	padding:4px;
	border:1px solid #ccc;
	float:left;
}
#author .bio{
	margin-left:180px;
}
#author dt{
	font-weight:700;
}
#author ol{
	line-height:20px;
}
#author  h3{
	margin-top:22px;
	background:url(images/mini-archive.gif) left -2px no-repeat;
	padding-left:18px;
}
#author .authorposts{
	border:1px solid #ccc;
	padding:12px 18px;
	margin-top:12px;
}
#author .authorposts div{
	float:right;
}


/*************************************
Sidebar
**************************************/
#sidebar h3 {
	margin-top:18px;
	padding:6px 12px;
	font-size:17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:url(images/nav-bar.gif) no-repeat;
	color:#fff;
	font-weight:normal;
	clear:both;
}
#sidebar ul {
	list-style-type:none;
}

#network{
	text-align:center;
	height:90px;
	padding:0 44px;
}
.ytb a, .fcb a, .flk a{
	width:56px;
	height:55px;
	float:left;
	display:block;
	margin-right:3px;
	font-size:0;
	text-decoration:none;
}
.ytb a{
	background: url(images/network.gif) no-repeat;
}
.ytb a:hover{
	background: url(images/network.gif) 0 -55px no-repeat;
}
.fcb a{
	background: url(images/network.gif) -60px 0 no-repeat;
}
.fcb a:hover{
	background: url(images/network.gif) -60px -55px no-repeat;
}
.flk a{
	background: url(images/network.gif) -120px -0 no-repeat;
}
.flk a:hover{
	background: url(images/network.gif) -120px -55px no-repeat;
}

/*************************************
Popular Posts Section
**************************************/
.pxbox { background: transparent; margin:0; }
.pxtop, .pxbottom {background:transparent; display:block; font-size:1px; }
.pxb1, .pxb2, .pxb3, .pxb4 { display:block; overflow:hidden; }
.pxb1, .pxb2, .pxb3 { height:1px; }
.pxb2, .pxb3, .pxb4 { background:#d8d7cc; border-left:1px solid #d8d7cc; border-right:1px solid #d8d7cc; }
.pxb1 { background:#d8d7cc; margin:0 5px;  }
.pxb2 { border-width:0 2px; margin:0 3px; }
.pxb3 { margin:0 2px; }
.pxb4 { height:2px; margin:0 1px; }

.boxrecent{
	background:#d8d7cc;
	padding:4px 14px;
	border-left:1px solid #d8d7cc;
	border-right:1px solid #d8d7cc;
}
.boxrecent li{
	border-bottom:1px dotted #b8b7af;
	padding:6px 0 6px 11px;
	background:url(images/arrow.gif) no-repeat left;
	font-size:11px;
}
.boxrecent li a{
	width:100%;
	display:block;
	color:#333;
	text-decoration:none;
}
.boxrecent li a:hover{
	text-decoration:underline;
}

ul.tablist{
	padding:4px 14px;
}
.tablist li{
	border-bottom:1px dotted #b8b7af;
	padding:8px 0 8px 11px;
	background:url(images/circle.gif) no-repeat left;
}
.tablist li a{
	display:block;
	text-decoration:underline;
}
.tablist li a:hover{
	text-decoration:none;
}

/* Sidebar Flickr */
#sidebar .flickr h4 span {
	color: #0061D8;
}
#sidebar .flickr h4 span span {
	color: #ff1183;
}
#sidebar .flickr .wrap {
	margin-left: -5px !important;
	margin-left: -9px;
	position: relative;
}
#sidebar .flickr img {
	float:left;
	margin-left:5px;
	display:inline;
	margin-bottom:5px;
	display:block;
	padding:4px;
	background:#fff;
	border:#ccc 1px solid;
}

/*************************************
Footer
**************************************/
#footer p {
	float:left;
	text-align:left;
	color:#999;
}
ul#nav-footer {
	margin:0;
	padding:0;
	float:right;
	font-size:11px;
	text-align:right;
} 
ul#nav-footer li {
	padding-left:6px;
	list-style:none;
	float:left;
}
ul#nav-footer li a {
	text-decoration:underline;
	color:#777;
}
ul#nav-footer li a:hover {
	text-decoration:none;
	color:#777;
}