/*
Theme Name: organica
Theme URI: http://www.themelayouts.com/
Description: Designed by ThemeLayouts.
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/
* {
margin:0;
padding:0;
list-style-type:none;
border:none;
}
body {
color:#a59a87;
font:13px/22px Georgia;
line-height:17px;
text-align:center;
background:#eae3d7 url(image/top_bg.png) repeat-x top;
}
#bottom_bg {
background:url(image/bottom_bg.png) repeat-x bottom;
}
#container {
width:968px;
margin:0 auto;
position:relative;
text-align:left;
}
#top {
height:232px;
margin-top: 52px;
position:relative;
width:968px;
}
#top #toplinks {
position:absolute;
z-index:1;
width:139px;
left:833px;
top:-38px;
}
.page-nav {
margin-left:11px;
margin-right:11px;
}
.page-nav div a, .page-nav div {
width:92px;
height:32px;
display: block;
}
.newerentries {
float:left;
}
.olderentries {
float:right;
}
.olderentries a {
background-image:url(image/older_posts.png);
}
.newerentries a {
background-image:url(image/newer_posts.png);
}
#toplinks a img {
width:63px;
left:833px;
height:27px;
}
#top #toplinks img {
margin-left:5px;
}
#top #logo {
background:url(image/logo_bg.png) no-repeat left top;
position:relative;
left:0px;
width:968px;
height:180px;
}
#top #logo a {
display:block;
float:left;
padding-left:25px;
margin-top:35px;
}
#top #logo h1 {
font-size:40px;
color:#fff;
font-weight:normal;
line-height:60px;
font-family:'Georgia';
left:83px;
width:300px;
display:block;
position:absolute;
top:30px;
height:59px;
}
#top #logo h1 a {
display:inline;
color:#fff;
background-image:url(image/logo.gif);
background-repeat:no-repeat;
width:243px;
height:63px;
display:block;
}
#top #logo h1 a:hover {
text-decoration:none;
color:#f1f9fd;
}
#top #logo h1 a span {
display:none;
}
#logo h3 {
font-family:Georgia;
font-weight:normal;
float:left;
color:#cbc8c2;
font-size:10px;
background:url(image/tagline.png) no-repeat top left;
height:23px;
padding: 20px 10px;
margin-top:38px;
position:absolute;
left:350px;
}
#top #nav {
position:absolute;
left:0;
top:179px;
}
#top #nav li {
float:left;
padding-left:0px;
}
#top #nav li a {
display:block;
padding:0;
height:33px;
text-align:center;
font:14px/50px Georgia;
color:#fff;
padding: 0 10px 0 10px;
}
#top #nav li a:hover, #top #nav li a.active {
text-decoration:none;
color:#dfe5b5;
background-position:bottom;
padding: 0 10px 0 10px;
}
.giveaway a {
display:block;
padding:0;
height:33px;
padding: 0 0px 0 0px;
}
#header {
height:200px;
position:relative;
width:658px;
float:left;
}
#header #about_me {
height:147px;
width:658px;
}
#header #about_me h3 {
width:718px;
height:24px;
background:url(image/about_me.png) no-repeat left top;
}
#header .head_box {
position:relative;
float:left;
width:675px;
}
#header .head_box h3 {
margin:20px 0 0 0px;
}
#header .head_box p {
margin-left:0px;
padding:5px 0;
width:688px;
display:block;
}
#header .head_box h3 span {
display:none;
}
#header #about_me h3 {
width:121px;
height:24px;
background:url(image/about_me.png) no-repeat left top;
}
#sidebar #subscription {
float:right;
margin-bottom:34px;
}
#sidebar #email {
background:url(image/email_bg.png) no-repeat;
width:236px;
height:87px;
margin-top:0px;
}
#sidebar #email .input {
font:11px Georgia;
width:120px;
margin:52px 0 0 20px;
padding:0;
line-height:11px;
color:#aba18f;
border:none;
background : transparent;
background-color:none;
}
#sidebar #email .submit {
position:relative;
top:12px;
left:17px;
}
#content {
width:659px;
float:left;
background-color:#ffffff;
border:1px solid #e2dcd2;
border-top:none;
border-bottom:none;
}
#content .decor {
margin-left:-1px;
float:left;
}
#entries {
margin:30px 0;
padding-left:10px;
padding-right:10px;
}
#pages {
margin-bottom:30px;
margin-top:10px;
}
#pages .posts_older {
float:left;
}
#pages .posts_newer {
float:right;
}
.entry {
position:relative;
margin:20px 0 13px;
padding-bottom:20px;
border-bottom:1px solid #e9e5dd;
}
.entry .date {
position:absolute;
right:0;
}
.entry .date span {
font-size:18px;
}
.entry h2 {
font-size:24px;
font-weight:normal;
background:url(image/arrow2.png) no-repeat left 3px;
height:55px;
padding-left:25px;
margin-bottom:8px;
padding-right:130px;
line-height: 1.2em;
}
.entry h2 a:hover {
color:#33627c;
}
.entry .tags {
background:url(image/tags_left.png) no-repeat left top;
height:32px;
line-height:22px;
padding-left:32px;
float:left;
}
.entry .tags span {
display:block;
background:url(image/tags_right.png) no-repeat right bottom;
float:left;
padding-right:20px;
height:27px;
}
.entry .tags span a {
color:#81734f;
}
.entry p {
margin:10px 0;
}
.entry .comments {
background:url(image/comments_bg.png) no-repeat left top;
padding-left:32px;
float:left;
height:32px;
line-height:27px;
width:85px;
}
.entry .more {
display:block;
float:left;
}
#comments {
border-bottom:1px solid #d1c195;
margin:20px 0;
}
#comments h6 span, #add_comment h6 span {
display:none;
}
#comments h6, #add_comment h6 {
height:19px;
margin:20px 0 15px;
background:url(image/postcomment.png) no-repeat left top;
}
#comments h6 {
background:none;
}
#comments {
background:url(image/comments.png) no-repeat left top;
}
#comments h6.com em {
display:block;
margin-left:25px;
height:20px;
width:110px;
}
.comment {
margin:23px 0;
}
.arrowcom {
left:-12px;
position:absolute;
top:5px;
}
.comment .details {
float:left;
width:160px;
padding-top:5px;
}
.comment .details span {
display:block;
line-height:15px;
}
.comment .details .author {
color:#3279a0;
}
.comment .details .date {
font-style:italic;
color:#ad9f7a;
}
.comment .comment_center {
float:right;
width:421px;
background:url(image/comment_center.png) repeat-y right;
margin-right:25px;
margin-left:10px;
position:relative;
}
.comment .comment_bottom {
background:url(image/comment_bottom.png) no-repeat left bottom;
}
.comment .comment_top {
background:url(image/comment_top.png) no-repeat left top;
overflow:hidden;
}
.comment p {
padding:8px 14px 8px 36px;
}
#add_comment {
margin-bottom:25px;
}
#add_comment h6.add_com, h6.post_com {
margin-bottom:5px;
}
#add_comment h6.add_com em {
display:block;
background:url(image/reply.png) no-repeat left top;
margin-left:25px;
height:20px;
width:110px;
}
#add_comment p {
font-weight:bold;
margin:5px 0 0;
}
#add_comment p span {
font-weight:normal;
font-style:italic;
}
#add_comment .input {
background:url(image/textbox.png) no-repeat right top;
width:154px;
padding-left:10px;
height:24px;
line-height:32px;
font:11px Arial;
color:#595c53;
border:none;
padding-top:8px;
background-color:none;
}
#add_comment .textarea {
height:114px;
width:280px;
background:url(image/textarea.png) no-repeat left top;
}
#add_comment .submit {
margin:10px 0;
display:block;
}
#add_comment .text_area {
font:11px Arial;
height:108px;
width:287px;
background:url(image/commentfield.png) no-repeat left top;
padding-left:10px;
padding-right:10px;
padding-top:8px;
}
#sidebar {
width:307px;
float:right;
}
#sidebar #search {
background:url(image/search_bg.png) no-repeat;
width:238px;
height:87px;
margin-left:5px;
clear:both;
margin-left:auto;
margin-bottom:15px;
}
#sidebar .widget h4{
padding-left:41px;
color:#a59a87;
line-height:47px;
font-size:1.5em;
height:41px;
background:transparent url(image/widget.png) no-repeat scroll left top;
text-transform:uppercase;}
#sidebar #search .input {
font:12px Georgia;
width:135px;
margin:44px 0 0 10px;
padding:0;
line-height:11px;
color:#aba18f;
border:none;
background-color:none;
}
#sidebar #search .submit {
position:relative;
top:11px;
left:13px;
}
#sidebar h4 {
height:41px;
background:url(image/arrow.png) no-repeat left top;
margin:0px 0 0px;
}
#sidebar h4 span {
display:none;
}
#sidebar #tags a {
padding:0 3px;
line-height:26px;
}
#sidebar h4 strong {
display:block;
height:41px;
margin-left:36px;
}
#sidebar #sponsors h4 strong {
background:url() no-repeat left top;
}
.sponsorsc {
background-image:url(image/sponsorsc.png);
background-repeat:repeat-y;
padding:10px 0px 10px 3px;
}
#sidebar #tags h4 strong {
background:url(image/tags.png) no-repeat left top;
}
#sidebar #categories h4 strong {
background:url(image/categories.png) no-repeat left top;
}
#sidebar #archives h4 strong {
background:url(image/archives.png) no-repeat left top;
}
.boxcenter {
width:309px;
background:url(image/box_center.png) repeat-y;
margin-bottom:0px;
}
.boxbottom {
}
.boxtop {
padding:0px 0px 0px;
}
#sidebar li {
background:url(image/sidebarentry_bg.png) top left;
padding-left:38px;
line-height:26px;
}
#sidebar li:hover {
background:url(image/sidebarentry_bg.png) bottom left;
}
.hr {
height:5px;
padding:0;
background:url(image/hr.png) repeat-x top;
clear:both;
margin-top:-15px;
}
.hr hr {
display:none;
}
#footer {
height:294px;
position:relative;
font-size: 11px;
}
#footer h5 span {
display:none;
}
#footer h5 {
height:21px;
margin:20px 0 13px;
}
#footer #socialize h5 {
background:url(image/socialize.png) no-repeat;
}
#footer #recent_comments h5 {
background:url(image/recent_comments.png) no-repeat;
}
#footer #recent_comments {
left:357px;
}
#footer #recent_posts h5 {
background:url(image/recent_posts.png) no-repeat;
}
#footer .foot_box {
width:291px;
position:absolute;
}
#footer .foot_box ul {
width:291px;
height:193px;
background:url(image/box_bg.png) no-repeat left top;
padding-top:3px;
}
#footer .foot_box ul li {
width:275px;
height:30px;
}
#tags {
width:308px;
}
#footer .foot_box ul li, #footer .foot_box ul li a {
float:left;
}
#footer .foot_box ul li a {
line-height:28px;
display:block;
padding-left:10px;
color:#c6c3bc;
width:281px;
}
#footer .foot_box ul li a {
line-height:28px;
display:block;
padding-left:10px;
color:#c6c3bc;
width:281px;
}
#footer #recent_posts ul li a:hover, #footer #recent_comments ul li a:hover {
margin-left:10px;
color:#e1deda;
background-image:url(image/postsh.png);
padding-left:15px;
background-repeat:no-repeat;
background-position:left center;
}
#footer #socialize {
position:absolute;
right:0;
width:243px;
}
#footer #socialize li {
height:25px;
line-height:16px;
margin:1px 0;
height:27px;
}
#footer #socialize li a {
display:block;
padding:5px 5px 5px 30px;
color:#c4c0b9;
width:208px;
line-height:16px;
background-image:url(image/social_icon.png);
background-repeat:no-repeat;
}
#footer #socialize li a:hover {
color:#ffffff;
}
#footer #socialize li a.s_1 {
background-position:7px 3px;
}
#footer #socialize li a.s_2 {
background-position:7px -24px;
}
#footer #socialize li a.s_3 {
background-position:7px -52px;
}
#footer #socialize li a.s_4 {
background-position:7px -81px;
}
#footer #socialize li a.s_5 {
background-position:7px -110px;
}
#right {
float:right;
width:300px;
}
#rss {
float:right;
width:200px;
height:65px;
margin-top:11px;
margin-right:8px;
margin-bottom:10px;
color: #ffffff;
}
#giveaway a {
display:block;
float:left;
padding-left:0px;
margin-top:0px;
float:left;
width:300px;
height:88px;
}
#top #logo a {
position:relative;
float:left;
top:0;
left:0;
margin-top:0px;
margin-left:0px;
}
#tags .boxcenter {
padding:10px 5px 24px 36px;
width:267px;
display:block;
}
#subscriberss {
background-image:url(image/rss.png);
background-repeat:no-repeat;
display:block;
width:24px;
height:48px;
margin:0px;
}
#subscriberss:hover {
background-image:url(image/rss.png);
background-repeat:no-repeat;
}
#mail {
background-image:url(image/mail.png);
background-repeat:no-repeat;
display:block;
width: 24px;
height:48px;
margin:0px;
}
#mail:hover {
background-image:url(image/mail.png);
background-repeat:no-repeat;
}
#facebook {
background-image:url(image/facebook.png);
background-repeat:no-repeat;
display:block;
width:24px;
height:48px;
margin:0px;
}
#facebook:hover {
background-image:url(image/facebook.png);
background-repeat:no-repeat;
}
#twitter {
background-image:url(image/twitter.png);
background-repeat:no-repeat;
display:block;
width:24px;
height:48px;
margin:0px;
}
#twitter:hover {
background-image:url(image/twitter.png);
background-repeat:no-repeat;
}
#commentrss {
background-image:url(image/commentsrss.png);
display:block;
background-repeat:no-repeat;
width:186px;
height:50px;
}
#commentrss:hover {
background-image:url(image/commentsrssh.png);
background-repeat:no-repeat;
}
#footer #footlinks {
color:#ffffff;
position:absolute;
top:265px;
}
#footer #footlinks li {
display:inline;
color:#d0da86;
}
#footer #footlinks li a {
color:#ffffff;
padding:0 5px;
}
#footer #footlinks li a:hover {
color:#4f5812;
text-decoration:none;
}
#footer #footnote {
position:absolute;
top:265px;
right:0;
color:#fff;
}
#footnote a {
color:#778417;
}
.clear {
clear:both;
font-size:1px;
line-height:0px;
height:1px;
overflow:hidden;
}
a img {
border-width:0;
}
a {
color:#6ca0bb;
text-decoration:none;
}
a:hover {
color:#3684af;
text-decoration:none;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding:5px;
border:1px solid #d8d8d8;
}
img.alignright {
margin: 4px 0 2px 15px;
display: inline;
padding:5px;
border:1px solid #d8d8d8;
}
img.alignleft {
margin: 4px 15px 2px 0;
display: inline;
padding:5px;
border:1px solid #d8d8d8;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}