/*

Theme Name: Penelop3
Description: essenziale tema a due colonne
Version: 2.0
Author: Telemaco
Author URI: http://telemac0.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



#blog {width: 960px; margin: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
#blog a {text-decoration: none;}

/* Header */

ul#topmenu {float: right; margin: 10px 10px 0 0; height: 110px; z-index: 100}
ul#topmenu li {display: block; float: left;}
ul#topmenu li a {display: block; float: left; margin-left: 20px; width: 70px; padding-left: 6px; padding-right: 4px; height: 45px; padding-top: 55px; border: 1px solid #5d5555; color: #5d5555; font-size: 12px; line-height: 18px;}
ul#topmenu li.current-cat a {margin-top: 15px; border: 1px solid #c80912; color: #c80912;}
ul#topmenu li a:hover {margin-top: 15px; border: 1px solid #c80912; color: #c80912;}


h1#blogtitle {position: absolute; width: 960px !important; top: 83px;  border-top: 1px solid #e2e0c0; z-index:10000}
h1#blogtitle a {font-family: "Palatino Linotype", Georgia, Times, sans-serif; font-size: 60px; font-weight:normal; color: #5d5555;  }
span.zerosso {color: #c80912;}

p#twitter_tagline {position: absolute; top: 140px; padding-left: 5px; font-size: 14px; color: #615a5a;}
p#twitter_tagline a {font-size: 12px; font-style:italic; color: #003399; text-decoration:underline !important;}


/* Post Flow */

ul#postflow {display: block; float: left !important; width: 720px; margin-top: 65px;}
ul#postflow li.post {padding-bottom: 10px; margin-bottom: 20px;}

ul#postflow h2 {margin-left: 160px;}
ul#postflow h2, ul#postflow h2 a {font-weight: normal; font-size: 30px; color: #c80912;}

div.postmetadata {float:left; text-align: right; margin-right: 0;}
div.postmetadata a:hover {text-decoration: underline !important}
p.postID {margin-bottom: 2px;}
p.postID a{color: #e2e0c0; font-size: 48px; line-height:48px;}
span.diesis {font-size: 24px; font-weight: bold;}
p.date {font-size: 24px; color: #c80912; margin-bottom: 12px;}
p.tag {font-size: 14px; line-height:16px;}
p.tag a {color: #c80912;}

p.feeds {margin-top: 20px; font-size: 14px; line-height:16px;}
p.feeds a {color: #c80912;}



div.postcontent {margin-left: 180px; margin-top: 10px;}
div.postcontent p {line-height: 20px; margin-bottom: 12px; }
div.postcontent ul, ol {margin-left: 40px;}
div.postcontent ul {list-style-type: square;}
div.postcontent ol {list-style-type:decimal}
div.postcontent ul li, ol li {margin-bottom: 10px;}
div.postcontent q, div.postcontent blockquote {display: block; margin-top: 20px; margin-left: 20px; margin-bottom: 10px; font-size: 14px; line-height: 18px; padding: 15px 0 0 10px;}
div.postcontent q:before,  div.postcontent blockquote:before  {display: block; content: '"'; color: red; font-family: "Times New Roman", Times, serif; font-size: 180px; color: #f0f2d5; line-height:80px; margin-bottom: -110px; margin-left: -30px;}
div.postcontent a {color: #5d5555; font-weight: bold; font-size: 14px;}
div.postcontent a:hover {text-decoration: underline !important;}
p.afterPost {clear: both; margin-top: 10px; margin-right: 10px; font-size: 12px; text-align: right; border-bottom: 1px solid #f0f2d5;}
p.afterPost a {color: #c80912;}

/* Post Navigation */
div.navigation {display: block; float: left !important; width: 720px; font-size: 12px; margin-bottom: 30px;}
div.navigation a {color: #5d5555; text-decoration: underline !important;}
div.alignleft {width:240px; float: left; text-align: left;}
div.alignright {width:240px; float: right;text-align: right;}


/* Comments */

ol.commentlist {margin-left: 180px; margin-top: 10px; clear:left;}
h2#comments {margin-left: 1px !important; padding-left: 159px; margin-top: 20px !important; padding-top: 10px; font-weight: bold !important; font-size: 20px !important; color: #000000 !important; margin-bottom: 20px !important;}
ol.commentlist li {font-size: 14px; line-height: 16px; margin-bottom: 30px; padding-bottom: 10px; }
div.commentmetadata {float:left; text-align: right; margin-left: -109px; width: 116px; padding:2px; background-color: #c80912; margin-top: 5px; padding-right: 4px;}
div.commentmetadata a {color: #ffffff; font-size: 10px !important;}
div.comment-author {margin-bottom: 5px; font-size: 16px;}
li.comment p {padding: 5px 20px 10px 40px; background-color: #F4F3E8}
li.nav_comment {border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important;}

#respond h3 {margin-left: 1px !important; padding-left: 159px; margin-top: 20px !important; padding-top: 10px; font-weight: bold !important; font-size: 20px !important; color: #000000 !important; margin-bottom: 20px !important;}

form#commentform {margin-left: 180px; margin-top: 10px; clear:left;}
#commentform input, #commentform textarea {margin-bottom: 5px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;}
#commentform textarea {margin-left: 40px;}

/* Archives */
h2.pagetitle {position: absolute; display: inline-block; padding: 4px; background-color: #c80912; color: white; font-weight: normal !important;}

/* Sidebar */

div#sidebar {padding-top: 150px; margin-left: 730px;}
div#sidebar:after {clear: both; content: " ";}

/* Sidebar Widgets */
#sidebar h3 {font-size: 24px; font-variant:small-caps; text-align: center !important; color: #e2e0c0; margin: 40px 0 10px 0; font-weight: normal !important}
#sidebar h3 a {color: #e2e0c0;}
#sidebar h3 a:hover {text-decoration: underline;}
#sidebar ul{margin-left: 30px;}
#sidebar ul li {list-style-type: disc; font-size: 12px; color: #c80912; margin-bottom: 6px; line-height: 16px;}
#sidebar ul li a {color: #5d5555; font-size: 14px;}
#sidebar ul li a:hover {color: #c80912; text-decoration: underline !important;}

div.sidewidgets {border-left: 1px solid #f0f2d5; padding: 25px 0 0 0;}
ul#social {margin-left: 8px; padding-left: 13px; height: 26px; padding-bottom: 15px; border-bottom: 1px solid #f0f2d5}
ul#social:after {clear:left;}
ul#social li {display: block; float:left; }
ul#social li a {display: block; float:left; margin-right: 15px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; width: 15px; height: 15px; padding-top: 11px; padding-left: 11px; font-size: 16px; text-decoration: none;}
li.feed a {width: 18px !important; height: 20px !important; padding-top: 6px !important; padding-left: 8px !important; font-size: 10px !important;}
ul#social li a:hover {text-decoration: none !important}
span.wave2 {font-size: 18px;}
.rss a {background-color: #f99b39; color: white  !important;}
.blipfm a {background-color: #201f1f; color: #f99b39  !important;}
li.friendfeed a {background-color: #437ec7; color: #93baeb  !important;}
li.facebook a {width: 10px !important; padding-left: 16px !important; background-color: #3b5998; color: #ffffff  !important;}
li.twitter a {border: 1px solid #79dbf8; width: 9px !important; height: 17px !important; padding-top: 7px !important; padding-left: 15px !important; background-color: #ffffff; color: #30c9fc  !important; font-size: 18px !important; font-weight: normal !important;}

/* Sidebar Search */

form#searchform {margin-left: 30px;}
input.search-box {width:180px; font-size: 12px; font-family:Georgia, "Times New Roman", Times, serif; text-align: center; color: #5d5555;}



ul.related_post {margin-left: 30px;}
ul.related_post li {list-style-type: disc; font-size: 14px; color: #c80912; margin-bottom: 6px;}
ul.related_post li a {color: #5d5555;}
ul.related_post li a:hover {color: #c80912; text-decoration: underline !important;}

/* Footer */

div.footbreak {margin: 40px 0 40px 0 !important;  height: 0 !important; clear: both;}

div#footer {background-color: #F4F3E8}
div.footbox {float: left; width: 278px; padding: 10px; margin: 10px; font-size: 12px; border: 1px solid #e2e0c0; background-color: white;}
div.footbox h4 {text-align: center; font-size: 14px; color: #5d5555; margin-bottom: 10px; }
div.footbox p {line-height: 14px;}
div#licensing p {text-align: center;}
div.footend {clear:both;}








/*

 * PureCSS Collection

 * http://www.telemac0.net

 * 

 * 

 * 01

 * Mondrian fragment

 * 13/07/2008

 * 

 * CSS File

 * 

 */

 

 



#cornice {margin: auto; width: 400px; padding:10px; border: 2px solid #c3352a; padding-right: 0;}



#leftcol {float: left; width: 101px;}



#wl1 {width: 90px; height:113px; border:0; border-right: 11px solid #0d0302; border-bottom: 17px solid #0d0302}



#wl2 {width: 90px; height:155px; border:0; border-right: 11px solid #0d0302; border-bottom: 11px solid #0d0302}



#bl1 {width: 90px; height:102px; border:0; border-right: 11px solid #0d0302; background-color: #5058a0;}



#bigred {margin-left: 101px; width: 287px; height:285px; border:0; border-bottom: 11px solid #0d0302; background-color: #e53d16;}



#bottomcol {margin-left: 364px; width: 24px; height: 102px; border:0; border-left: 11px solid #0d0302;}





#w1 {height: 12px; width: 13px; border:0; border-bottom: 45px solid #f8f200; border-top: 45px solid white; background-color: #0d0302;}



/*

 * PureCSS Collection

 * http://www.telemac0.net

 * 

 * 

 * 02

 * Lo-Fi seaview

 * 14/07/2008

 * 

 * CSS File

 * 

 */

 

 

/*

 *

 * Sky is falling..

 * 

 */





#sky1 {width:390px; height: 10px; background-color: #4477d0; border:0; border-bottom: 4px solid #4779d0;}

#sky2 {width:390px; height: 10px; border:0; border-top: 10px solid #4c7ed3; background-color: #4d7fd8; border-bottom: 4px solid #4a7dd6;}

#sky3 {width:390px; height: 10px; border:0; border-top:5px solid #5183da; background-color: #5387db;  border-bottom: 7px solid #5d8de1;}

#sky4 {width:390px; height: 10px; border:0; border-top:8px solid #6091e0; background-color: #6392e2;  border-bottom: 7px solid #6d98e7;}

#sky5 {width:390px; height: 10px; border:0; border-top:8px solid #6f9ae9; background-color: #719ceb;  border-bottom: 7px solid #77a3ea;}

#sky6 {width:390px; height: 10px; border:0; border-top:3px solid #7da4e9; background-color: #82aeed;  border-bottom: 7px solid #84b1ec;}

#sky7 {width:390px; height: 10px; border:0; border-top:8px solid #82afea; background-color: #84b1ec;  border-bottom: 7px solid #8ab7ee;}

#sky8 {width:390px; height: 10px; border:0; border-top:12px solid #90bbf2; background-color: #91baf0;  border-bottom: 7px solid #93baf1;}

#sky9 {width:390px; height: 10px; border:0; border-top:12px solid #95bcf3; background-color: #91baf0;  border-bottom: 7px solid #9fc1f1;}

#sky10 {width:390px; height: 10px; border:0; border-top:12px solid #a5c1f0; background-color: #a1bff1;  border-bottom: 14px solid #9dbfef;}

#sky11 {width:390px; height: 10px; border:0; border-top:7px solid #a1bff1; background-color: #a9c6f2;  border-bottom: 9px solid #a6c2f1;}

#sky12 {width:390px; height: 10px; border:0; border-top:12px solid #a9c6f2; background-color: #a5c0ed;  border-bottom: 5px solid #a1b9e7;}





/*

 *

 * Childy Boat on the right

 * 

 */



#boat1 {width:1px; height: 1px; border:0; border-left: 340px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}

#boat2 {width:2px; height: 1px; border:0; border-left: 339px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}

#boat3 {width:3px; height: 1px; border:0; border-left: 338px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}

#boat4 {width:4px; height: 1px; border:0; border-left: 337px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}

#boat5 {width:4px; height: 1px; border:0; border-left: 337px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}

#boat6 {width:5px; height: 1px; border:0; border-left: 336px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}

#boat7 {width:6px; height: 1px; border:0; border-left: 335px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#08263e;}

#boat8 {width:8px; height: 1px; border:0; border-left: 334px solid #a9c6f2; border-right: 48px solid #a9c6f2; background-color:#d7ddff;}

#boat9 {width:10px; height: 1px; border:0; border-left: 333px solid #a9c6f2; border-right: 47px solid #a9c6f2; background-color:#d7ddff;}

#boat10 {width:12px; height: 1px; border:0; border-left: 332px solid #a9c6f2; border-right: 46px solid #a9c6f2; background-color:#d7ddff;}

#boat11 {width:12px; height: 1px; border:0; border-left: 332px solid #a9c6f2; border-right: 46px solid #a9c6f2; background-color:#d7ddff;}

#boat12 {width:14px; height: 1px; border:0; border-left: 331px solid #a9c6f2; border-right: 45px solid #a9c6f2; background-color:#d7ddff;}

#boat13 {width:16px; height: 1px; border:0; border-left: 330px solid #a9c6f2; border-right: 44px solid #a9c6f2; background-color:#d7ddff;}

#boat14 {width:18px; height: 1px; border:0; border-left: 329px solid #a9c6f2; border-right: 43px solid #a9c6f2; background-color:#d7ddff;}

#boat15 {width:13px; height: 1px; border:0; border-left: 328px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}

#boat16 {width:14px; height: 1px; border:0; border-left: 327px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}

#boat17 {width:16px; height: 1px; border:0; border-left: 325px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#d7ddff;}

#boat18 {width:1px; height: 1px; border:0; border-left: 340px solid #a9c6f2; border-right: 49px solid #a9c6f2; background-color:#04000b;}

#boat19 {width:1px; height: 1px; border:0; border-left: 340px solid #1a3c62; border-right: 49px solid #1a3c62; background-color:#04000b;}

#boat20 {width:30px; height: 1px; border:0; border-left: 321px solid #315893; border-right: 39px solid #315893; background-color:#d7ddff;}

#boat21 {width:28px; height: 1px; border:0; border-left: 322px solid #1a3c62; border-right: 40px solid #1a3c62; background-color:#d7ddff;}

#boat22 {width:26px; height: 1px; border:0; border-left: 323px solid #315893; border-right: 41px solid #315893; background-color:#d6be74;}

#boat23 {width:22px; height: 1px; border:0; border-left: 325px solid #315893; border-right: 43px solid #315893; background-color:#d6be74;}

#boat24 {width:20px; height: 1px; border:0; border-left: 326px solid #1a3c62; border-right: 44px solid #1a3c62; background-color:#04000b;}

#boat25 {width:16px; height: 1px; border:0; border-left: 328px solid #1a3c62; border-right: 46px solid #1a3c62; background-color:#d7ddff;}







/*

 *

 * Sea and sun reflection.. take a look to the borders trick!

 * 

 */



#cornice2 {margin: auto; width: 400px; padding:10px; border: 2px solid #c1cada; padding-right: 0;}



#sea1 {width:310px; height: 1px; border:0; border-left: 30px solid #bde355; border-right: 50px solid #93adda; border-top:2px solid #1f4069; border-bottom: 2px solid #1f4069; background-color:#1a3c62;}



#sea2 {width:320px; height: 2px; border:0; border-left: 70px solid #c3e36c; border-top:4px solid #1f4069; border-bottom: 1px solid #1f4069; background-color:#1a3c62;}



#sea3 {width:390px; height: 2px; border:0; border-top:1px solid #1a3c62; border-bottom: 1px solid #1f4069; background-color:#1f4069;}



#sea4 {width:250px; height: 2px; border:0; border-left: 140px solid #c9e383; border-top:4px solid #1f4069; border-bottom: 3px solid #1a3c62; background-color:#1f4069;}



#sea5 {width:390px; height: 2px; border:0; border-top:1px solid #1a3c62; border-bottom: 1px solid #1f4069; background-color:#1f4069;}



#sea6 {width:160px; height: 1px; border:0; border-left: 230px solid #d0e39c; border-top:4px solid #1f4069; border-bottom: 4px solid #1a3c62; background-color:#1f4069;}



#sea7 {width:390px; height: 4px; border:0; border-top:2px solid #1a3c62; border-bottom: 2px solid #1f4069; background-color:#1f4069;}



#sea8 {width:30px; height: 1px; border:0; border-left: 360px solid #d6e3b1; border-top:2px solid #1f4069; border-bottom:2px solid #1f4069; background-color:#1f4069;}



#sea9 {width:390px; height: 2px; border:0; background-color:#1f4069;}







/*


 * PureCSS Collection

 * http://www.telemac0.net

 * 

 * 

 * 03

 * 4 Wheels

 * 22/07/2008

 * 

 * CSS File

 * 

 */

 







#sfondo {width: 502px; margin: auto;}



#sky {width: 500px; height: 210px; background-color: #1D246C;}



#roadtop {width: 500px; height: 88px; background-color: #82716A; padding-top: 10px;}



#roadbottom {margin-top: -8px; padding-top: 5px; width: 500px; height: 88px; background-color: #82716A; border-top: 8px white dashed;}



.palace {background-color: #071832;}



.height {width: 85px; height: 170px; margin-top: 40px; float:left;}



.flat {width: 128px; height: 90px; margin-top: 120px; float:left;}



.medium {width: 72px; height: 110px; margin-top: 100px; float:left;}



.window {float: left; height: 40px; width: 22px; margin: 10px 10px 20px 10px;}



.black {background-color: black;}



.yellow {background-color: #dbe30c;}





/** Signal **/



.signal {float: left; margin-top: 52px; margin-left: 50px; width: 17px; height: 8px; background-color: #044cb7;  font-size: 16px; font-weight:bold; border: 1px solid white;} 



.arrow {float: left; font-size: 16px; font-weight:bold; color: white; margin-left: -17px; margin-top: 45px;}



.pole {height: 32px; background-color: black; margin-top: 62px; margin-left: 54px; width: 2px;  }





/** Panel **/



.panel {margin: 100px 0 0 10px; font-family: Arial, Helvetica, sans-serif; width: 35px; height: 40px; background-color: #044cb7; color: white; font-size: 6px;  text-align: center; font-weight:bold; border: 1px solid white; padding-top: -10px; line-height: 7px;} 



.poles {width: 20px; height: 32px; border: 2px solid black; border-top: 0; border-bottom: 0; margin-left: 16px;  }













/** Car **/







.wheeltl {margin-left: 4px; width: 20px; height: 1px; float:left; background-color: black; border: 0;}

.wheeltr {margin-left: 30px; width: 20px; height: 1px; float:left; background-color: black; border: 0;}

.carbody {width: 37px; height: 30px; background-color: #4339a2; border: 2px solid black; border-right: 39px solid #1D246C; border-left: 2px solid #1D246C; padding-left: -4px;}



#car3 {clear:both; margin-left: 210px; }



.tour {height: 38px; width: 47px; border-right: 28px solid #1D246C; border-left: 32px solid #1D246C; margin-left: 60px; background-color: #070513; border-color: #000000; border-top-color: #82716A; }

.tourtl {margin-left: 68px;}

.tourtr {margin-left: 51px;}





.race {height: 34px; width: 47px; border: 2px solid #611d1d; border-right: 35px solid #2d0404; border-left: 12px solid #2d0404; margin-left: 304px; background-color: #8f0808; border-top-color: #82716A; }

.racetl {float: right; margin-right: 108px;}

.racetr {float: right; margin-right: 40px;}