/*
Theme Name: Fidenza Village
Theme URI: http://pepsmedia.com/
Description: Custom theme for La Roca Village
Version: 1.0
Author: Andrew Pepperrell
Author URI: http://pepsmedia.com
*/

/* reset the css */
@import url(reset.css);


/* Core Styles */
html  { background: #e4dcd0; font-family: "Arial", sans-serif; font-size: 87%; color: #999; }
a     { color: #ef6e57; text-decoration: none; }
p, ul { line-height: 1.3em; }


/* Core Layout */
#page    { width: 880px; margin: 0 auto; background: #fff; }
#main    { width: 100%; overflow: hidden; background: url(images/greyline.gif) 600px 0 repeat-y #fff; }
#content { float: left; width: 540px; padding: 0 30px; font-size: 83%; }


/* Header */
#header      { height: 260px; position: relative; background: url(images/header.gif) 0 0 no-repeat #fff; }
#header h1   { padding: 129px 0 0 24px; }
#header h1 a { text-indent: -99999px; display: block; width: 433px; height: 80px; background: url(images/logo.gif) 0 0 no-repeat; }
#header h2 a { text-indent: -99999px; display: block; }
#header h2.h_laroca a { position: absolute; left: 24px; top: 18px; width: 170px; height: 52px; background: url(images/laroca.gif) 0 0 no-repeat; }
#header #h_search { display: block; position: absolute; right: 19px; top: 233px; overflow: hidden; width: 235px; }
#header #h_search label { display: none; }
#header #h_search #s { display: block; float: left; width: 142px; margin:0 5px 0 0; border: solid #fff; border-width: 3px; background: #fff; }
#header #h_search #searchsubmit { display: block; float: left; background: black; color: #fff; margin: 0; padding: 0px 5px 4px 5px; width: 70px; height: 22px; border: solid 1px #000; font-style: italic; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; font-style: italic; }

/* Navigation */
#nav       { padding: 19px 0 0 10px; }
#nav ul    { overflow: hidden; width: 100%; }
#nav ul li { float: left; }
#nav li a  { display: block; padding: 7px 20px; text-align: center; color: #fff; font-style: italic; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; }
#nav li.pageselected { background: url(images/triangle.gif) center bottom no-repeat; }


/* Post stuff */
#content h1 { font-size: 1.8em; margin-bottom: 0.5em; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; }
#content h2 { font-size: 1.6em; margin-bottom: 0.5em; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; }
#content h3 { font-size: 1.4em; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; }
#content h4 { font-size: 1.2em; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; }
#page .page { padding: 20px; }
.post                 { border-bottom: dotted 1px #bbb; padding: 20px 0 10px 0; }
.post h2              { font-style: italic; }
.entry                { margin-top: 1em; }
.entry p              { margin: 1em 0; line-height: 1.3em; }
.entry blockquote     { font-style: italic; background: #ecedec; margin: 1em 0 1em 2em; padding: 1px 1em 1em 1em; }
.entry blockquote p   { margin: 1em 0 0 0; padding: 0; }
.entry ul, .entry ol  { padding-left: 20px; margin: 1em 0 1em 2em; line-height: 1.5em; }
.entry ul li          { list-style: disc; line-height: 1.5em; }
.entry ol li          { list-style: decimal; }
.post .alignright     { float: right; display: inline; margin: 0 0 10px 10px; }
.post .alignleft      { float: left; display: inline; margin: 0 10px 10px 0; }
.post .aligncenter    { display: block; margin-right: auto; margin: 10px auto; }
.postmetadata         { clear: both; }
.posttags             { margin-bottom: 10px; }
.wp-caption           { border: 1px solid #999; text-align: center; background-color: #eee; padding-top: 4px; margin: 10px; }
.wp-caption img       { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 0.95em; padding: 0; margin: 5px; }
.postmetadata,
.drillpostmetadata    { margin: 0; padding: 10px 0 0 0; border-top: dotted 1px #bbb; }
/* Author info */
.author_info { width: 100%; overflow: hidden; }
.author_info img { float: left; padding: 2px; border: solid 1px #bbb; margin: 0 10px 0 0; }
.author_info .timestamp { display: block; padding: 10px 0 0 0; }
.author_info .author    { display: block; padding: 3px 0 0 0; font-style: italic; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif;}


/* comments */
#thecomments           { padding: 20px 0; }
#comments              { margin-bottom: 0.8em; }
.commentlist           { }
.commentlist cite      { font-weight: bold; }
.commentlist li        { list-style: none; margin-bottom: 1em; }
.commentlist p         { margin-top: 1em; }
.commentlist .avatar   { float: right; border: solid 5px #f7f6f4; border-top: none; margin: 0; padding: 0; }
.comment-author        { background: #f7f6f4; padding: 5px 0 5px 2px; margin: 0 0 5px 0; }
.commentmetadata       { font-size: 0.8em; }
#respond               { padding: 20px 0 0 0; }
#commentform input     { margin-bottom: 10px; }
#commentform #comment  { margin-bottom: 10px; width: 500px; }


/* Navigation */
.pagenavigation { padding: 20px 0; overflow: hidden; width: 100%; }
.pagenavigation .alignright { float: right; display: inline; }
.pagenavigation .alignright { float: right; display: inline; }


/* Sidebar */
#sidebar { float: right; width: 220px; padding: 20px 30px; margin: 0; }
#sidebar h2 { color: #555; font-size: 1.4em; margin-bottom: 10px; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; }
#sidebar a  { font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; font-style: italic; }
#sidebar li:first-child, #sidebar #text-3 { border-top: none; padding-top: 0; }
#sidebar li { border-top: dotted 1px #bbb; padding: 20px 0; }
#sidebar li li { border: none; padding: 0; }
/* Tags */
#sidebar .widget_tag_cloud h2 { display: none; }
#sidebar .widget_tag_cloud { text-align: center; }
/* Search */
#sidebar .widget_search { display: block; overflow: hidden; width: 240px; }
#sidebar #searchform label { display: none; }
#sidebar #searchform #s { display: block; float: left; border: solid 1px #000; margin: 0 5px 0 0; padding: 2px 5px; width: 180px; height: 16px; }
#sidebar #searchform #searchsubmit { display: block; float: left; background: black; color: #fff; margin: 0; padding: 2px 5px; width: 60px; height: 22px; border: solid 1px #000; }
/* Social */
#sociallinks { display: block; width: 100%; overflow: hidden; padding: 0 0 10px 0; }
#sociallinks li { float: left; display: block; }
#sociallinks li a { display: block; width: 32px; height: 32px; margin-right: 5px; text-indent: -999999px; background: red; }
#sociallinks #s_facebook { background: url(images/s_facebook_bw.png) 0 0 no-repeat; }
#sociallinks #s_twitter { background: url(images/s_twitter_bw.png) 0 0 no-repeat; }
#sociallinks #s_feed { background: url(images/s_feed_bw.png) 0 0 no-repeat; }
#sociallinks #s_facebook:hover { background: url(images/s_facebook.png) 0 0 no-repeat; }
#sociallinks #s_twitter:hover { background: url(images/s_twitter.png) 0 0 no-repeat; }
#sociallinks #s_feed:hover { background: url(images/s_feed.png) 0 0 no-repeat; }
/* Signup */
#subscribe_fb { display: block; width: 100%; overflow: hidden; }
#subscribe_fb #fbemail { display: block; float: left; width: 142px; margin:0 5px 0 0; padding: 2px 0; border: solid 1px #aaa; background: #fff; }
#subscribe_fb #fbsubmit { display: block; float: left; background: black; color: #fff; margin: 0; padding: 0px 5px 4px 5px; width: 70px; height: 22px; border: solid 1px #000; font-style: italic; font-family: "Georgia", "Palatino", "Palatino Linotype", "Times", "Times New Roman", serif; font-style: italic; }


/* Footer */
#footer  { background: #fff; padding: 24px; border-top: solid 40px #000; }
#footer h3.f_laroca a { display: block; text-indent:-999999px; background: url(images/laroca.gif) 0 0 no-repeat; width: 170px; height: 52px; }

