/*
Theme Name: filterfine
Theme URI: http://www.filterfine.com
Description: a grid based layout that emphasizes the display of images.  good for visual archives
Version: 1.0
Tags: variable width, widget ready, widgets, gray, photos 
Author: filterfine
Author URI: http://www.filterfine.com/
*/

body {
margin: 0;
padding: 0px;  
color: #999;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background:#555;
}

#wrapper{
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 70%;
}

#header{
padding: 5px 15px;
margin: 0;
background: #333;
}	

#header-inner{
margin:0;
padding:0;
}

#tabs{
padding: 0 15px;
background:#222;
font-size:105%;
text-transform:uppercase;
}

#tabs ul{
margin: 0;
padding:3px 0;
list-style-type:none;

}

#tabs ul li{
margin: 10px 0 3px 15px;
padding: 3px 15px 3px 0px;
display:inline;
border-right: 1px solid #333;
}

#tabs ul li a{
color:#666;
text-decoration:none;
}

#tabs ul li a:hover{
color:#ccc;
text-decoration:none;
}
		
#content{
clear:both;
margin: 0;
}	

#main {
margin: 0;
padding: 15px;
}

#sidebar {
padding: 10px 30px;
margin: 30px 0 0 0;
background: #000;
clear:both;
}

#footer {
clear: both;
margin: 0;
text-align: center;
background:#000;
padding-bottom:15px;
}

#footer-inner {
border-top:1px solid #222;
margin:0 30px;
}

#navigation{
font-size:140%;
padding: 40px 15px;
clear:both;
text-align:center;
}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 8px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}

h1{
	font-size: 220%;
}
h2{
	font-size: 180%;
}
h3{
	font-size: 150%;
}
h4{
	font-size: 130%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 70%;
}


a{
color:#cc9;
text-decoration:none;
}

a:hover{
color:#ffc;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
background: #f4f4f4;
padding: 5px 15px;
margin: 3px 30px;
}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size: 90%;
font-family: "Courier New", Courier, monospace;
white-space: pre;
}

td{
vertical-align:top;
}

.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;
   /* 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;
}

/* Headings */ 

form#searchform2{
display: block;
float:right;
margin: 10px 10px 0px 5px;
}

#header h1 a{
font-weight:100;
text-decoration: none;
letter-spacing: 1px;
padding: 18px 0 10px 10px;
}

h2#sectiontitle{
font-weight: normal;
margin:8px 10px 5px 10px;
color: #ddd;
}

/* post styles */

.post{
margin:8px;
padding:8px 15px 15px 15px;
float:left;
background:#444;
color: #777;
border:5px solid #666;
width:222px;
height:340px;
}

.entry{
margin: 0;
}

.entry p{
line-height:1.2em;
}
/*
.crop {
width:222px;
height:222px;
overflow:hidden;
border:1px solid #ccc;
text-align:center;
}*/

.entry img {
width:222px;
height:222px;
border:1px solid #aaa;
}

.txtbx {
margin-top:10px;
width:222px;
height:222px;
font-size:2em;
font-family:"Times New Roman", Times, serif;
font-style:italic;
color:#eee;
border-top: 1px solid #777;
padding-top: 5px;
}

.postmetadata{
font-size:85%;
margin: 0;
border-top: 1px solid #777;
color:#777;
}

.postmetadata p{
padding: 0;
margin: 1px 0;
}

.postmetadata .tagged a{
color:#777;
}

.postmetadata .tagged a:hover{
color:#ffc;
}

.page{
margin:8px;
}

.page h2{
font-weight:normal;
}



/*  Comments   */

h3#comments, h3#postcomment{
font-size: 100%;
font-family:verdana, sans-serif;
}	

ol#commentlist{
padding: 0 0 0 0;
list-style-type: none;
}

ol#commentlist li{
padding: 0px;
margin: 0;

}

p.commentheader{
margin: 0px 0 0px 0;
display: block;
padding: 1px 0;
color:#eee;
font-weight:bold;
}

ul#commentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#commentlist li{
display: block;
padding: 0;
margin: 0 15px 5px 0;
}

ul#commentlist p{
margin: 6px 0;
}

ul#commentlist li div.comm{
margin: 1px;
padding: 1px;
}

ul#commentlist li div.gravatar {
width:50px;
float:left;
padding: 10px 0 0 0;
}

ul#commentlist li div.gravatar img{
border: 2px solid #ccc;
}

ul#commentlist li div.commenttext{
padding: 0;
margin:5px 10px 5px 0;
}

ul#commentlist li div.commenttext div.commentwrapper{
margin:0 0 0 0;
padding: 3px 8px 3px 0;
}


/*  sidebar styles */
#subscribe p{
font-size: 85%;
margin: 3px 0 10px 0;
}

.menu{
padding:0;
font-size:90%;
}

.menu a{

}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget{
padding:2px;
margin:0 0 0px 0px;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
padding: 1px 0 1px 2px;
margin:0;
}

.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-bottom: none !important;
padding: 1px 0 1px 15px;
}

.menu ul li.widget h3{
font-family: Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:normal;
padding:10px 0 1px 0;
margin:0;
border-bottom: 1px solid #222;
color: #555;
text-transform:uppercase;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
padding: 2px 5px;
}

.quote p{
font-size:140%;
padding-bottom:20px;
color:#ccc;
font-style:italic;
font-family: Georgia, Times New Roman, Serif;
}