/*

Theme Name: Creative by Nature

Theme URI: http://cssmayo.com/freebies/free-wordpress-themes/creative-by-nature/

Description: Portfolio theme for WordPress.

Author: cssmayo.com

Author URI: http://cssmayo.com/

Tags: dark, two-columns, fixed-width

Version: 0.1



	Creative by Nature v0.1

	 http://cssmayo.com/

	

    This theme was designed and built by CSSMayo.com



    The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/

* { padding:0; margin:0; outline:0; }



body {
	font-family: 'Quattrocento Sans', serif;
    font-size: 14px;
	line-height:20px;
	color:#999999;
	background:url("/images/b12.gif") repeat center 0;

}



.left { float:left; display:inline; }

.right { float:right; display:inline; }



input, textarea, select { font-size:12px; font-family: Verdana, Arial, sans-serif; border:solid 1px #222; background:url(images/box-c.png); color:#c0c17e;}

input, textarea { padding:6px 5px; }

textarea { overflow:auto; }



a img { border:0; }

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

a { color:#FFFFFF; text-decoration: none;}

a:hover { color:#666666; text-decoration: none;}

.portfolio-box a:hover { background:#000; }



#shell {
    margin: 0 auto;
    width: 1060px;
	background:url("images/body.png") repeat-y scroll center 0;
	height:auto;
}
#shell-t {
    margin: 0 auto;
    width: 1060px;
	background:url("images/body-t.png") no-repeat scroll center 0;
	height:35px;
}


#bg {
    margin: 0 -95px 0 -151px;
    padding: 0 95px 0 193px;
    position: relative;
    width: 968px;
}





#header{ height:299px; position:relative; z-index:2; background: url("/images/header_968.png") no-repeat scroll 0 0 transparent;}

#headerimg {
    color: #FFFFFF;
    height: 185px;
    padding: 27px 0 0 24px;
    width: 700px;
}

#headerimg h1{ font-size:111px; line-height:100px; font-family: 'Fontdiner Swanky', arial, serif; text-shadow:5px 5px 15px #000000; border-bottom:none;}

#headerimg h1 a{ color:#FFFFFF; text-decoration: none; }

#headerimg h1 a:hover{ color:#CCCCCC; }



#navigation { font-size:21px; font-family: Georgia, serif; line-height:45px; padding-left:2px; margin-top: 30px;}

#navigation ul{
	font-family: 'Cherry Cream Soda',serif;
    height: 45px;
    list-style-type: none;
	background:url("/images/menu_back.png"); }

#navigation li{ display:inline; float:left; margin-right:0px; }









#navigation a,

#navigation a span{ float:left; display:inline; height:40px; white-space:nowrap; text-decoration: none; text-shadow: 14px -2px 2px #666666;}

#navigation a span{ padding:0 10px 0 0; text-decoration: none;}

#navigation a {
    color: white;
    font-size: 11px;
    margin-left: 16px;
    margin-right: 3px;
    margin-top: 3px;
    padding-right: 14px;
    text-transform: uppercase;
}



#navigation a:hover{ color:white; background: url("/images/bg_navp.png") no-repeat scroll 0 0 transparent; text-decoration: none;}
#navigation a.active{background: url("/images/bg_nav60.png") no-repeat scroll right 0 transparent; text-decoration: none;}

#main { }



.box { position:relative; width:100%; height:auto; margin-left: 20px;}

.box-t, .box-b { font-size:0; line-height:0; height:9px; }

.box-t { background:url(images/box-t.png); width:100%;}

.box-b { background:url(images/box-b.png); width:100%; }

.box-c { background:url(images/box-c.png); width:100%;
}

.box-cnt { padding:0px 20px; }

h1 { color:#FFFFFF; font-size: 35px; font-family:'Cherry Cream Soda',serif; padding:0 0 10px 0px; line-height:30px; font-weight: bold; text-transform:uppercase; border-bottom:0.5px solid #222222;}

h2 { color:#bebebe; font-size: 19px; font-family:'Cherry Cream Soda',serif; padding:0 0 10px 0px; line-height:23px; font-weight: bold;}



.welcome h2,

h2.nobg {

	background:transparent;

	padding-left:0;

	color:#ffff00;

	font-size: 24px;

	font-style: normal;

}



.side-left { float:left; width:607px; }

.side-right { float:right; width:32%; margin-right:5px;}

.side-eq{ float:left; display:inline; width:286px; }

.side-center{ margin:0 35px; }



.more { padding-top:10px; }

.more a{ color:#fff; text-decoration: none; background:url(images/bul.gif) no-repeat 0 5px !important; padding-left:12px; }

.more a span{ border-bottom:solid 1px #FFFF00; margin-right:10px; text-decoration: none;}

.more a:hover { color:#000; text-decoration: none;}

.more a:hover span{ background:#FFFF00; text-decoration: none;}



.post {}

.post h2{ background:transparent; color:#fff; padding:0 0 2px 0; font-family: Tahoma, sans-serif; font-size:16px; font-style: normal;}

.post h2.normal {     color: #FFFFFF;
    font-family: 'Cherry Cream Soda',serif;
    font-weight: normal;
    line-height: 25px;
    padding: 0 0 10px 0;
	text-transform:capitalize;
	font-size:30px;
	border-bottom:0.5px solid #222222;
}

.post h2 a{ color:#fff; text-decoration: none; }

.entry { overflow: hidden; text-align:justify; }

.post .entry p{ padding-top:0px; }

.post .postmeta { padding-top:0px; }



.post .entry h1 { 
    color: #FFFFFF;
    font-family: 'Cherry Cream Soda',serif;
    font-weight: normal;
    line-height: 25px;
    padding: 0 0 10px 0;
	text-transform:capitalize;
	font-size:30px;
}

.post .entry h2 {

font-family: 'Cherry Cream Soda',serif; font-size: 14px; color: #ff3131; text-transform:uppercase;
    padding: 0 0 10px 0;

}

.post .entry h3 { font-family: 'Cherry Cream Soda',serif; font-size: 16px; color: #FFFFFF; text-transform:uppercase; border-bottom:0.5px solid #222222; }

.post .entry h4 { font-family: 'Cherry Cream Soda',serif; font-size: 12px; color: #ff3131; text-transform:uppercase; border-bottom:0.5px solid #222222; }

.post .entry h5 { font-family: 'Cherry Cream Soda',serif; font-size: 10px; color: #FFFFFF; text-transform:uppercase;}

.post .entry h6 { font-family: 'Cherry Cream Soda',serif; font-size: 9px; color: #FFFFFF; text-transform:uppercase;}



.post .entry ul,

.post .entry ol { padding:15px 0 0 30px;}

.post .entry li { padding-bottom:3px;}

.post .entry blockquote {

	margin: 5px 0px;

	padding: 10px;

}
.post .entry strong {

color: #FF3131;
}

.post .entry a {

color: #fd5959;
}
.post .entry a:hover {

color: #ff0000;
}


small { color:#FFFF00; font-size:10px; display:block; line-height:12px; }





.headlines ul{ list-style-type: none; }

.headlines ul li{ padding-bottom:10px; }

.headlines a { color:#fff; text-decoration: none; border-bottom:solid 1px #FFFF00; }

.headlines a:hover { background:#FFFF00; color:#000; }



.white { color:#fff; } 



.small-thumbnails { padding-top:5px; font-size:0; line-height:0; }

.small-thumbnails ul { list-style-type: none; }

.small-thumbnails ul li { float:left; display:inline; margin-right:10px; margin-bottom:10px; }

.small-thumbnails ul li a{ text-decoration: none; }

.small-thumbnails ul li a img{ background:url(images/small-bg.gif) no-repeat 0 0; width:33px; height:33px; padding:5px; }



#footer { font-size:12px; background: url("/images/footer.png") no-repeat scroll right 0 transparent; height:80px; width: 1040px; margin-left:auto; margin-right:auto; border-top:0.5px solid #222222;}

#footer ul { list-style-type: none; }

#footer ul li { display:inline; }

#footer .box-cnt { padding-top:16px; padding-bottom:16px; }

.footer-nav a { color:#fff; text-decoration:none; margin-right:25px; }

.footer-nav a:hover { color:#000; background:#FFFF00; text-decoration: none;}



#footer .right { font-size:11px; color:#707070; line-height:16px; position:relative; margin-top:-8px; white-space:nowrap; text-align: right;}

#footer .right a { color:#b97a0c; text-decoration: none;}

#footer .right a:hover { background: #b97a0c; color: #000; text-decoration: none;}



.leaves { position:absolute; top:299px; left:0; width:290px; height:52px; background:url(images/leaves.png); }

.green-leaves { position:absolute; top:-5px; right:-35px; width:58px; height:55px; background:url(images/green-leaves.png);}



.welcome { padding-top:0px; width:31%;}



.portfolio-box { position:relative; width:1033px; margin:25px -31px 10px -32px; }

.portfolio-box-bg { width:1033px; height:329px;}

.portfolio-box-cnt {float:left; background: none repeat scroll 0 0 black; border: solid 1px #333333; width:98%; -moz-box-shadow: 5px 5px 9px #000;
  -webkit-box-shadow: 5px 5px 9px #000;
  box-shadow: 5px 5px 9px #000;}

.portfolio-box-cnt h2{ position:relative; padding:0px 30px 0 30px; }



.projects {}

.projects ul{ list-style-type: none; }

.projects ul li{ float:left; display:inline; width:316px; height:330px; background:url(images/project-bg.png) no-repeat 0 0; margin-left:10px;}



.projects ul li .image{ font-size:0; line-height:0; padding:23px 0 0 14px; height:260px; }

.projects ul li .image a { background:transparent !important; }

.projects ul li .image a img{ border:solid 1px #858585; width:287px !important; height:227px !important; }

.projects ul li h3 a { color:#000; text-decoration: none; background:transparent !important; text-decoration: none;}

.projects ul li h3 a:hover { color:#ffc600; }

.projects ul li .info{ padding:0 20px; }

.projects ul li .view{ float:right; color:#60390b; padding-top:3px; font-size: 15px; line-height:17px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", sans-serif; background:transparent !important; }

.projects ul li .view:hover { color:#ffc600; }





h3 { font-size:18px; color:#000; font-family: Georgia, serif; font-weight: normal; line-height:22px; }



.two-columns { background:url(images/dash.gif) repeat-y 645px 0;}

.three-columns { background:url(images/dash-three.gif) repeat-y 323px 0;}



.posts { padding-top:0px;}

.hidden { display:none;}





#side-right ul { list-style-type: none;}

#side-right ul li{ padding-bottom:10px; }

#side-right ul li{ padding-top:10px; }

#side-right ul li ul{ padding-left:5px; }

#side-right ul li ul ul{ padding-left:15px; }

#side-right ul li a { color:#fff; text-decoration: none; border-bottom:solid 1px #FFFF00;}

#side-right ul li a:hover { background:#FFFF00; color:#000; }

#side-right ul li li{ padding-bottom:2px;  }







#sidebar ul { list-style-type: none;}

#sidebar ul li{ padding-bottom:10px; }

#sidebar ul li ul{ padding-left:35px; }

#sidebar ul li ul ul{ padding-left:15px; }

#sidebar ul li a { color:#fff; text-decoration: none; border-bottom:solid 1px #FFFF00;}

#sidebar ul li a:hover { background:#FFFF00; color:#000; text-decoration: none;}

#sidebar ul li li{ padding-bottom:2px;  }



.posts .post { padding-bottom:31px; margin-bottom:30px; border-bottom:dashed 1px #2b2f30; }





/*** Hovers ***/

.post h2 a:hover { background: inherit; color: inherit; }



.nav { height:40px; font-size:11px; white-space:nowrap; }

.alignleft { float:left; }

.alignright { float:right; }



.single { padding-left:50px; padding-right:50px; }



#respond { padding-top:31px; margin-top:5px; border-top:dashed 1px #2b2f30; }

#respond p { padding-bottom:10px; }

#respond small { display:inline; }

#respond input,

#respond textarea{ border:solid 1px #222; background:url(images/box-c.png); color:#c0c17e; }

#respond input { width:200px;}

#respond input#submit { cursor:pointer;}

#respond textarea { width:600px; height:170px; }



#respond h3, h3#comments { color:#c0c17e; padding-bottom:15px; }



ol.commentlist { list-style-type: none;}

ol.commentlist li{ padding-bottom:35px; }

ol.commentlist li ul.children { list-style-type: none; margin-left: 15px; padding-left: 15px; margin-top: 15px;}

ol.commentlist li ul.children li {

    padding-bottom: 0;

}

ol.commentlist li p{ padding-top:10px; }

ol.commentlist .commentmetadata{ font-size:11px; }

ol.commentlist img{ float:right; padding:1px; border:solid 1px #333; }



.nobrd { border:0 !important;}





.portfolio ul { list-style-type: none; padding-top:15px;}

.portfolio ul li{ padding-bottom:30px; width:100%;}

.portfolio .image{ float:left; width:190px; }

.portfolio .image a { background:transparent !important; text-decoration: none;}

.portfolio .image a img{ width:180px; height:140px; padding:1px; border:solid 1px #fff; text-decoration: none;}

.portfolio .image a:hover img{ border-color:#999; text-decoration: none;}

.portfolio .info { float:left; display:inline; width:390px; margin-left:20px; }

.portfolio h3 { font-family: Georgia, serif; font-size:19px; line-height:22px; font-style:italic; color:#ffc600;}

.portfolio .entry p { padding-top:10px; }

.portfolio h3 a{ text-decoration: none; color:#ffc600;}

.portfolio h3 a:hover{ background:#ffc600; color:#000;}

.portfolio .long-info { padding-top:20px; }





.screen-reader-text { display:none;}



#searchform input { width:180px; }

#searchform input#searchsubmit { width:80px; }



.hackadelic-sliderPanel {

	border: 0px solid #FFFFFF;

	padding: 5px;

	-moz-border-radius: 1em; -webkit-border-radius: 1em;

}



a.hackadelic-sliderButton {

	border: 1px solid lightgrey;

	color: #cc0000;

	padding: 5px;

	-moz-border-radius: 1em; -webkit-border-radius: 1em;

	font-size: 14px;

	font-weight: bolder;

}

a.hackadelic-sliderButton:hover {

	border: 0px solid #F0F0E0;

	background-color: #fff;

	padding: 5px;

}

.entry .hackadelic-sliderPanel {

	background-color: #cc0000;

}

.textwidget .hackadelic-sliderButton {

	display: block;

	text-align: center;

	margin: .5em;

}

.textwidget .hackadelic-sliderPanel {

	background-color: #FFFFFF;

}

#titolo-back{
	height:60px; background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	margin-bottom:21px;
	text-align:center;
	border-bottom: 3px solid #333333;
	}
#titolo-scritta{
	color:white;
	padding-top:18px;
	text-shadow: 1px 1px 1px #111111;
	}
#titolo-scritta a{
	color:white;
	padding-top:18px;
	text-shadow: 1px 1px 1px #000;
	}
#titolo-scritta a:hover{
	color: inherit;
	}
	
#bottone-sx{
	height:60px; 
	margin:15px 0.3% 0px;
	background: url(/images/butt_sx.png); /* Old browsers */
	}
#bottone-dx{
	height:60px; 
	margin:15px 0.1% 0px 0.1%;
	background: url(/images/butt_dx.png); /* Old browsers */
	}

textarea{	
	background:#999999;
	color:#000;
	width:80px
	}
submit{	
	background:#999999;
	color:#000;
	width:50px
	}
#schedaW{
	width:122px;
	height:100px;
	background:url(http://www.cena-con-delitto.it/images/scheda-week.png) scroll left bottom no-repeat;
	}
#schedaW:hover{
	background-position:right bottom;
	}
#prenotaW{
	width:122px;
	height:100px;
	background:url(http://www.cena-con-delitto.it/images/prenota-week.png) scroll left bottom no-repeat;
	}
#prenotaW:hover{
	background-position:right bottom;
	}