html {

background: #191919 url(images/bg.png) repeat-x left top;
font-family:  Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #cccccc ;
}

body{
width: 1080px;
margin: 0 auto;
margin-top: 20px;
background: #141414 url(images/bg.png) repeat-x left top;
text-align:center
}

p{margin:0 10px 10px}
a{padding:0px; text-decoration:none; color:#ffffff;}


/* ---  HEADER ---*/
#header{

height: 80px;
text-align : left;
color: #f3ab2b ;
background: #111111 url(images/header-bg.png) repeat-x left top;
border-top: 2px solid #555555;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #111111;

}

#header1{

height: 80px;
text-align : left;
color: #f3ab2b ;
background: #151515 url(images/B6.png) no-repeat 0px 5px;
border-top: 2px solid #555555;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #333333;


}
#header h1 {height:80px; line-height:80px;margin:0;padding-left:20px; color: #f3ab2b;}

#header1 h1 {height:80px; line-height:80px;margin:0;padding-left:20px; color: #f3ab2b;}

#header a {height:80px; line-height:80px;margin:0;padding-left:20px; color: #f3ab2b;}
#header1 a {height:80px; line-height:80px;margin:0;padding-left:20px; color: #f3ab2b;}


/* ---  MAIN MENU ---*/
#mainmenu{
background: #000000;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;
border-top: 1px solid #1F1F1F;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #1F1F1F;
}




/* ---  CONTAINER ---*/

#container{
text-align:left;
width: 100%;
margin: 0 0;
background: #141414;

}
#hidden-container{

display: none;

}

/* ---  CONTENT ---*/
#content{float: left;
text-align:left;

width: 80%;
background: #141414 ;
}
#content p{line-height:1.4}
#content a{padding:0px; text-decoration:non; color:#888888;}
#content a:hover {padding:0px; text-decoration:underline; color:#ffffff;}

#diapo {
float: left;
	width: 130px;
	height : 120px;
	background: #141414 url(images/dia.gif) no-repeat 0px 0px;
	padding-left : 20px;
	padding-top : 35px;
	
	}

.thumbnailContainer {
	width: 740px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	display: none;
	height: 0px;
	overflow: hidden;
	margin: 0 0px;
}

.thumbnailContainer .clipper {
	margin: 10px 0 0 0;
}

.thumbnailContainer .horizontal {
	border: 1px solid #ccc;
	width: 105px;
	height: 70px;
	padding: 5px 0 0 5px;
	margin: 3px;
	float: left;
	cursor: pointer;
}

.thumbnailContainer .vertical {
	border: 1px solid #ccc;
	width: 105px;
	height: 70px;
	padding: 10px 0 0 5px;
	margin: 5px;
	float: left;
	cursor: pointer;
}

.thumbnailContainer img {
	/*border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 5px 4px;*/
}

.boxgrid{ 
				width: 140px; 
				height: 80px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 1px #333333; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 130;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 110;
 					left: 0;
 				}


/* ---  COL LEFT ---*/

#colOne {
float: left;
width: 16%;
min-height: 170px;

background: #161616;
padding-left: 12px;
margin-left: 12px;
margin-top: 10px;
border-top: 1px solid #1F1F1F;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #1F1F1F;

}




/* --- Posts --- */

.post {
width: 86%;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 30px 20px 30px;
background: #131313;
border-top: 1px solid #1F1F1F;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #1F1F1F;
background: url(images/img1.gif) repeat-y -150px 0px;
}

.post2 {
width: 100%;
min-height:190px;
margin-left:0px;
margin-top: 20px;
margin-bottom: 0px;
padding: 5px 0px 5px 5px;
background: #131313;
border-top: 1px solid #1F1F1F;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #1F1F1F;


}
h1, h2 {

color: #f3ab2b;
}

h3 {

color: #ffffff; background: #272727;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 12px;
margin-bottom: 12px;
border-left: 25px solid #555555;

font-size : 105%;
}
h4 {
color: #f3ab2b;

}


.post h2 {
font-size : 115%;
}
.post h3 {
font-size : 105%;
}
.post p {
font-size : 85%;
width: 75%
}

.post2 h2 {
font-size : 115%;
}
.post2 h3 {
font-size : 105%;
}
.post2 p {
font-size : 85%;
width: 75%
}

/* ---  NAVIGATION ---*/
#hornavigation{
	width:86%;
background:#141414;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 2px;
margin-right: 2px;

}
#hornavigation ul{
        display: block; 
       	width:86px;
        margin:0px 0px; 
       font-size : 102%;
       
        list-style-type:none;
        background:#161616;     
}
#hornavigation li {
			display: block; 
			width:86px;
			padding-top: 2px;
				padding-bottom: 2px;			
			margin:0px 10px; 
			background:#161616;
			border-bottom: 1px solid #555555
}
			
#hornavigation ul li a:hover {
			display: block; 
			width:86px;
			margin:0px 0; 
		 
			background:#666666; 
			border-bottom: 1px solid #555555
			color:#ffffff;
}

#navigation{

background:#141414;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 2px;
margin-right: 2px;

}
#navigation ul{
        display: block; 
        width:15%;
        margin:0px 0px; 
       font-size : 102%;
       
        list-style-type:none;
        background:#161616;     
}
#navigation li {
			display: block; 
			width:86px;
			padding-top: 2px;
				padding-bottom: 2px;			
			margin:0px 10px; 
			background:#161616;
			border-bottom: 1px solid #555555
}
			
#navigation ul li a:hover {
			display: block; 
			width:86px;
			margin:0px 0; 
		 
			background:#666666; 
			border-bottom: 1px solid #555555
			color:#ffffff;
}
			
#nav { width:100%; overflow:hidden; padding:0px; margin:0; background-color:#141414;font-size : 100%;}
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; 	color:#ffffff;	}
#nav ul li a { display:block; width:100px; height:12px; padding:6px 0; margin:0 0px 0 0; background-color:#131313; text-align:center; border-top: 1px solid #292929;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #292929;
    	color:#ffffff;}
#nav ul li a:hover { background-color: #131313; color:#999999;
    border-top: 1px solid #000000;
    border-right: 1px solid #292929;
    border-bottom: 1px solid #292929;
    border-left: 1px solid #000000;  padding:6px 0px;}
    


#extra{background:#444444;}


#wrapper{float:left;
width:100%;
background:#141414;
border-top: 1px solid #1F1F1F;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #1F1F1F;
}

#extra{float:left;width:150px;margin-left:-150px}

/* ---  FOOTER ---*/

#bar
background: transparent url(images/bar.png) 0 0 repeat-x;
padding: 4px 0 3px;
}

#bar2 {
background: transparent url(images/bar2.png) 0 0 repeat-x;
padding: 1px;
}





#footer a {
font-weight: normal;
}
#footer .block {
padding: 0;
margin: 0;
}

#footer ul.links li.first, ul.links li.first {
border: none;
}
#footer .block ul, #footer ul.links li.first {
margin-left: 0;
padding-left: 0;
}

#footer-wrapper {
background: #000 url(images/footer-bg.png) 0 0 repeat-x;
}

#footer-wrapper .footer-right {
background: transparent url(images/footer-r.png) 100% 0 no-repeat;
}

#footer-wrapper .footer-left {
height: 15px;
overflow: hidden;
background: transparent url(images/footer-l.png) 0 0 no-repeat;
}
 #footer a {
color: #c1c1c1 !important;
}
#footer {
color: #444444 ;
}


#footer ul.links li.first, ul.links li.first {
border: none;
}
#footer .block ul, #footer ul.links li.first {
margin-left: 0;
padding-left: 0;
}



#footer{clear:left;
clear: top;

text-align: center;
margin: 0;
padding: 1em;
font-size: 90%;
background:#000 url("images/footer-bg.png") repeat-x;
border-top: 1px solid #1F1F1F;

}

#shadow {
background: transparent url("images/shadow-bg.png") 0 0 repeat-x;
margin-top: 0px;
}
#shadow .shadow-right {
background: transparent url("images/shadow-r.png") 100% 0 no-repeat;
}
#shadow .shadow-left {
background: transparent url("images/shadow-l.png") 0 0 no-repeat;
height: 52px;
}