/*
Theme Name: dimaggio
Description: 
Version: 1.0
Tags: green, silver, light, CSS based, three-columns, right-sidebar, fixed-width
Theme URL: http://led24.de/wordpress-themes/2008-dimaggio-wordpress-theme-released/
Demo URL: http://led24.de/wordpress-themes/dimaggio/
Author: Beleuchtung
Author URL: http://led24.de/wordpress-themes/
Download URL: http://led24.de/wordpress-themes/dimaggio/dimaggio-theme.zip
Layout: CSS based
No. of Columns: three-columns, right-sidebar
Color: green, silver, light
License: Attribution-Noncommercial-No Derivative Works 3.0 Unported (creativecommons.org/licenses/by-nc-nd/3.0/)
Sidebar: right
Fixed width / Fluid width: fixed-width
Plugins required: 
Widget ready: yes
Adsense Ready: no

*/



/* BODY */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	background: #a5aeb8 url('images/fon.jpg') repeat-x;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#page {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	}

#pagebody{
	background: url('images/footerfon.jpg') repeat-x bottom;
	}

#header {
	background: url('images/headerfon.jpg') repeat-x;
	margin: 0;
	padding: 0;
	height: 153px;
	width: 1000px;
	}

.headertop{
	background: url('images/headertop.jpg') repeat-x 0px 12px;
	margin: 0;
	padding: 0 0 22px 0;
	height: 32px;
	width: 1000px;
	}

.headermenu{
	height: 42px;
	text-align: center;
	padding: 0 0 28px 0;
	}

.headermenul{
	float: left;
	background: url('images/headermenul.jpg') no-repeat;
	height: 42px;
	width: 12px;
	}

.headermenulo{
	float: left;
	height: 42px;
	width: 20px;
	}

.headermenur{
	float: left;
	background: url('images/headermenur.jpg') no-repeat;
	height: 42px;
	width: 12px;
	}

.headermenuc{
	float: left;
	background: url('images/headermenuc.jpg') repeat-x;
	height: 42px;
	}

.headerrsssearch{
	height: 21px;
	padding: 0 0 0 37px;
	}

.headerrss{
	float: left;
	background: url('images/headerrss.jpg') no-repeat;
	height: 18px;
	width: 150px;
	padding: 3px 502px 0 15px;
	color: #000000;
	font-family: Tahoma;
	font-size: 1.1em;
	}

.headerrss a{
	display: block;
	font-weight: bold;
	background: url('images/rss.jpg') no-repeat right;
	padding: 0 20px 0 0;
	color: #000000;
	}

.headersearch{
	float: left;
	background: url('images/headersearch.jpg') no-repeat;
	height: 21px;
	width: 270px;
	}

.logolast{
	height: 134px;
	width: 1000px;
	}

.logo{
	float: left;
	width: 438px;
	padding: 33px 0 0 25px;
	}

.lasttop{
	float: left;
	width: 485px;
	height: 107px;
	padding: 17px 25px 0 25px;
	background: #73a0c5 url('images/lasttopfon.jpg') repeat-x;
	}

#posts{
	padding: 32px 0 0 0;
	}

#content {
	float: left;
	font-size: 1.2em;
	line-height: 1.4em;
	width: 420px;
	}

#footer {
	background: #dcdcdc url('images/footer.jpg') repeat-x;
	border: none;
	padding: 7px 0 0 40px;
	margin: 0 auto;
	width: 960px;
	height: 60px;
	clear: both;
	}

#footer a{
	color: #000000;
	}

.clear {
	clear: both;
}

/* END BODY */





/* H, P, A */

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

h1, h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	text-align: center;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #333;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

a, h1 a:hover, h2 a:hover, h3 a:hover {
	color: #002ab7;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

/* END H, P, A */




/* SEARCH */

#searchform {
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
	}

.sin{
	float: left;
	padding: 3px 0 0 0;
}

.sbt{
	float: left;
	padding: 1px 0 0 4px;
}

#searchform #s {
	width: 186px;
	height: 12px;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	}

#searchsubmit {
	padding: 1px 1px 1px 5px;
	border: none;
	background: none;
	color: #ffffff;
	font-size: 1.1em;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


/* END SEARCH */




/* Begin Various Tags & Classes */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	padding: 10px;
	}

/* featured */

.featured, .featured .content, .featured .footer {
	display: block;
	width: 485px;
}

.featured {
	height: auto;
	position: relative;
	z-index: 1;
}

.featuredpoststext{
	overflow: hidden;
	height: 67px;
}

.featured .content {
	display: block;
	min-height: 107px;
	height: auto !important;
	height: 107px;
}


.sm-w {
	padding: 18px 0 0 0;
	}

.featuredposts {
	margin: 15px 25px 0 0;
	display: inline;
}

.featuredposts li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

.featuredposts li a {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/light_off.jpg) no-repeat;
}

.featuredposts li a:hover {
	background: url(images/light_on.jpg) no-repeat;
}

.featuredposts li a.selected {
	background: url(images/light_on.jpg) no-repeat;
}

.featuredposts li a.selected:hover {
	background: url(images/light_on.png) no-repeat;
}

.featuredposts_content {
	display: none;
	position: relative;
	z-index: 1;
}

@media print {
	.featuredposts_content {
	display: block !important;
	}
}

.featuredposts_content .fpost {
	position: absolute;
	overflow: hidden;
	height: 67px;
}

/* END featured */




/* featured video */

.video {
	display: block;
	height: 235px;
	z-index: 1;
}

.videoposts {
	margin: 0;
	display: inline;
}

.sm-wv {
	padding: 12px 0 0 12px;
	}

.videoposts li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

.videoposts li a {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/light_off.jpg) no-repeat;
}

.videoposts li a:hover {
	background: url(images/light_on.jpg) no-repeat;
}

.videoposts li a.selected {
	background: url(images/light_on.jpg) no-repeat;
}

.videoposts li a.selected:hover {
	background: url(images/light_on.png) no-repeat;
}

.videoposts_content {
	display: none;
	position: relative;
	z-index: 1;
}

@media print {
	.videoposts_content {
	display: block !important;
	}
}

.videoposts_content .vpost {
	position: absolute;
}

/* END featured video */




/* == s3Slider == */


#slider-holder{
	width: 1000px;
	height: 350px;
	padding: 0;
	overflow: hidden;
	margin: 0;
}

#s3slider {
   width: 1000px; /* important to be same as image width */
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 290px; /* important to be same as image width or wider */
   height: 350px; /* important to be same as image height */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
	padding: 0;
	margin: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}


.s3sliderImage div.span {
   position: absolute; /* important */
   left: 704px;
   font-weight: bold;
   font-size: 0.834em;
   color: #BBB;
   padding: 30px 30px 10px 15px;
   width: 255px;
   height: 310px;
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span a.featured-title:link,
.s3sliderImage span a.featured-title:visited{
	color: #DDD;
	padding: 0px 0px 2px 0px;
	font-size: 1.167em;
}

.s3sliderImage span a.featured-title:hover{
	color: #999;
}

.s3sliderImage span a:link,
.s3sliderImage span a:visited{
	color: #888;
}

.s3sliderImage span a:hover{
	color: #555;
}



.s3sliderpostblock{
	width: 560px;
	height: 24px;
	padding: 9px 0 0 440px;
	background: #efefef url('images/s3sliderpostblock.jpg') repeat-x;
}

.s3sliderpost {
	margin: 15px 25px 0 0;
	display: inline;
}

.s3sliderpost li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

.s3sliderpost li a {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/light_off.jpg) no-repeat;
}

.s3sliderpost li a:hover {
	background: url(images/light_on.jpg) no-repeat;
}

.s3sliderpost li a.selected {
	background: url(images/light_on.jpg) no-repeat;
}

.s3sliderpost li a.selected:hover {
	background: url(images/light_on.png) no-repeat;
}

.s3stitle{
	color: #f7f7d9;
	font-size: 2em;
	font-family: Georgia;
	text-transform: uppercase;
	font-weight: normal;
}

.s3stitle a{
	color: #f7f7d9;
}

.s3sline{
	width: 241px;
	height: 5px;
	padding: 15px 0 15px 0;
	background: url(images/s3sline.gif) no-repeat 0px 15px;
   filter: alpha(opacity=20); /* here you can set the opacity of box with text */
   -moz-opacity: 0.2; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.2; /* here you can set the opacity of box with text */
   opacity: 0.2; /* here you can set the opacity of box with text */
}

.s3spost{
	color: #ffffff;
	font-size: 1.2em;
	font-family: Tahoma;
	height: 145px;
	max-height: 145px;
	overflow: hidden;
}

.s3sdate{
	color: #2a302c;
	font-size: 1.1em;
	font-family: Tahoma;
	text-transform: uppercase;
	float: left;
	background: #ffffff;
	padding: 3px;
}

.s3sinfo{
	color: #ffe9b5;
	font-size: 1.1em;
	font-family: Tahoma;
	padding: 20px 0 0 0;
	text-transform: uppercase;
}

.s3sinfo a{
	color: #ffe9b5;
}

/* END s3Slider  */

.comments_template{
	width: 415px;
}

/* End Various Tags & Classes*/




/* POST */

.post {
	text-align: justify;
	width: 420px;
	background: #ffffff;
	padding: 0 0 5px 0;
	}

.posttop{
	width: 420px;
	height: 30px;
	padding: 10px 0 0 0;
	background: url('images/posttop.jpg') repeat-x;
	}

.postdate{
	width: 95px;
	height: 18px;
	padding: 2px 0 0 3px;
	background: url('images/postdate.jpg') no-repeat;
	font-size: 0.9em;
	}

.posttext{
	padding: 20px 30px 15px 30px;
}

.post h2, .post h1 {
	color: #002ab7;
	font-size: 1.8em;
	font-family: Georgia;
	line-height: 1.5em;
	font-weight: normal;
	}

.post h2 a, .post h1 a {
	color: #002ab7;
	}

.postinfo{
	width: 375px;
	clear: both;
	padding: 11px 15px 5px 30px;
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
}

.post hr {
	display: block;
	}

.postmetadata {
	clear: both;
}

.postinforead{
	float: left;
	padding: 0 25px 0 20px;
	background: url('images/postinforead.jpg') no-repeat;
}

.postinfocom{
	float: left;
	padding: 0 25px 0 20px;
	background: url('images/postinfocom.jpg') no-repeat;
}

.postinfoauth{
	float: left;
	padding: 0 0 0 20px;
	background: url('images/postinfoauth.jpg') no-repeat;
}

/* END POST */





/* SIDEBAR */

#leftsidebar{
	float: left;
	width: 310px;
	padding: 0 0 0 25px;
	background: url('images/cs.gif') repeat-y 10px 0px;
}

#rightsidebar{
	float: left;
	width: 240px;
	padding: 0 0 0 5px;
}

.sblock{

}

.sbfon{

}

.slblocktop{
	height: 40px;
	background: #dcdcdc url('images/sblocktop.jpg');
	width: 304px;
	padding: 3px 6px 0 0;
}

.slblocktop h2{
	float: left;
	margin: 6px 0 0 16px;
	font-size: 1.9em;
	font-weight: normal;
}

.slblocktop a.Sminimize{
	float: right;
	display: block;
	width: 23px;
	height: 22px;
	background: url('images/minimize.jpg') no-repeat;
	margin: 6px 4px 0 0;
}

.slblocktop a.Sminimize:hover{
	background: url('images/minimize_hov.jpg') no-repeat;
}

.slblocktop a.Sclose{
	float: right;
	display: block;
	width: 23px;
	height: 22px;
	background: url('images/close.jpg') no-repeat;
	margin: 6px 4px 0 0;
}

.slblocktop a.Sclose:hover{
	background: url('images/close_hov.jpg') no-repeat;
}

.slblockcont{
	padding: 0 0 5px 0;
	background: #f2f2f2 url('images/sbfon.jpg');
}

.slblocktext{
	padding: 0 15px 0 15px;
	font-size: 1.2em;
	font-family: Georgia;
}

.slblockbot{
	height: 42px;
	background: #f2f2f2 url('images/slblockbot.jpg');
}

.sbreadmor{
	height: 17px;
	width: 129px;
	padding: 14px 0 0 28px;
	background: url('images/sbreadmor.jpg') no-repeat 18px 11px;
	font-family: tahoma;
	font-weight: bold;
}

.sbreadmor a{
	color: #ffffff;
}

ul.twitter_update_list, ul.twitter_update_list li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

ul.twitter_update_list {
	padding: 0 0 10px 0;
	}

ul.twitter_update_list li {
	padding: 10px 0;
	border-bottom: 1px dotted #8d959d;
	}

ul.twitter_update_list li a{
	color: #bd5c14;
	}

ul.flickr, ul.flickr li{
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

ul.flickr{
	padding: 5px 0 0 0;
	}

ul.flickr li{
	display: block;
	float: left;
	width: 64px;
	padding: 5px 5px 0 0;
	}

ul.flickr li img{
	width: 64px;
	}

ul.sbcomments, ul.sbcomments li{
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

ul.sbcomments {
	padding: 0 0 10px 0;
	}

ul.sbcomments li {
	padding: 10px 0;
	border-bottom: 1px dotted #8d959d;
	}




.srblocktop{
	height: 40px;
	background: #dcdcdc url('images/sblocktop.jpg');
	width: 240px;
	padding: 3px 0 0 0;
}

.srblocktop h2{
	float: left;
	margin: 6px 0 0 16px;
	font-size: 1.9em;
	font-weight: normal;
}

.srblocktop a.Sminimize{
	float: right;
	display: block;
	width: 23px;
	height: 22px;
	background: url('images/minimize.jpg') no-repeat;
	margin: 6px 4px 0 0;
}

.srblocktop a.Sminimize:hover{
	background: url('images/minimize_hov.jpg') no-repeat;
}

.srblocktop a.Sclose{
	float: right;
	display: block;
	width: 23px;
	height: 22px;
	background: url('images/close.jpg') no-repeat;
	margin: 6px 4px 0 0;
}

.srblocktop a.Sclose:hover{
	background: url('images/close_hov.jpg') no-repeat;
}

.srblockcont{
	padding: 0 0 5px 0;
	background: #f2f2f2 url('images/sbfon.jpg');
}

.srblocktext{
	padding: 0 15px 0 15px;
	font-size: 1.2em;
	font-family: Georgia;
}

.srblockbot{
	height: 42px;
	background: #f2f2f2 url('images/slblockbot.jpg');
}

.srblocktext ul, .srblocktext ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

.srblocktext ul {
	padding: 0 0 5px 0;
	}

.srblocktext ul li {
	background: url('images/li.jpg') no-repeat 0px 9px;
	padding: 5px 0 0 13px;
	}

.srblocktext ul li a{
	color: #2d2d2d;
	font-family: Georgia;
	}

ul.cat{
	color: #577bc2;
	font-weight: bold;
}

ul.cat a{
	font-weight: normal;
}

.tags{
	color: #2d2d2d;
}
/* ENDSIDEBAR */


.headermenuc ul, .headermenuc ul li {
	display: block;
	float: left;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

.headermenuc ul li {
	padding: 0 10px 0 0;
	background: url('images/menurazdel.jpg') no-repeat right;
	}

.headermenuc a{
	display: block;
	padding: 0;
	margin: 0;
	height: 42px;
}

a.mhome{
	width: 124px;
	background: url('menu/mhome.jpg') no-repeat;
}

a.mabout{
	width: 146px;
	background: url('menu/mabout.jpg') no-repeat;
}

a.mcars{
	width: 95px;
	background: url('menu/mcars.jpg') no-repeat;
}

a.minteres{
	width: 106px;
	background: url('menu/minteres.jpg') no-repeat;
}

a.mphoto{
	width: 128px;
	background: url('menu/mphoto.jpg') no-repeat;
}

a.marticle{
	width: 160px;
	background: url('menu/marticle.jpg') no-repeat;
}

a.mcont{
	width: 109px;
	background: url('menu/mcont.jpg') no-repeat;
}



li.active a.mhome, a.mhome:hover{
	background: url('menu/amhome.jpg') no-repeat;
}

li.active a.mabout, a.mabout:hover{
	background: url('menu/amabout.jpg') no-repeat;
}

li.active a.mcars, a.mcars:hover{
	background: url('menu/amcars.jpg') no-repeat;
}

li.active a.minteres, a.minteres:hover{
	background: url('menu/aminteres.jpg') no-repeat;
}

li.active a.mphoto, a.mphoto:hover{
	background: url('menu/amphoto.jpg') no-repeat;
}

li.active a.marticle, a.marticle:hover{
	background: url('menu/amarticle.jpg') no-repeat;
}

li.active a.mcont, a.mcont:hover{
	background: url('menu/amcont.jpg') no-repeat;
}
