/* 
Theme Name:Light
Theme URI:http://chaimcohen.com/options
Description:A light mixture of grays,greens,and reds.
Author:Chaim Cohen
Author URI:http://chaimcohen.com
Version:1.1
*/
*{
margin:0;
padding:0;
}
/* Paragraphs */
p{
margin:15px 0;
}
/* Links */
a{
color:#660000;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#content a,#full-posts a{
color:#7F0202;
}
/* Lists */
ul,ul li{
list-style-type:none;
}
#content ul{
margin:15px 0;
}
#content ul ul{
margin:0;
}
#content li{
margin:0 0 3px 10px;
}
/* Code */
pre,code,pre code{
font-size:1.1em;
}
/* Left,right,and center alignment */
.left{
float:left;
margin:0 10px 10px 0;
}
.right{
float:right;
margin:0 0 10px 10px;
}
.center{
margin:10px auto;
display:block;
}
/* Headers and how they should look */
h1{
font-size:2em;
}
h2{
font-size:1.5em;
}
h3{
font-size:1.4em;
}
h4{
font-size:1.3em;
}
h5{
font-size:1.2em;
}
h6{
font-size:1.1em;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
font-weight:normal;
color:#657843;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
text-decoration:none;
}
#content h2,#content h3,#content h4,#content h5,#content h6,#full-posts h2,#feature h2,#comments-template h3{
font-family:'Georgia','Times','Times New Roman',serif;
}
/* Body */
body{
color:#8B4513;
background-color:#DADADA;
font:80% Arial,Tahoma,Verdan,sans-serif;
text-align:center;
}
#body-container{
width:940px;
margin:15px auto 0 auto;
background:url(images/body-container-bg.gif) #F0ECCF no-repeat 0 0;
overflow:hidden;
}
#extra-container{
margin:0 auto;
}
/* Contains content and sidebar */
#container{
float:left;
width:920px;
padding:11px;
text-align:left;
}
/************************************************
Header
************************************************/
#header-container{
height:199px;
width:100%;
background-image:url(images/mastheadmaster940.jpg);
background-repeat:no-repeat;
}
#header{
float:left;
width:600px;
margin:0 0 10px 0;
text-align:left;
}
#header h1{
float:left;
margin:10px 0 0 10px;
font-weight:bold;
}
#header h1 a{
color:#555555;
}
#header h2{
float:left;
clear:left;
font-size:1.1em;
margin:3px 0 0 10px;
}
/************************************************
Feed
************************************************/
#feed{
float:right;
clear:right;
width:254px;
height:28px;
margin:0 13px 0 0;
padding:35px 36px 0 0;
background:url(images/feed-icon.gif) no-repeat right 35px;
text-align:right;
}
#feed li a{
font-size:.9em;
color:#666666;
}
/************************************************
Navigation
************************************************/
/* Main navigation bar (#sub-nav is bottom bar) */
#navigation,#sub-navigation{
float:left;
letter-spacing:.03em;
text-align:left;
color:#333333;
}
#navigation{
width:940px;
font-size:1em;
background:url(images/navigation.jpg) #D1D0C8 repeat-x 0 0;
}
#sub-navigation{
width:940px;
font-size:.9em;
background:#DEDED4;
}
#navigation.nav-search{
width:740px;
}
/* Nav */
#nav{
float:left;
padding:0 0 0 15px;
}
#nav li{
float:left;
}
#nav a{
color:#333333;
display:block;
padding:12px 16px;
}
#nav a:hover,#nav li.current_page_item a{
color:#657843;
text-decoration:underline;
}
#nav li li{
float:left;
width:150px;
background:#D1D0C8;
border-top:1px solid #DDDDDD;
}
#nav li li a{
margin:0;
padding:10px 10px;
}
/* Sub-nav */
#sub-nav{
float:left;
padding:0 0 0 15px;
}
#sub-nav li{
float:left;
}
#sub-nav a{
color:#333333;
display:block;
padding:7px 17px;
}
#sub-nav li.current-cat a,#sub-nav a:hover{
color:#657843;
text-decoration:none;
}
#sub-nav li li{
float:left;
width:150px;
background:#DEDED4;
border-top:1px solid #EEEEEE;
}
#sub-nav li li a{
margin:0;
padding:7px 5px 7px 17px;
}
/* Navigation drop-down positioning */
#nav li ul,#sub-nav li ul{
position:absolute;
width:10em;
left:-999em;
z-index:999;
}
#nav li:hover ul,#sub-nav li:hover ul{
left:auto;
display:block;
}
/************************************************
Search
************************************************/
#search{
float:right;
width:185px;
}
#search form{
float:right;
margin:.5em 0 0 0;
padding:0 15px 0 0;
}
#search input#s{
color:#666666;
width:170px;
margin:0;
padding:5px;
background:#DDDDDD;
border:none;
}
#search .search-submit{
display:none;
}
/************************************************
Main content
************************************************/
#home,#content{
width:590px;
}
#no-sidebar{
width:900px;
}
#home.left,#content.left,#sidebar.left{
float:left;
margin:0;
}
#home.right,#content.right,#sidebar.right{
float:right;
margin:0;
}
/************************************************
Images
************************************************/
/* Images */
#home img,#content img,#sidebar img{
background:#EEEEEE;
border:1px solid #CCCCCC;
float:left;
padding-left:0px;
padding-right:3px;
padding-bottom:3px;
padding-top:0px;
}
a img{
border:none;
}
#author-box .avatar,.author .post .avatar{
width:100px;
height:100px;
float:left;
margin-right:10px;
}
/* Post images */
.single img,.attachment img{
max-width:98.5%;
}
/* Feature images */
#feature img,#features-numbers img{
float:left;
width:300px;
margin:0 10px 0 0;
}
html>body #feature img,html>body #features-numbers img{
max-width:300px;
width:auto;
}
/* Thumbnail images */
img.thumbnail{
float:left;
width:100px;
height:100px;
margin:0 10px 5px 0;
}
/* Medium images */
img.medium{
max-width:300px;
float:left;
margin:0 10px 5px 0;
}
/* Flickr / gallery stream images */
#home .flickr img,#gallery-stream img{
width:75px;
height:75px;
margin:2px 13px 2px 0;
}
/************************************************
Sections of the site
************************************************/
/* Section headers */
.section-header,.menu h2{
font-size:1em;
font-weight:bold;
color:#333333;
padding:.5em 1.5em;
margin:0 0 5px 0;
height:15px;
background:url(images/section-header.gif) no-repeat left .5em;
}
/* Sections and posts */
.section,#content .post,#excerpts .post,#full-posts .post,.paged .post{
width:570px;
overflow:hidden;
margin:0 0 10px 0;
padding:10px 0;
background:#FFFFFF;
}
/* No sidebar */
#no-sidebar .post,#no-sidebar #comments-template,#no-sidebar .section{
width:898px;
}
#no-sidebar .post{
overflow:hidden;
margin:0 0 10px 0;
padding:10px;
background:#FFFFFF;
border-bottom:1px solid #999999;
}
/* Posts */
#content .post,#home.paged .post{
padding:10px;
border-bottom:1px solid #999999;
}
/* Breadcrumb */
.breadcrumb{
padding:10px;
border-bottom:1px solid #999999;
}
/* Author box */
#author-box{
padding:10px;
border-bottom:1px solid #999999;
}
/* Navigation links */
.navigation-links{
padding:10px;
border-bottom:1px solid #999999;
}
.navigation-links .previous{
float:left;
width:50%;
}
.navigation-links .next{
float:right;
width:50%;
text-align:right;
}
/* Navigation image attachment */
.attachment-image{
max-width:99%;
margin:15px auto;
display:block;
}
.navigation-attachment{
float:left;
width:100%;
}
.navigation-attachment img{
max-width:150px;
max-height:150px;
}
.navigation-attachment .left{
float:left;
width:160px;
}
.navigation-attachment .right{
float:right;
width:160px;
text-align:right;
}
/* Related posts plugin */
#related{
padding:10px;
border-bottom:1px solid #999999;
}
#related ul{
width:100%;
}
#related ul li{
list-style-type:none;
}
/* Clouds */
div.cloud{
padding:10px;
border-bottom:1px solid #999999;
}
/* Excerpts / Full Posts */
#excerpts,#full-posts{
width:590px;
padding:0;
margin:0;
background:transparent;
}
#excerpts .post,#full-posts .post{
padding:10px;
border-bottom:1px solid #999999;
}
/* Features Gallery */
#myGallery{
width:590px;
height:240px;
margin:0 0 10px 0;
padding:0;
}
#myGallery .imageElement{
display:none;
}
#myGallery h3,#myGallery h2{
font-size:1.5em;
}
/* Feature */
#feature{
padding:10px;
border-bottom:1px solid #999999;
}
/* Flickr photos and Gallery images (home) */
#home .flickr,#gallery-stream{
width:580px;
padding:10px 0 10px 10px;
border-bottom:1px solid #999999;
}
#home .flickr .section-header,#gallery-stream .section-header{
margin-right:10px;
}
/* Post blocks */
#post-blocks{
width:590px;
background:transparent;
padding:0;
margin:-10px 0 10px 0;
}
#post-blocks .post{
width:268px;
margin:10px 0 0 0;
padding:10px;
background:#FFFFFF;
border-bottom:1px solid #999999;
}
#post-blocks .even{
float:right;
clear:none;
}
#post-blocks .odd{
float:left;
clear:both;
}
#post-blocks .post-title{
margin:0 0 5px 0;
font-size:1em;
}
/* Post sections */
#post-sections .section{
padding:10px;
border-bottom:1px solid #999999;
}
#post-sections .post-title{
font-size:1em;
}
/* All post tabs */
#post-tabs .post-title,#post-block-tabs .post-title,#post-list-tabs .post-title{
font-size:1em;
}
#post-tabs,#post-block-tabs,#post-list-tabs{
background:transparent;
width:590px;
padding:0;
}
#home .tab-content{
width:100%;
padding:0;
background:#FFFFFF;
}
#post-block-tabs .post,#post-list-tabs .post{
width:270px;
padding:10px;
}
#post-block-tabs .even,#post-list-tabs .even{
clear:none;
float:right;
}
#post-block-tabs .odd,#post-list-tabs .odd{
clear:both;
float:left;
}
/* Post tabs */
#post-tabs .post{
margin:10px;
padding:0;
}
/* Post list tabs */
#post-list-tabs .post ul{
padding:5px 2px 5px 7px;
}
#post-list-tabs .post li{
margin:3px 0 5px 0;
padding:0;
}
#post-list-tabs .post li a{
display:inline;
margin:0;
padding:0;
}
/* Features and video numbers */
#features-numbers,#video-numbers{
background:transparent;
width:590px;
padding:0;
border:none;
}
#features-numbers div.tab-content,#video-numbers div.tab-content{
top:0;
width:570px;
padding:10px;
border-bottom:1px solid #999999;
}
#features-numbers ul.tabs,#video-numbers ul.tabs{
width:590px;
display:block;
clear:left;
overflow:hidden;
}
/* Video tabbed */
#video-tabbed{
padding:10px;
border-bottom:1px solid #999999;
}
#video-tabbed .video-list{
float:right;
width:44%;
}
#video-tabbed .video-list ul{
width:100%;
}
#video-tabbed .video-list li{
margin:0 0 5px 0;
border:1px solid #CCCCCC;
}
#video-tabbed .video-list li a{
color:#333333;
display:block;
padding:10px;
background:#DEDDD4;
}
#video-tabbed .video-list li a:hover,#video-tabbed .video-list li a.tab-current{
text-decoration:none;
background:#EEEEEE;
}
#video-tabbed div.video{
clear:none;
float:left;
width:50%;
}
div.v{
display:none;
}
div.v1{
display:block;
}
/* Home custom sections */
#home-custom-1,#home-custom-2,#home-custom-3{
padding:10px;
border-bottom:1px solid #999999;
}
/************************************************
Sidebar
************************************************/
#sidebar{
width:320px;
}
.menu{
overflow:hidden;
width:300px;
margin-bottom:10px;
padding:10px 10px 5px 10px;
background:#FFFFFF;
border-bottom:1px solid #999999;
}
/* Sidebar lists and sidebar tab lists */
.menu div li,.menu div li li,#sidebar .tabbed div li,#sidebar .tabbed div li li{
margin:0;
padding:0;
float:left;
width:100%;
}
#sidebar .menu ul li a,.tabbed div ul li a{
display:block;
padding:2px 5px;
}
#sidebar .menu li li a,.tabbed div li li a{
display:block;
padding:2px 0 2px 8px;
}
/* Recent comments widget */
#sidebar ul#get-recent-comments li{
margin:5px 0;
}
#sidebar ul#get-recent-comments li a{
display:inline;
padding:2px 0;
}
/* Sidebar video */
#sidebar .video h3{
font-size:1em;
margin:5px 0;
}
/* Sidebar ads */
#sidebar .ads p{
margin:0;
padding:0;
}
#sidebar .ads a img{
border:none;
padding:0;
}
#sidebar .ads img{
width:125px;
height:125px;
margin:0 9px 5px 11px;
border:none;
padding:0;
}
/* Sidebar gallery and flickr photos */
#sidebar .flickr img,#sidebar .gallery-stream img{
width:75px;
height:75px;
margin:3px 9px 3px 7px;
}
/* Sidebar search */
#sidebar .search input{
width:96%;
padding:5px;
background:#E9EAE5;
border:1px solid #CCCCCC;
}
#sidebar .search input.search-submit{
display:none;
}
/* Sidebar subscribe */
#sidebar .subscribe div{
padding-left:2px;
}
#sidebar .subscribe #feed-sidebar{
height:35px;
overflow:hidden;
background:url(images/feed-icon.gif) no-repeat left .3em;
}
#feed-sidebar li{
padding:0 0 0 36px;
}
#feed-sidebar li a{
font-size:.9em;
padding:0;
margin:0;
}
/* Sidebar recent */
#sidebar .recent .post{
float:left;
width:100%;
margin:0 0 10px 0;
}
#sidebar .entry{
padding:0;
}
#sidebar .recent h3,#sidebar .asides h3{
font-size:.9em;
margin:0 0 1px 0;
}
#sidebar .recent h3 a{
font-weight:bold;
}
#sidebar .recent p{
font-size:.9em;
line-height:1.4em;
margin:0;
padding:0;
}
/************************************************
Tabs
************************************************/
/* Tabs (actual tabs) */
.tabbed{
background:transparent;
border:none;
}
#sidebar .tabbed{
margin-bottom:10px;
}
.tabbed ul.tabs{
position:relative;
top:0;
left:0;
z-index:1;
list-style-type:none;
}
.tabbed ul.tabs li{
display:inline;
}
.tabbed ul.tabs li a{
color:#333333;
float:left;
display:block;
margin:0 3px 0 0;
padding:6px .6em;
background:#DEDDD4;
}
.tabbed ul.tabs li a.t4{
margin-right:0;
}
.tabbed ul.tabs li a:hover{
background:#F4F4F4;
text-decoration:none;
}
.tabbed ul.tabs li a.tab-current{
background:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}
/* Tab content */
.tabbed div.tab-content{
height:100%;
overflow:hidden;
display:block;
position:relative;
top:0;
left:0;
z-index:0;
clear:left;
padding:10px 5px 5px 5px;
background:#FFFFFF;
border-bottom:1px solid #999999;
}
div.t2,div.t3,div.t4,div.t5{
display:none;
}
.tabbed div.c{
display:none;
}
.tabbed div.c1{
display:block;
}
/************************************************
Comments Template
************************************************/
#comments-template{
padding:10px;
margin:0 0 10px 0;
background:#FFFFFF;
border-bottom:1px solid #999999;
}
#comments-template ol{
list-style-type:none;
margin-top:10px;
}
#comments-template li{
width:97.5%;
clear:left;
overflow:hidden;
margin:0 0 10px 0;
padding:5px 1%;
background:#DCDFD5;
border:1px solid #CCCCCC;
}
#comments-template .avatar{
float:left;
width:50px;
height:50px;
margin:7px 12px 0 0;
background:#EEEEEE;
border:1px solid #999999;
padding:2px;
}
#comments-template li.alt{
background:#E9EAE5;
}
#comments-template .comment-meta-data{
float:left;
font-size:1em;
margin-top:7px;
}
#comments-template li .comment-meta-data a.time{
margin-left:5px;
color:#666666;
}
#comments-template li .comment-text{
float:left;
width:87%;
padding:0;
}
#no-sidebar #comments-template li .comment-text{
width:92%;
}
#comments-template input{
color:#000000;
width:50%;
padding:5px;
margin:0;
background:#E9EAE5;
border:1px solid #CCCCCC;
}
#no-sidebar #comments-template input{
width:25%;
}
#comments-template textarea{
color:#000000;
width:97%;
padding:7px;
background:#E9EAE5;
border:1px solid #CCCCCC;
}
#no-sidebar #comments-template textarea{
width:98%;
}
#comments-template input.submit-comment,#comments-template input.reset-comment,.button{
width:100px;
padding:7px;
margin-right:10px;
}
/************************************************
Footer
************************************************/
/* Footer */
#footer{
clear:both;
float:left;
width:930px;
text-align:left;
margin:5px 0 0 0;
padding:20px 5px 15px 5px;
color:#333333;
background:url(images/footer-bg.gif) #D7D6CB no-repeat 0 0;
}
#footer p{
margin:5px 0;
line-height:1.3em;
}
#footer p.left,#footer p.right{
width:50%;
}
#footer p.right{
text-align:right;
}