/* @override
http://www.enricmorera.com/blog/wp-content/themes/autumn_concept/style.css
*/
/*
Theme Name: Autumn Concept
Theme URI: http://www.edmerritt.com/
Description: Autumn Concept 1.0
A clean, modern theme which can be customised without altering any images. Simply edit colours in the CSS via the Wordpress interface.
Usage Instructions
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/
/* COLOUR SCHEME
____________________________________________________________________________
Edit these to alter the colour scheme of the theme.
*/
/* @group Main */
#container, #nav li ul li {
background-color: #f3f1e9;
}
#footer {background-color: #333;}
#mainpicinner {height: 250px; background: url(images/mainpic03.jpg) top no-repeat #fff; border: 1px solid #fff;}
/* typography */
.entry h2 a {color: #3a3e3e;}
.entry h2 a:hover {color: #75294d;}
.date {
/* background: #3a709c;#ff0016 */
float: right;
width: 6.3em;
height: 6.3em;
background-color: #ff0016;
}
.date_alt {
float: right;
width: 6.3em;
height: 6.3em;
background-color: #ff9b00;
}
#topbar p, #footer p {color: #76766a;}
code {color: #006600;}
/* links */
#topbar a, #footer a {color: #ffa400;font-weight: normal;}
/* modules and widgets */
#wp-calendar td {background: #ededda;}
#flickr a {border: 4px solid #c0c0b1; background: #fff;}
#flickr a:hover {border-color: #959586;}
/* forms */
#topbar .field, #topbar .openid_url_sidebar {background: #4f4f4c !important; color: #fff !important; border: none !important;}
/* buttons */
.comments a {background: url(images/comments_left.png) top left no-repeat; color: #3a3e3e;}
.comments span {background: url(images/comments_right.png) top right no-repeat;}
/* Nav */
#nav > li:hover {background: #dcdcce;}
#nav li ul li a {background: #dcdcce; color: #68685f;}
#nav li ul li a:hover {border-left: 3px solid #3a709c; color: #3a709c;}
/* @end */
/* GENERAL STYLES
____________________________________________________________________________
Probably best not to edit these unless you know what you're doing
*/
/* @group Buttons */
.buttons a {position: relative; float: left; background: url(images/but_tl.gif) top left no-repeat; font: 0.7em Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666666; margin: 0 12px 0 0;}
.buttons .but_br { float: left; background: url(images/but_br.gif) bottom right no-repeat; padding: 6px 25px 7px 25px; white-space: nowrap; cursor: pointer;}
.buttons .but_tr {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 6px; background: url(images/but_tr.gif) top right no-repeat;}
.buttons .but_bl {position: absolute; bottom: 0; left: 0; display: block; width: 6px; height: 6px; background: url(images/but_bl.gif) bottom left no-repeat;}
.buttons .but_buy {color: #2a69a3;}
.buttons a:hover {color: #6b2a25;}
.buttons .but_buy:hover {color: #1f4c75;}
/* @end */
/* @group Layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {
/* color: #76766a;#6a6a60; #616158;*/
color: #595951;
position: relative; background: #1f1f1f; font: 70% Verdana, Arial, Helvetica, sans-serif;
text-align: center; letter-spacing: 0;}
#container {float: left; display: block; width: 100%;}
#topbar {float: left; display: block; width: 100%; background-image: url(images/topbar.png); background-position: top; background-repeat: repeat-x; background-color: #333; text-align: left; padding: 13px 0 6px 0;}
#topbar div {padding-bottom: 0;}
#header {float: left; display: block; width: 100%; text-align: left; background-image: url(images/topbar.png); background-position: top; background-repeat: repeat-x; background-color: #333;
height: 150px;
}
#cinta{
position:absolute;
top: 0;
left: 0;
background: url(images/cinta.gif) no-repeat left top;
width: 152px;
height: 90px;
}
#content {float: left; display: block; width: 100%; text-align: left;
background-image: url(images/content.gif); background-position: top; background-repeat: repeat-x;
}
#related {float: left; display: block; width: 100%; text-align: left;
background: #1d1d1d url(images/bkfoot.jpg) repeat-x top;
}
#footer {float: left; display: block; width: 100%; background-image: url(images/footer.png); background-position: top; background-repeat: repeat-x; text-align: left; padding: 13px 0 6px 0;}
ul ul {margin-bottom: 0;}
.mini_title {float: none; font: 1.2em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; color: #222; border-bottom: 1px solid #c7c6c0; padding-bottom: 10px;}
.categories {float: left; list-style: none;
margin-bottom: 0px;
margin-top: 0;
margin-left: 0;
width: 250px;
}
.categories li {float: left; width: 100%; border-bottom: 1px dotted #c7c6c0;
margin: 0;
padding: 0;
}
.categories a {float: left; width: 290px; margin: 0;
padding: 4px 0 4px 16px;
}
.categories a:hover {background: url(images/bullet_arrow.png) 0 50% no-repeat;}
#sidecol {float: left; width: 305px; padding: 25px 0;}
.cols01 {float: left; display: block; width: 240px;
margin-left: 10px;
background: url(images/content_inner.gif) no-repeat 0 0;
padding: 0 10px 48px 30px;
}
.cols_footer {
float: left; display: block; width: 250px;
margin-left: 0;
padding: 0 10px 48px 20px;
margin-right: 16px;
}
.cols02 {float: left; display: block; width: 550px; padding: 0 20px 48px 10px;}
.cols03 {float: left; display: block; padding: 0 10px;
background: url(images/cap_m01.jpg) no-repeat right top;height: 150px;
}
.cols03_footer {float: left; display: block; padding: 0 10px;
}
#headpic {
float:left;
width: 200px;
}
.center {text-align: center;}
.box01 {display: block; max-width: 900px; margin: 0 auto; clear: both;}
.left {
float: left;
clear: both;
}
.right {float: right;}
#mainpic {clear: both; padding: 9px; margin: 0 10px; background: url(images/1x1_20pc.png) top left;}
#mainpicinner {display: block; width: auto;}
.entry {float: left; width: 100%; clear: both; margin: 24px 0 0 0;
border-top: 1px solid #d4d2cc;
text-align: justify;
padding-bottom: 16px;
}
#entryBody{
margin-right: 72px;
font-size: 1.1em;
}
.comentaris {
float:right;
padding-right: 72px;
}
.comentaris a {
font-weight: normal;
font-style: normal;
padding: 4px;
color: #ff0016;
}
.comentaris a:hover {
color: #000;
background-color: #ddd;
}
.aComment {float: left; width: 100%; clear: both; margin: 0 0 12px 0;}
.aComment:last-child {background: none;}
.aComment h4 {margin: 0;}
.aComment h4 img {display: none;}
.aComment .textbkg {margin: 0 0 6px 0;}
/* navigation */
#nav {float: left; position: relative; display: block; width: 100%; list-style: none; margin: 3px 0 0 0; padding: 0 0 7px 0; background: none repeat-x;}
#nav li {float: left; position: relative; display: inline;}
#nav li a {float: left; position: relative; display: inline; padding: 8px 10px; z-index: 100;
color: #dfd8d6;
}
#nav li a:hover {color: red;}
#nav li ul {display: none; position: absolute; left: -3px; padding: 3.45em 0 0 0; z-index: 90; margin: 0;}
#nav li ul li {display: block; padding: 0 3px 1px 3px;}
#nav li ul li.lastchild {padding-bottom: 3px;}
#nav li ul li a {display: block; width: 17em; padding: 2px 10px; font-weight: normal;}
#nav li ul li a:hover {padding-left: 7px;}
#nav li:hover ul {display: block;}
/* @end */
/* @group Typography */
#logo {margin: 32px 0 0 0;width:500px}
#logo a {color: #3a3e3e;font: bold 3em Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: -2px;
color: #ebe9e1;
}
.textbkg span {
padding: 0;
color: #4e4e4e;
font-style: italic;
}
#subtitle{
color: #ec972b;font-weight: normal;
margin-bottom: 10px;
width: 450px;
padding-left: 2px;
}
h2 {font: bold 2.5em Arial, Helvetica, sans-serif; letter-spacing: -1px;color: #3a3e3e;}
.pageH2 {margin: 24px 0 10px;
color: #75294d;
font-style: italic;
}
h3 {color: #3a3e3e;font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 24px 0 12px; background: none repeat-x;
clear: both;
border-bottom: 1px solid #8d8d8d;
}
h3#comments {margin-bottom: 24px;}
h3#respond {float: left; clear: both; display: block; width: 100%;}
.archive h3 {background: none; margin: 0 0 -7px 0;}
h4 {color: #b9baa7;font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 24px 0 12px; background: none repeat-x;
clear: both;
border-bottom: 1px solid #8d8d8d; }
.entry h2 {padding: 6px 0 0 0;}
.entry .textbkg span a {font-weight: normal;}
p {margin: 0 0 20px;
}
blockquote {border-left: 10px solid #c0c0b1; background: #ededda;padding: 10px 10px 1px 16px; margin: 0 16px 24px;
font-weight: bold;
font-style: italic;
font-size: 1.1em;
}
code {position: relative; left: 0; font: 1em "Courier New", Courier, mono; }
.cols01 ol, .cols02 ol {margin: 0 0 24px 21px;}
.cols02 ol li {
color: #5c5650;
margin-bottom: 4px;
margin-top: 2px;
font-size: 1.1em;
padding: 10px 20px 2px 10px;
}
.cols02 ul {margin: 0 10px 24px 16px;
list-style-type: none;
}
.cols02 ul li {
color: #5c5650;
margin-bottom: 4px;
margin-top: 2px;
font-size: 1.1em;
padding: 10px 20px 2px 10px;
}
.cols02 ul li p{
margin-top: 8px;
}
.alt {
background-color: #f7f6f3;
border-top: 1px solid #efe0be;
border-bottom: 1px solid #efe0be;
}
cite {
font-size: 1.2em;
}
.commentmetadata a{
font-style: normal;
font-weight: normal;
font-size: .8em;
}
.commID {
font-size: 1.4em;
font-weight: bold;
padding-right: 12px;
}
.cols01 ul ul, .cols02 ul ul, .cols01 ol ul, .cols02 ol ul {margin: 0 0 0 14px;}
.cols01 ol ol, .cols02 ol ol, .cols01 ul ol, .cols02 ul ol {margin: 0 0 0 21px;}
#topbar p, #footer p {margin-bottom: 12px;}
.dateDay {display: block; text-align: right; margin: 5px 10px 0 0; font: bold 2.4em Arial, Helvetica, sans-serif;
color: #fafbff;
}
.dateMonth {color: #f4f4e0;display: block; text-align: right; margin: 2px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.dateYear {color: #f4f4e0;display: block; text-align: right; margin: -3px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.comments {float: left; clear: both; display: inline; width: 100%;}
.comments a {float: left; display: inline; padding: 4px 0 5px 71px; font-weight: bold; font-size: 80%;}
.comments span {float: left; display: inline; background: url(images/comments_right.png) top right no-repeat; width: 10px; height: 22px; overflow: hidden;}
.archive .comments {margin-top: -46px;}
ul {
margin: 0 0 24px 12px;
}
img {float: left; margin: 0 12px 12px 0;}
.wp-smiley {float: none; margin: 0;}
/* links */
a {
/* color: #3a709c;
color: #fd2932;fb3834
*/
font-weight: bold;
text-decoration: none;
color: #fd2932;
}
#topbar a {position: relative; top: 2px; text-decoration: underline;}
.pageNav, .pageNav2 {float: left; width: 100%; margin-top: 12px;}
.pageNext span, .pagePrev span {display: none;}
.pagePrev {float: left; display: block; width: 58px; height: 22px; background: url(images/prev.png) 50% 50% no-repeat;}
.pageNext {float: right; display: block; width: 58px; height: 22px; background: url(images/next.png) 50% 50% no-repeat;}
/* @end */
/* @group Forms */
.field, .commentform_openid, #securitycode {width: 204px; padding: 4px 3px !important; margin: 0 5px 7px 0; background: #fff !important; border: 1px solid #959586; color: #4f4f4c;}
select {width: 240px; margin: 0 0 7px 0; color: #3a3e3e;}
select option {padding: 1px;}
#commentform {display: block;}
#commentform p {display: block; width: 100%; margin: 0 0 5px 0;}
#commentform p label {position: relative; top: -8px;}
#comment {width: 90%; padding: 4px 3px; border: 1px solid #959586; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #4f4f4c;}
#searchform2 {}
#searchform2 div {}
#topbar li {list-style: none;}
#flickr_badge_uber_wrapper {margin: 0 0 24px 0;}
.flickrlink {text-transform: lowercase;}
.flickrlink span {color: #ff0084;}
#flickr {float: left;}
#flickr img {border: none;}
#flickr a {float: left;}
.flickr_badge_image img {float: left; margin: 1px;}
#flickr div {float: left; margin: 0 10px 10px 0;}
#flickr div#flickr_badge_image3, #flickr div#flickr_badge_image6 {margin-right: 0;}
#wp-calendar {width: 100%; text-align: center;}
#wp-calendar .pad, #wp-calendar #next, #wp-calendar #prev {background: none;}
/* @end */