/*
Theme Name: dm_lightphoto
Theme URI: http://untitled.at/
Description: theme f. carlos de mello 
Version: 1.0
Author: Daniel Mores
Author URI: http://www.mores.cc/
*/

body {color:#dfdfdf;background:#313131 url('') no-repeat center top;margin:0px;padding:0px}
a img {border:0;text-decoration:none;}
a {color:#fff;}

/* ##### Grid stuff ##### */
.container {position:relative;width:960px;margin:0px auto;padding:0px;}
.titel {margin:20px 10px;background:#1b1b1b;padding:5px;text-align:left;}
.content {width:940px;margin:10px}


/* ##### Other stuff ##### */
.background_image {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
			img.background_image {
				left: 50%;
				margin-left: -512px; }
		}

@media print {
	.background_image {display:none;width:1px;height:1px;}
	.copy {position:absolute;width:940;height:600px;left:50%;top:50%;margin-top:-300px;margin-left:-470px;background: url(img/copy.gif);z-index:999;}
}
@media screen {
	.copy {}
}

.image_big {position:relative;width:10px;height:10px;margin:35px auto;opacity:0;
	/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.btn_close {position:absolute;top:0px;right:0px;width:100px;height:18px;z-index:999}

.btn_prev {position:absolute;top:50%;left:0}
.btn_next {position:absolute;top:50%;right:0}
/* IE won't recognize this: */
.image_big > .btn_prev {position:absolute;top:50%;left:-30px}
.image_big > .btn_next {position:absolute;top:50%;right:-30px}
.image_big > .btn_close {position:absolute;top:-20px;right:0px;width:100px;height:18px;z-index:999}


.img_desc {min-height:18px;display:block;margin-bottom:20px}

.spacer {height:60px;clear:both}
ul#navi li, .dark {background-color:#1b1b1b;opacity: .8;
	/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.clear {clear:both}
.hand {cursor:pointer}
.inline {display:inline}



/* ##### jQuery Boxes ##### */
ul#navi li ul.children li {height:18px;margin:0px;background:none;line-height:18px}
ul#navi li, .boxgrid {width:140px;height:140px;float:left;margin:10px;position:relative;display:inline;overflow:hidden}
	.boxgrid img {position:absolute;top:0;left:0;border:0}
ul.children, .boxcaption{float: left;position:absolute;background: #000;height:auto;padding:5px 0px;width:100%;opacity: .8;left:0px;top:140px;
	/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
.caption .boxcaption {top:140;left:0;}



/* ##### Textformats ##### */
body {font-family:verdana;text-align:center;font-size:13px;line-height:18px}
a {font-weight:normal;}
h1 {font-family:courier;font-size:20px;color:#a0a0a0;margin-bottom:20px}
h2 {font-size:13px;margin:10px 0px}
ul#navi li, .boxgrid {text-align:center;line-height:140px}
ul.children, .boxcaption {line-height:16px}
.small {font-size:11px}
.btn_prev a {font-size:30px;font-weight:bold;text-decoration:none;text-align:left}
.btn_next a {font-size:30px;font-weight:bold;text-decoration:none;text-align:right}
.btn_close a{font-size:13px;text-decoration:none;}