/*
Theme Name: Tofurious Soft Tofu
Theme URI: http://www.tofurious.com
Description: A simple photographer's blog theme by Tofurious
Version: 2.1
Author: Lawrence Chan
Author URI: http://furiousphotographers.com/
Tags: single column, simple, wide
Soft Tofu
http://www.tofurious.com
This theme was developed by Lawrence Chan
@tofurious
because a friend asked him to
*/
/*BACKGROUND IMAGE************/
body {
font: 11px Verdana, Geneva, sans-serif; /*ENTRY FONTS*/
color:#333; /*OVERALL TEXT COLOR*/
}
/*LINK STYLES****************/
a {
text-decoration:underline;
color:#4c4a65;
}
a:hover {text-decoration:none;}
/*LOGO IMAGE*****************/
#logo {
height:100%;
width:1000px;
background:#333;
}
/*MENU COLORS****************/
#menu {
background:#dfd6cd;
}
#menu li a {
font:11px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
text-transform: uppercase;
color:#66625d; /*MENU FONT COLOR*/
}
#menu li a:hover {
color:#fff; /*MENU FONT COLOR WHEN HOVERING*/
}
/*BANNER COLORS*************/
#banner {
height: 100%; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}
/*POSTS*******************/
.title {
/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/
background:url(images/post-title.jpg) no-repeat;
padding:0 0 0 44px;
margin-top: 20px;
}
/*POST TITLE FONT STYLE**/
.ti, .title h2 {
margin:0;
font-size:30px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:25px;
color:#2b2b2b;
}
h2 {
margin:0;
font-size:30px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:25px;
color:#2b2b2b;
}
h3 {
margin:0;
font-size:20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:25px;
color:#2b2b2b;
}
/*DATE AND CATEGORY FONT STYLES*/
.title span a, .title span {
color:#c0c0c0;
font-size:11px;
font-weight:normal;
line-height:24px;
}
/* NEXT / PREVIOUS PAGE navigation*/
.navigation {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
width: 100%;
background: #fff;
padding: 10px 0px;
height: 15px;
}
.navigation a {text-decoration:none;}
.navigation a:hover {text-decoration:underline;}
.navbg {background: #fff;}
/*FOOTER LINKS*/
#footer {
padding:8px 0 0;
width:100%;
font:10px/25px Verdana, Arial, Helvetica, sans-serif;
color:#b2b2b2;
text-align:center;
}
#footer p {margin:0;}
#footer a, #footer a:hover, #footer a:visited {
text-decoration: none;
color: #b2b2b2;
}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
body {
margin:0;
}
img {border-style:none;}
input,
textarea,
select{
font:100% arial,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border-style:none;
}
/*main container*/
#main {
margin:0 auto;
width: 1000px;
padding:33px 0 20px;
}
/*header*/
#header img {display:block;}
#menu {
list-style:none;
margin:0;
padding:0 0 0px 15px;
height:1%;
}
#menu:after {
content:" ";
display:block;
clear:both;
}
#menu li {
padding:8px 30px 0px 30px;
float:left;
}
#menu li a {
height:25px;
float:left;
text-align:center;
text-decoration:none;
}
#menu li.hover a,
#menu li:hover a,
#menu li.hover,
#menu li:hover {
position: relative;
}
#menu li.hover ul,
#menu li:hover ul {
display: block;
}
#menu ul {
padding:14px 0 6px;
margin:0;
list-style:none;
width:147px;
display: none;
position: absolute;
left: 0;
top: 100%;
background:#e9e6dd;
}
#menu ul li {
padding:0 10px 0 17px;
width:120px;
}
#menu ul li a {
text-align:left;
width:100%;
background:none;
color:#7a7a7a;
line-height:18px;
height:auto;
display:block;
}
#menu ul li a:hover {color:#000;}
/*TWITTER / SEARCH / RSS***/
.holder {
background:#fff;
border-bottom: 1px solid #d8d8d8;
width:970px;
padding: 15px;
overflow:hidden;
}
.profile {
width:500px;
float: left;
}
.bio {
padding-top: 10px;
}
.twitter {
width: 350px;
float: right;
padding: 32px 20px 0px 0px;
}
.search{
width: 350px;
float: right;
padding: 30px 20px 15px 0px;
}
.search label {
color:#2b2b2b;
font-size:10px;
line-height:10px;
display:block;
text-transform:uppercase;
padding:0 0 9px;
}
.search span {
background:url(images/search.gif) no-repeat;
display:block;
width:171px;
height:33px;
padding:6px 8px 0;
}
.search span input {
background:none;
border:0;
width:171px;
}
.icons {
float: right;
padding: 20px 10px 0px 0px;
}
/*content*/
#content {
width:970px;
background:#fff;
padding:17px 15px 0px 15px;
}
.entry {
overflow:hidden;
}
.entry p {
line-height:25px;
margin:0 0 22px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 15px 0px;
}
.title a {
text-decoration: none;
}
.postmetadata {
font-size: 10px;
padding: 10px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
.postmetadata a {
color:#82817d;
text-decoration:none;
outline:none;
}
.postmetadata a:hover {text-decoration:underline}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
.center {text-align: center;}
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
.commentlist {width: 930px;}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
.comments {
padding-bottom: 15px;
}
.breaker {height: 20px; width: 100%;}
.fl {float: left;}
.fr {float: right;}