/*
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 {
background: url('images/bg.jpg')repeat;
font: 18px Georgia, Century Gothic, Geneva, sans-serif; /*ENTRY FONTS*/
color:#a39d94; /*OVERALL TEXT COLOR*/
background-attachment: fixed
}
/*LINK STYLES****************/
a {
text-decoration:none;
color:#bbd9d7;
}
a:hover {text-decoration:none;}
/*MENU COLORS****************/
#menu {
background:#bbd9d7;
}
#menu li a {
font:16px Georgia, Century Gothic, Helvetica, sans-serif; /*MENU FONT STYLES*/
text-transform: uppercase;
color:#f4f4ef; /*MENU FONT COLOR*/
}
#menu li a:hover {
color:#aba9a7; /*MENU FONT COLOR WHEN HOVERING*/
}
body {
background-color: #f4f4ef;
margin: 0; padding: 0;
}
#container {
width: 500px;
margin: 0 auto;
background: #bbd9d7 url('images/background_760.png') repeat-y: fixed center;
height: 400px;
}
/*BANNER COLORS*************/
#banner {
height:10%; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}
.holder {
background:#f4f4ef;
border-bottom: 15px solid #a9a08b;
width:500px;
padding: 10px;
overflow:hidden;
}
.profile {
width:200px;
float:left;
}
.bio {
padding-top: 5px;
}
.twitter {
width: 350px;
float: right;
padding: 32px 20px 0px 0px;
}
.search{
width: 350px;
float: right;
padding: 30px 20px 15px 0px;
}
.search label {
color:#bbd9d7;
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;
}
/*POSTS*******************/
.title {
margin-top: 20px;
text-align: center;
}
/*POST TITLE FONT STYLE**/
.ti, .title h2 {
margin:0;
font-size:25px;
font-family: Georgia, Century Gothic, "Times New Roman", Times, serif;
font-weight:normal;
line-height:25px;
color:#b2d5d9;
text-align: center;
text-decoration: none;
}
h2 {
margin:0;
font-size:25px;
font-family: Georgia, Century Gothic, "Times New Roman", Times, serif;
font-weight:normal;
line-height:25px;
color:#849191;
text-align: center;
}
h3 {
margin:0;
font-size:20px;
font-family: Georgia, Century Gothic, "Times New Roman", Times, serif;
font-weight:normal;
line-height:25px;
color:#b2d5d9;
text-align: center;
border-bottom: 1px #90bcc0;
}
/*DATE AND CATEGORY FONT STYLES*/
.title span a, .title span {
color:#849191;
font-size:14px;
font-weight:normal;
line-height:24px;
text-align: center;
}
/* NEXT / PREVIOUS PAGE navigation*/
.navigation {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
font-family: Georgia, Century Gothic, 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: #90bcbf;}
/*FOOTER LINKS*/
#footer {
padding:8px 0 0;
width:100%;
font:10px/25px Georgia, Verdana, Arial, Helvetica, sans-serif;
color:#b2b2b2;
text-align:center;
border-bottom: 2px #90bcbf;
}
#footer p {margin:0;}
#footer a, #footer a:hover, #footer a:visited {
text-decoration: none;
color: #b2b2b2;
border-bottom: 1px #000;
}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
body {
margin:0;
}
img {border-style:none;}
input,
textarea,
select{
font:100% Georgia, century gothic,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border-style:none;
}
/*main container*/
#main {
margin:0 auto;
width: 1000px;
padding:0px 0 0px;
}
body {
background-color: #f4f4ef;
margin: 0; padding: 0;
}
#container {
width: 500px;
margin: 0 auto;
background: #FCF6E3 url(images/background_760.jpg) repeat-y fixed center;
height: 90%;
}
/* CSS container shadow */
.shadow-container {
position: relative;
left: 3px;
top: 0px;
margin-right: 3px;
margin-bottom: 3px;
}
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}
.shadow-container .shadow1 {
background: #F1F0F1;
}
.shadow-container .shadow2 {
background: #DBDADB;
}
.shadow-container .shadow3 {
background: #B8B6B8;
}
.shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}
/* CSS container shadow */
/*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:#bbd9d7;
}
#menu ul li {
padding:0 10px 0 18px;
width:120px;
}
#menu ul li a {
text-align:left;
width:100%;
background:none;
color:#f4f4ef;
line-height:18px;
height: 35px;
display:block;
}
#menu ul li a:hover {color:#aba9a7;}
/*TWITTER / SEARCH / RSS***/
.holder {
background:#f4f4ef;
border-bottom: 1px solid #9f9e9b;
width:970px;
padding: 15px;
overflow:hidden;
}
.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:#f3f3e7;
font-size:10px;
font-color: #bbd9d7;
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: 10px 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: 0px 0px;
}
.title a {
text-decoration: none;
}
.postmetadata {
font-size: 15px;
padding: 5px;
text-transform: uppercase;
font-family: Georgia, Helvetica, sans-serif;
}
.postmetadata a {
color:#82817d;
text-decoration:none;
outline:none;
}
.postmetadata a:hover {text-decoration:underline}
.postmetadata ul, .postmetadata li {
display: center;
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: #4c4341;
}
.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;}
/*DROP SHADOW*****************/
#shadow_wrapper {
width: 1014px;
margin: 0 auto; /* centering */
text-align: left; /* reset the text-alignment */
background: url('images/hover.png') repeat-y; /*
}
#inner_content {
margin: 0 7px; /* set the left and right margin depending on the width of each side of the shadow */
}