/*
Theme Name: Von Crown
Theme URI: http://www.steampunkitalia.com
Description: Based on the Quentin theme by Mike Purdy A rustic, older feeling and dignified two-column theme.
Version: 0.1-wpcom
Author: Stek Von Crown - Kappa
Author URI: http://www.steampunkitalia.com/ 
Tags: two-columns, fixed-width, brown, rtl-language-support, right-sidebar, sticky-post, custom-background, translation-ready, blog, wedding, colorful, conservative, nostalgic, textured
*/



img.pmark {
	margin: 0 0 50px 290px;
	}
body {
	background: #5B211A url(images/background1.jpg) center top no-repeat fixed;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: medium !important;
	line-height: normal !important;
        overflow-x:hidden;
}
/* typography --------------------------------- */

p, h1, h2, h3, h4, h5, h6, li, .feedback {
	font-family: Georgia, "Times New Roman", Times, serif;
}

p  {
	line-height: 140%;
}

h2.storytitle
	{
	font: italic 150% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 15px 0 5px 0;
	}
.sticky h2.storytitle {
	margin: 1em 0;
	padding: 10px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}



#header h1{
	font: 150% Georgia, "Times New Roman", Times, serif;
	margin: 40px 0 5px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
        display:none;
}	
#header h3{
	font: normal 90% "lucida grande", "trebuchet ms", georgia, times, serif;
	margin: 0 0 68px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #76675A;
        display:none;
}
#header a {
	text-decoration: none;
}

#content a , #menu a {text-decoration: none; color: #863200; }
.meta {
	font: bold 9px/13px "lucida grande", "trebuchet ms", georgia, times, serif;
	color: #000;
	margin: 1em 0;
	padding: 6px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	clear: both;
}

#linkcat-1 h2 {
font-family: "lucida grande", "trebuchet ms", georgia, times, serif;
font-size: 100%;
}
.meta li, ul.post-meta li {
	display: inline;
	padding: 6px 0;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	font-weight: normal;
	letter-spacing: 0;
}
a {
	text-decoration: none;
}

a img {
	border: none;
}

a:visited {
	color: #5B211A;
}

a:hover {
	text-decoration: underline;
}

blockquote {
	border-left: 1px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}
.credit {
	font-size: 80%;
	}


/* adds and ends --------------------------------- */


acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}





/* Layout --------------------------------- */

#rap {
	width: 988px;
	margin: 0 auto 0 auto;
	background: #F2E2C1; /*url(images/quentin-bg.jpg) repeat-y center top; */ 
	padding: 0 15px;
	border: 10px solid #411213;
	}
/* Tan IE5 box model fix
	Hides from IE5-mac \*/
* html #rap {
	width: 988px;
	w\idth: 870px;
}	
#content  {
	background: #F2E2C1; url(images/quentin-bg2.gif) repeat-y right top;
	text-align: justify;
	float: left;
	width: 660px;
	margin: 0;
	padding: 10px 10px 15px 10px;
	overflow: hidden;
	display: inline; /* IE double margin fix */
}
#rap .full-width {
	background: transparent;
	width: 870px;
}
#rap .full-width p.attachment img {
	display: block;
	margin: 0 auto;
}
#rap .full-width img.pmark {
	margin: 0 0 50px 299px;
}

/* Tan IE5 box model fix
	Hides from IE5-mac \*/
* html #content {
	width: 660px;
	w\idth: 660px;
}

#menu {
	text-align: left;
	padding: 15px;
	margin: 0;
	float: right;
	width: 267px;
	overflow: hidden;
	background: #F2E2C1;
  border-left: 1px solid black;
}
/* Hides from IE5-mac \*/
* html #menu {
	width: 210px;
	w\idth: 180px;
}

#footer {
	text-align: center;
	border-top: solid 1px #4D3B27;
	clear: both;
	margin: 5px 0 5px 0;
	}

#header {
	margin: 0px 0 0px 0;
	padding: 0px;
	height: 330px;
  border-top: 10px solid #F2E2C1;
  border-right: 10px solid #F2E2C1;
  border-left: 10px solid #F2E2C1;
  border-bottom:  10px solid #F2E2C1;
	/* background: #5B211A; */
}

#header img {margin: 0px 0px 0px 0px;  position:relative;}

/* classes used by the_meta() --------------------------------- */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}


.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}





/* Make the Search Perty --------------------------------- */


li#search {
	font-size: 80%;
	border-bottom: 1px solid #000;
}

#menu form {
	margin: 0 ;
}

#menu input#s {
	margin: 0 0 5px 0 ;
	width: 90px;
	background: #F6EDD3;
	border: 1px solid #999;
	color: #000;
}

#menu input#sub {
	margin: 0 0 5px 0 ;
	width: 50px;
	font-size: 100%;
	font-style: italic; 
	background-color: #F6EDD3; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #000;   
	border: 1px solid #999;
	}

/* Right Column Lists --------------------------------- */

#menu ul {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	margin: 0px 0 0px 0;
	padding: 0;
	list-style: none;
  
}

#menu h2 {
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	border: 0px;
	color: #333;
  border-top: 1px solid #555555;
}

#menu ul ul, #wp_tag_cloud div, .widget_archive select, .widget_categories select {
	list-style-type: none;
	padding: 0;
	margin: 0px 0 0px 0;
	text-align: left;
  
}

#menu ul ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 2px 0 2px 10px;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 2px 0 2px 10px;
  border-top: 1px solid silver;
}

#menu ul ul li a {
	text-decoration: none;
}

#menu ul ul li a:hover {
	text-decoration: underline;
}

#menu ul ul.children {
	font-size: 90%;
	padding-left: 4px;
}


/* Make the Calendar Perty --------------------------------- */

#calendar {
	font-size: 80%;
	text-transform: uppercase;
	background:  url(images/calendar.gif) no-repeat center top;
	width: 194px;
	height:200px;
	padding: 0px;
}
#wp-calendar {
	background: #CBB293;
	empty-cells: show;
	margin: 5px 10px 10px 10px;
	font-size: 80%;
	width: 170px;
	text-align: center;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #EADAB6;
	color: #5B211A;
}

#wp-calendar caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 120%;
	text-align: center;
	margin: 10px 0 3px 0;
}

#wp-calendar td {
	margin: 1px;
	color: #9D8872;
	font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px;
	text-align: center;
	background-color: #F6EDD3;
}

#wp-calendar td.pad:hover {
	background: #EADAB6;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #CBB293;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	background-color: #CBB293;
}


/* Make the trackback Perty --------------------------------- */

#trackback {
	background-color: #F4ECD2;
	margin: 0;
	padding: 10px;
	}

#trackback p {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 70%;	margin: 2px 0 1em 0;
}


/* Make the comments Perty --------------------------------- */

#comments {
	font-size: 110%;
	font-weight: normal;
	margin: 1em 0 1em 0;
	padding: 0;
	}
#commentlist {
	margin: 0;
	padding: 0;
	}

#commentlist li {
	margin: 15px 0 0 0;
	padding: 1em 10px 3px 10px;
	list-style: none;
	border-top: 1px solid #CBB293;
	border-bottom: 1px solid #CBB293;
	background-color: #F8F7E3;
	}

#commentlist li .avatar {
	float: right;
	padding: 2px;
	border: 1px solid #CBB293; 
	}

#commentlist li cite {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#commentlist p {
	margin: 5px 0 1em 0;
}

#respond {
	background-color: #F4ECD2;
	margin: 2em 0 0 0;
	padding: 5px 10px 10px 10px;
	}
	
#reply-title {
	font-size: 110%;
	font-weight: normal;
	}

#commentform p {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 70%;
	border-top: 1px solid #A18C74;
	padding: 10px 0px 0px 0px;
	}
	
#respond input[type=text] {
	float: left;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	margin-left: 6px;
}

.comment-form-comment label {
	display: none;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.comment object,
.comment embed {
	margin: 1em 0;
}

.menu-menu-container {background-color: #5B211A; margin-top: -2px;}
.menu-menu-container ul  { width: 100%; height: 30px;  font-size: 0.8em; font-weight: bold; list-style-type: none; margin: 0; padding: 0;}
.menu-menu-container ul li { display: block; float: left;}
.menu-menu-container ul li a {height: 30px; color: #F2E2C1; text-decoration: none; display: block; float: left; padding: 5px 12px 0;}
.menu-menu-container ul li a:hover { color: #FFF; }
.menu-menu-container ul li a.current{ color: #E80C18; background: #FFF; padding: 5px 12px 0;}

/*video plugin hack bastardissimo 

#wp_youtube_widget-2 {
            position: fixed; 
            z-index: 1000; 
            top:28px; 
            right: 0px; 
            overflow: hidden;
            border: 10px solid #411213;
            border-left: 0px;
            background-color: #F2E2C1;
            
            }       */
 
#tubo {position: fixed; 
        bottom: 120px; right: -668px;
        border: 2px solid #411213; 
        padding:8px;    
        background-color:rgb(242, 226, 193);
        border-radius: 10px;
        z-index: 1000;}
#internotubo {vertical-align:middle;}        
#apritubo, #chiuditubo {display:inline-block;
                        width: 75px;
                        text-align: center;
                        height: 230px;
                        vertical-align:bottom;
                        padding-top: 170px;
                        position:relative;
                        
                                  
}     

#gear1 {  position: fixed; 
          bottom: 455Px; 
          right: -80px;
          width: 150px; 
          height: 150px;
          
          }  
          
#gear2 {  position: fixed; 
          bottom: 60Px; 
          right: -85px;
          width: 150px; 
          height: 150px;
          z-index: -1;
          }                       
 
 #apritubo {background: url(images/cineografo.png) no-repeat 0px 0px; margin-right: -10px;}
 #chiuditubo {background: url(images/cineografo_chiudi.png) no-repeat 0px 0px; margin-left: -12px;}
/*  
.passiva {position:fixed;  
            bottom: 150px;
            right: 100px;         
          }     
        
.attiva { position:fixed;  
            bottom: 150px;
            right: 100px;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out; 
        -webkit-transform: translate(-500px,0);
        -moz-transform: translate(-500px,0);
        -o-transform: translate(-500px,0);
        -ms-transform: translate(-500px,0);
        transform: translate(-500px,0); } 
      
           
        
      
#internotubo {position:fixed;  
            bottom: 150px;
            right: -300px;
             -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;}        
  */

.hslice { position: fixed; 
                bottom: 0;
                right: -800px;
                background: #F2E2C1 url(images/printer2.gif) no-repeat 0px 5px;
                border: 2px solid #411213;
                padding-left: 25px;
               border-radius: 10px;
           /*      -webkit-transition: all 2s ease-in-out;
                 -moz-transition: all 2s ease-in-out;
                 -o-transition: all 2s ease-in-out;
                  -ms-transition: all 2s ease-in-out;
                transition: all 2s ease-in-out;      */
}     
/*
.hslice:hover  {
                      -webkit-transform: translate(-1200px,0);
      -moz-transform: translate(-1000px,0);
      -o-transform: translate(-1000px,0);
      -ms-transform: translate(-1000px,0);
      transform: translate(-1000px,0); 
     
}
*/
.storycontent p:first-of-type:first-letter {font-size: 250%;
                                            font-weight:bold;
                                            color: #5e5017;
                                            margin: 0 1px;}

.rsswidget {margin-top: 2px;}