/*  
Theme Name: iffles.com
Theme URI: http://www.iffles.com
Description: Just for iffles.com
Version: 1.0
Author: iffles
Author URI: http://www.iffles.com/

*/


body, h1, h2, h3, h4, h5, h6, blockquote p {
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #4c2717 url(images/brownbackground.gif) repeat-x;
color: #E7DE97;
}

img {
border-style: none;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.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;
}


a:link, a:visited{
text-decoration: none;
color: #999E10;
}

a:hover{
text-decoration: underline;
}

blockquote {
	margin:0 auto; padding:5px 20px;
	width:80%; height:auto;
	background:#E7DE97 url(images/blockquote.gif) no-repeat top left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	padding-right: 8px;
}

.alignright {
	float: right;
	padding-left: 8px;
}

h1 {
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}



#wrapper{
margin: 0 auto 0 auto;
width: 990px;
text-align: left;
color: #4c2717;
overflow: hidden;
}

.shadow {
background: #E7DE97 url(images/shadow.gif) repeat-y scroll 0 0;
}


#header{
width: 890px;
height: 150px;
padding: 0 30px;
margin: 0 20px;
background: #4c2717 url(images/header.gif) no-repeat;
}

h1.logo {
width: 259px;
height: 105px;
background: url(images/logo.gif);
text-indent: -9999px;
padding: 0 0;
margin 0 0;
}



.navigation{
padding 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

#topnavigation ul li a:link, #topnavigation ul li a:active, #topnavigation ul li a:visited {
	margin:0; padding:13px 15px;
	font:bold 1.08em Arial, Helvetica, sans-serif; color:#4c2717;
	display:block;
}

#topnavigation ul li a:hover {
	font-weight:bold; text-decoration:underline;
}

#topnavigation ul.pages li.current_page_item a:link, #topnavigation ul.pages li.current_page_item a:active, #topnavigation ul.pages li.current_page_item a:visited {
	/* Crazy margins to pull up the hover image above the borders.*/
	margin:-3px 0 0 0; padding:15px 15px 14px 15px;
	background:#9E0505 url(images/navigation-hover.gif) repeat-x bottom center;
	color:#E7DE97; position:relative
}

#topnavigation {
	margin:0; padding:0;
	background:#CB4D03 url(images/navigation.gif) repeat-x bottom center;
	border-top:2px solid #999E10;
	width: 890px;
padding: 0 30px;
margin: 0 20px;
}

	#topnavigation ul.pages {
		margin:0 auto; padding:0;
		width:700px; height:auto;
		list-style:none; float:left;
	}
	
		#topnavigation ul li {
			margin:0 3px; padding:0;
			float:left; overflow:visible;
		}
		
	.rss {
		margin:0 30px 0 0; padding:0;
		width:50px; height:17px;
		float:right;
	}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.topcontainer {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:940px; height:auto;
}



#container{
float: left;
width: 700px;
padding: 0 20px;
}


.post{
padding: 20px 0;
}

.post h2{
font-family: Helvetica, Verdana, Sans-serif;
font-size: 24px;
background: url(images/titleback.gif) repeat-y top left;
padding: 0 40px;
line-height: 35px;
margin-bottom: 5px;
}

.post h2 a {
color: #9E0505;
}

.entry {
line-height: 18px;
padding: 0 15px;
}

.entry a {
color: #CB4D03;
}

.postentryleft a {
color: #CB4D03;
}

.postentryright a {
color: #CB4D03;
}


.entry h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
background: #4c2717;
height: 30px;
color: #999E10;
width: 400px;
padding: 0 10px;
line-height: 30px;
}

.entry h3 {
color: #9E0505;
}

.postentryleft {
width: 500px;
float: left;
}

.postentryright {
width: 200px;
float: left;
text-align: right;
}

hr.dashed {
background-color: #9E0505;
color: #9E0505;
height: 3px;
}



.sidebar{
float: left;
width: 220px;
margin: 0 0 0 10px;
}

#twitter_div ul {
list-style: none;
color: #E7DE97;
}

#twitter_div li {
padding: 0 0 10px;
}


.sidebox {
background: #4c2717 url(images/curvetopright.gif) no-repeat top right;
}

#s {
color: #4c2717;
width: 180px;
background: #E7DE97;
border: 1px solid #9E0505;
}

#searchsubmit {
color: #4c2717;
background: #E7DE97;
border: 1px solid #9E0505;
}

.badge {
width: 220px;
margin-left: auto;
margin-right: auto;
}

.sidebox:after {
display:block;
line-height: 0.1;
font-size: 1px;
content: url(images/curvebottomleft.gif);
height: 13px;
padding: 0;
}

.sidelist {
margin: 10px;
padding: 10px;
}

.widget {
padding: 0 0 10px;
}

.widget ul {
padding: 0 5px;
margin: 0 5px;
}

h2.widgettitle {
width=200px;
height=25px;
background: #E7DE97 url(images/sidebarbox.gif) no-repeat bottom left;
margin: 0 0 5px;
}


#footer{
clear: both;
float: left;
width: 750px;
margin: 0 20px;
}



.comments-template{
	margin: 10px 0 0;
	padding: 20px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #CB4D03;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.commentlist ol {
font-family: Georgia, Times, serif;
font-size: 14px;
font-style: italic;
}

.commentlist ol p {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}