/*==================================================
MY CSS3	
==================================================*/

/* Reset */
header, footer, article, nav, section, aside, time, hgroup {
	display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
	border : 0;
	word-wrap: break-word;
	
	font : 12px/22px Verdana, sans-serif;
	margin : 0;
	outline : 0;
	padding : 0;
}

/* BASICS */
BODY {
	background : #D1D0CE;
	background-image: url(../images/body.png);	
	background-attachment:fixed;
	color : #444;
}

A {
	color : #0A647C;
	text-decoration : none;
	}
	A:HOVER {
		color : #DB0202;
		text-decoration: underline overline;
	}
	
A span {display:none; padding:10px; margin:3px; width:auto;}
A:hover span {display:inline; position:absolute; background-color:#000000; border:1px solid black; color:#FFFFFF; font-weight:normal; font-size:9pt; margin:25px 0 0 -250px; opacity:0.7;filter:alpha(opacity=90)}
	
H1, H3, H4, H5, H6 {
	background : url(../i/ai4.png) no-repeat 0 7px;
	border-bottom : 1px dotted #B5B3A9;
	color : #222;
	font-weight : bold;
	margin : 0 0 10px;
	padding : 0 0 0 25px;
	}
	H1 {
		background : url(../i/ai4.png) no-repeat 0 6px;
		font-size : 15px;
	}
	H2 {
		font-size : 14px;
		margin : 0 0 20px 0;
	}
	H3 {
		background : url(../i/ai5.png) no-repeat 0 7px;
	}
	H3, H4, H5, H6 {
		font-size : 13px;
	}

SUP {
	top : -4px;
}

/* Header */	
header {
	/*
	background-image: url(../i/header.jpg);*/
	
	background : white;
	height : auto;
	width: 100%;
	position : relative;
	border-top : 3px solid #663300;
	border-right : 2px solid #663300;
	border-left : 2px solid #663300;
	border-bottom : 2px solid #663300;
	
	}
	header a, header p {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color : #FFF;
	}
	header a {
		background : #663300;
		font-size: 16px;
		margin : 0 0 0 20px;
		padding : 5px 10px;
	}
	header a:hover {
		color : #98FF98;
	}
	header p {
		background : #000;
		bottom:30px;
		font-weight: bold;
		opacity: 0.8;
		padding : 10px;
		color: lime;
		position:absolute;
		right : 0;
		width : 350px;
		font-size: 14px;
		text-align: center;
		border-radius: 8px;
	}
	
	.alert {
	color: red;
}

#example {
	display: block;
	height: 150px;
}

#example1, #example2 {
	display: inline-block;
	height: 200px;
	width: 500px;
	vertical-align: bottom;
}

.arrow, .arrow2 {
	font-size: 12px;
	position: relative;
	float: right;
	margin: 0em 4em;
	font-family: "Coming Soon";
	color: #3f3f3f;
}

.arrow2 {
	margin-left: 35em;
}


	.arrow img, .arrow2 img {
		vertical-align: middle;
	}
		
.wrapper1, .wrapper2 {
	display: block;
	width: 300px;
	float: right;
	margin: 10px 10px 0 0;
	-webkit-perspective : 1200px;
	-moz-perspective : 1200px;
	-ms-perspective : 1200px;
	perspective : 1200px;
}


	
.search-button1, .search-button2 {
	display: block;
	position: absolute;
	
	width: 50px;
	height: 30px;
	border: 1px solid #aa7818;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb700), to(#ff8c00));
	background-image: -webkit-linear-gradient(top, #ffb700, #ff8c00);
	background-image:    -moz-linear-gradient(top, #ffb700, #ff8c00); 
   background-image:     -ms-linear-gradient(top, #ffb700, #ff8c00); 
   background-image:      -o-linear-gradient(top, #ffb700, #ff8c00); 
   background-image:         linear-gradient(to bottom, #ffb700, #ff8c00);
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, 
					#8e620e 0 0.5em 0, 
					rgba(0, 0, 0, 0.2) 0 0.9em 3px;
	padding: 10px 6px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
	-webkit-transform:  translateZ(45px);
	-moz-transform:  translateZ(45px);
	-ms-transform:  translateZ(45px);
	transform:  translateZ(45px);
}

.search-button1 {
	width: 300px;	
}
	
	.search-button1 span, .search-button2 span {
		display: block;
		margin: 0 auto;
		background: #643904;
		border-radius: 30px;
		width: 30px;
		height: 30px;
		box-shadow: rgba(255,255,255,.3) 0 1px 0px;
	}
	
		.search-button1 span img, .search-button2 span img {
			vertical-align: middle;
			padding-top: 7px;
			padding-left: 7px;
		}

	.search-button1:hover, .search-button2:hover, .wrapper-simple input[type=submit]:hover {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcb48), to(#ff9c23));
		background-image: -webkit-linear-gradient(top, #ffcb48, #ff9c23);
		background-image:    -moz-linear-gradient(top, #ffcb48, #ff9c23); 
   	background-image:     -ms-linear-gradient(top, #ffcb48, #ff9c23); 
   	background-image:      -o-linear-gradient(top, #ffcb48, #ff9c23); 
   	background-image:         linear-gradient(to bottom, #ffcb48, #ff9c23);
	}

	.search-button1:active, .search-button2:active {
		margin-top: 0.2em;
		box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, 
						#8e620e 0 0.3em 0, 
						rgba(0, 0, 0, 0.2) 0 0.5em 3px;	
	}
	
.search-box1, .search-box2 {
	margin-top: -.6em;
	display: none;
	position: absolute;
	width: 300px;
	height: 50px;
	padding: 10px 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5fafe), to(#e2edf4));
	background-image: -webkit-linear-gradient(top, #f5fafe, #e2edf4);
	background-image:    -moz-linear-gradient(top, #f5fafe, #e2edf4); 
   background-image:     -ms-linear-gradient(top, #f5fafe, #e2edf4); 
   background-image:      -o-linear-gradient(top, #f5fafe, #e2edf4); 
   background-image:         linear-gradient(to bottom, #f5fafe, #e2edf4);
	border: 1px solid #9bb6c9;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-radius: 5px;
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, 
					#899faf 0 .5em 0px, 
					rgba(0, 0, 0, 0.2) 0 .9em 3px;


	-webkit-transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
	-moz-transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
	-ms-transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
	transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
								
}

	.search-box1 input, .search-box2 input, .wrapper-simple input[type=text] {
		font-family: Arial;
		font-weight: bold;
		color: #1a3d51;
		background: #d8e6ef;
		border-radius:2px;
		padding: 10px 10px 15px 10px;
		width: 250px;
		border: 0;
		font-size: 16px;
		text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
		box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	}
		
		.search-box1 input:focus, .search-box2 input:focus, .wrapper-simple input[type=text]:focus {
			outline: none;
		}
		
		input::-webkit-input-placeholder {
			font-family: Arial;
			font-weight: bold;
			color: #1a3d51;
			text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
		}
		
		input:-moz-placeholder {
			font-family: Arial;
			font-weight: bold;
			color: #1a3d51;
			text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
		}
		
	
.wrapper-simple input[type=text] {
	position: absolute;
	width: 1px;
	z-index: 2;
	padding-left: 2em;
	margin-left: .2em;
	margin-top: 0;
}
	
	.search-box1 img, .search-box2 img {
		opacity: .5;
		position: absolute;
		margin: .6em 0 0 -3em;
		cursor: pointer;
		-webkit-transition: 0.5s linear;
		-moz-transition: 0.5s linear;
		-ms-transition: 0.5s linear;
		-o-transition: 0.5s linear;
		transition: 0.5s linear;
	}
	
		.search-box1 img:hover, .search-box2 img:hover {
			opacity: 1;
		}

.hide-search-button {
	display: none;
}

.show-search-button {
	display: block;
}

.show-search-box {
	display: block;
}

.showed-search-box {
	display: block;
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
}

.hidden-search-box {
	-webkit-transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
	-moz-transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
	-ms-transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
	transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
}

.switch-show {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: showBox 0.5s ease-in-out;
	-moz-animation: showBox 0.5s ease-in-out;
	-ms-animation: showBox 0.5s ease-in-out;
}

.switch-hide {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: hideBox 0.5s ease-in-out;
	-moz-animation: hideBox 0.5s ease-in-out;
	-ms-animation: hideBox 0.5s ease-in-out;
}

.switch-show {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: showBox 0.5s ease-in-out;
	-moz-animation: showBox 0.5s ease-in-out;
	-ms-animation: showBox 0.5s ease-in-out;
}

.switch-hide {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: hideBox 0.5s ease-in-out;
	-moz-animation: hideBox 0.5s ease-in-out;
	-ms-animation: hideBox 0.5s ease-in-out;
}
		
@-webkit-keyframes showBox{
	0% { -webkit-transform: rotate3d(1,0,0,0); }
	100% { -webkit-transform: rotate3d(1,0,0,-90deg); }
}
		
@-moz-keyframes showBox{
	0% { -moz-transform: rotate3d(1,0,0,0); }
	100% { -moz-transform: rotate3d(1,0,0,-90deg); }
}
		
@-ms-keyframes showBox{
	0% { -ms-transform: rotate3d(1,0,0,0); }
	100% { -ms-transform: rotate3d(1,0,0,-90deg); }
}

		
@-webkit-keyframes hideBox{
	0% { -webkit-transform: rotate3d(1,0,0,-90deg); }
	100% { -webkit-transform: rotate3d(1,0,0,0); }
}

		
@-moz-keyframes hideBox{
	0% { -moz-transform: rotate3d(1,0,0,-90deg); }
	100% { -moz-transform: rotate3d(1,0,0,0); }
}

		
@-ms-keyframes hideBox{
	0% { -ms-transform: rotate3d(1,0,0,-90deg); }
	100% { -ms-transform: rotate3d(1,0,0,0); }
}
/*Content*/

body .container{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}


/* Article */
article {
	border-right : 2px solid #663300;
	border-left : 2px solid #663300;
	border-bottom : 2px solid #663300;
	
	margin: 5px 0px;
	float : left;
	min-height: 100px;
	height : auto;
	padding : 10px 20px 0 20px;
	width : 67%;
	background: white;

	
	}
	article p {
		margin : 0 0 20px 10px;
	}

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	padding : 5px 10px;
}
	.highlight-1 {

		background : #FFCCCC url(../i/stop.png) no-repeat left top;
		color: #000000;
		font-size: 13px;
		
		border-top : 2px solid #FF0000;
		border-bottom : 2px solid #FF0000;
		padding-left: 35px;
		margin-top: 5px;
		margin-bottom: 5px;		
	}
	.highlight-2 {
		background : #FFFF99;
		color: #000000;
		font-size: 13px;
		
		border-top : 2px solid #FFCC00;
		border-bottom : 2px solid #FFCC00;
		padding-left: 35px;
		margin-top: 5px;
		margin-bottom: 5px;		
	}
	.highlight-3 {
		background : #CCFF99 url(../i/check.png) no-repeat left;
		color: #000000;
		font-size: 13px;
		
		border-top : 2px solid #006600;
		border-bottom : 2px solid #006600;
		padding-left: 35px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* Citations & Quotes */
cite {
	border-left: 2px solid #DB0202;
	color : #666;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	margin : 0;
	padding : 5px 10px;
}

blockquote {
	border-left: 2px solid #DB0202;
	color : #666;
	margin : 0 0 20px 0;
	padding : 5px 10px;
}

/* Pre & Code */
pre {
	color : #333;
	font-size : 10px;
	line-height : 15px;		/* Height of each line of code--*/
	overflow : hidden;		/* If the Code exceeds the width, put "auto" and scrolling is available--*/
	overflow-Y : hidden;	/* Hides vertical scroll created by IE--*/
	}
	pre code {
		background : #EEE;
		border-left : 2px solid #DB0202;
		margin : 0 0 10px 0;
		padding : 5px;
		display : block;
	}

/* Table */
table {
	border-collapse : collapse;
	text-align:left;
	margin : 0 0 20px 0;
	}
	caption {
		-moz-border-radius : 4px;
		-webkit-border-radius : 4px;
		background : #DB0202;
		color : #FFF;
		font-weight : bold;
		}
	tr:nth-child(odd) { 
		background : #FFF;
		}
	tr:nth-child(even) {
		background : #DDD;
		}
	tr:hover td {
		color : #DB0202;
		}
	td, th {
		min-width : 120px;
		padding : 0 5px;
		vertical-align:top;
		}
	th {
		background : #FFF;
		border-bottom : 2px solid #DB0202;
		color : #666;
		font-size : 10px;
		font-weight : bold;
		}
	td {
		border-bottom : 1px solid #CCC;
		font-size : 10px;
		}

/* Calendar */
dl.vevent {
	margin : -20px 0 20px 0;
	padding : 0;
	}
	.vevent dt {
		font-size : 10px;
		position : relative;
		left : 0;
		top : 22px;
		font-weight : bold;
	}
	.vevent dd
	{
		border-left : 2px solid #DB0202;
		font-size : 11px;
		margin : 0 0 0 80px;
		padding : 0 0 0 10px;
	}
	
	dd.summary {
		font-weight : bold;
	}
	.vevent a {
		font-size : 11px;
	}

/* Forms 
article form {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background : #DDD;
	margin : 0 0 20px;
	padding : 30px;
	}
	article label {
		color : #666;
		display : block;
		font-size : 12px;
		font-weight : bold;
		margin : 0 0 0 2px;
	}
	article input, article textarea {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border : 1px solid #CCC;
		font-size : 11px;
		padding : 4px 5px;
		
	}
	article input, select {
		margin : 0 0 10px;
		width: 40%;
		padding: 8px;
		margin-bottom: 10px!important;
		border-bottom-color: purple;
		border-bottom-width: 1px;
		border-radius: 5px;
	}
	
	article input.radio
	{
	width: auto;
	}
	
article input[type=submit]
{ 
margin-top: 5px; 
height: 35px; 
width: 30%; 
font-size: 20px; 
font-weight: bold;
background-color: #82CAFF;
color: #FFF;
opacity: 0.7;
}

article input[type=submit]:hover
{ 
cursor: pointer; 
height: 38px; 
width: 33%; 
font-size: 22px; 
font-weight: bold;
color: #FFF;
opacity: 1;
}
	article textarea {
		height : 100px;
	}

*/

/*Registration Forms*/

/** main blocks **/
#formcontainer { 
display: block;
max-width: 500px;
margin: 0 auto; 
margin-top: 5px; 
margin-bottom: 66px;
padding: 20px 15px; 
background: #fff; 
border-radius: 6px; 
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;  
}


#formcontainer h2 { 
border-bottom: 1px solid #ddd; 
border-top: 1px solid #ddd; 
color: #363636;
font-family: "Droid Serif", Georgia, serif; 
font-size: 1.8em; 
line-height: 1.2em; 
font-weight: 200; 
margin-top: 5px; 
margin-bottom: 25px; 
margin-left: auto;
margin-right: auto;
padding: 12px 0; 
text-align: center; 
}

#registration-form { box-sizing: border-box; }

#registration-form .txtinput { 
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 20px;
font-size: 1.55em;
padding: 11px 25px;
padding-left: 55px;
width: 90%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#registration-form .txtinput:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

#registration-form input#firstname{
background: #fff url('../images/registration/user.png') 5px 4px no-repeat;
}	


#registration-form input#lastname{
background: #fff url('../images/registration/user.png') 5px 4px no-repeat;
}


#registration-form input#uname{
background: #fff url('../images/registration/user.png') 5px 4px no-repeat;
}

#registration-form input#email{
background: #fff url('../images/registration/email.png') 5px 4px no-repeat;
}

#registration-form input#emaill{
background: #fff url('../images/registration/email.png') 5px 4px no-repeat;
}

#registration-form input#phone{
background: #fff url('../images/registration/phone.png') 5px 4px no-repeat;
}

#registration-form input#idno{
background: #fff url('../images/registration/id.png') 5px 4px no-repeat;
}

#registration-form input#dob{
background: #fff url('../images/registration/dob.png') 5px 4px no-repeat;
}

#registration-form input#pass1{
background: #fff url('../images/registration/password.png') 5px 4px no-repeat;
}

#registration-form input#pass2{
background: #fff url('../images/registration/password.png') 5px 4px no-repeat;
}

#registration-form input#captcha{
background: #fff url('../images/registration/captcha.png') 5px 4px no-repeat;
}

#registration-form select#location{
background: #fff url('../images/registration/location.png') 5px 4px no-repeat;
}

#registration-form input#location{
background: #fff url('../images/registration/location.png') 5px 4px no-repeat;
}

#registration-form input#company{
background: #fff url('../images/registration/company.png') 5px 4px no-repeat;
}

#registration-form input#subreg{
	
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: #663300;
	cursor: pointer;
   
    font-weight: 500;
    font-size: 3em;
    display: block;
    padding: 4px;
    
}
/*Registration From Validation*/

#registration-form input:required:valid, #registration-form select:required:valid{ /* when a field is considered valid by the browser */
	background: url('../images/registration/good.png') no-repeat 98% center;  
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

#registration-form input:focus:invalid, #registration-form select:focus:invalid { /* when a field is considered invalid by the browser */
    background: url('../images/registration/wrong.png') no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

	aside input 
{
width: 85%;
padding: 8px;
background: #FEFCFF;
margin-bottom: 10px;
border-bottom-color: blue;
border-bottom-width: 1px;
border-radius: 5px;
}


aside input.sub
{ 
margin-top: 5px; 
height: 40px; 
width: 60%; 
font-size: 18px; 
font-weight: bold;
background-color: #82CAFF;
color: #FFF;
opacity: 1;
}

aside input.sub:hover
{ 
cursor: pointer; 
height: 40px; 
width: 70%; 
font-size: 20px; 
font-weight: bold;
color: #FFF;
opacity: 0.8;
}

/* Lists */
article ul, aside ul {
	list-style : none;
	margin : 0 0 20px 0;
	}
	article ul {
		margin : 0 0 20px 23px;
	}
	article ul li {
		background : url(../i/ai2.png) no-repeat 0 8px;
		padding : 0 0 0 17px;
	}
	
/* Gallery */
	
.img {
	
	opacity: 1;
		
		
	clear: left;
	height: 25%;
	width: 25%;
	margin-bottom: 15px;	
	margin-right: 20px;
	padding: 5px;
	float: left;
	opacity: 0.7;
	border-width: 1px;
	border-color: #7f7f7f;
	border-style: dashed;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 3px 3px sienna;
    -moz-box-shadow: 0 0 3px 3px sienna;
    -webkit-box-shadow: 0 0 3px 3px sienna;
	}
	
	.img:hover{
		opacity: 1;
		-moz-transform: scale(1.06);
		-webkit-transform: scale(1.06);
	}
	
	.img#captcha
	{
		border: 0px;
		box-shadow: 0px;
		-moz-box-shadow: 0px;
		-webkit-box-shadow: 0px;
			height: 30px;
	}

/* Sidebar */
aside {
	float : right;
	width : 25%;
	background: white;
	
	font-size: 100%;
	padding: 5px 5px 10px 15px;
	margin: 5px 6px 5px 0px;
	border-style: solid;
	border-color: #663300;
	border-width: 2px;
	border-top: 0px;
    border-radius: 0em 0em 5em 2em;
    -moz-border-radius: 0em 0em 5em 2em;
    -webkit-border-radius: 0em 0em 5em 2em;
    box-shadow: 10px 10px 10px #FFFFCC inset;
    -moz-box-shadow: 10px 10px 10px #FFFFCC inset;
    -webkit-box-shadow: 10px 10px 10px #FFFFCC inset;
}
	
/* Search Box */
.s {
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	margin : 0 0 20px 0;
	padding : 10px;
	width : 179px;
	}
	.s input {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border : 1px solid #CCC;
		color : #999;
		font-size : 11px;
		padding : 4px 5px;
		width : 168px;
	}

/* Navigation & Menu */
nav ul {
	list-style : none;
	}
	nav li {
		background : url(../i/ai1.png) no-repeat 0 8px;
		padding : 0 0 0 15px;
	}
	nav li ul, aside li ul li ul {
		margin : 0;
	}
	nav li li a {
		font-size : 11px;
	}
	nav li li li a {
		font-size : 10px;
		}
	nav li li li, aside li.active li li {
		background : url(../i/ai8.png) no-repeat 0 10px;
	}
	nav li.active, aside li.active li {
		background : url(../i/ai2.png) no-repeat 0 8px;
	}
/* Gallery */
.gallery {  
	list-style : none;
	margin : 0 0 10px;
	}
	.gallery li {
		display: inline;
		margin : 0 15px 0 0;
	}
	.gallery a img {
		border : 1px solid #999;
		height : 50px;
		opacity: 0.8;
		padding : 1px;
		width : 50px;
	}
	.gallery li:last-child {
		margin : 0 0 10px 0;
	}
	.gallery a img:hover{
		opacity: 1;
	}
	
/* Ad Space */
.adspace {
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	-moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
	background : #EEE;
	height : 100%;
	margin : 0 0 20px 0;
	padding : 5px 10px;
	text-align : center;
	width : 178px;
	}
	.adspace a img {
		border : none;
	}

/* Tag Cloud */
#tagcloud {
	overflow : hidden;
	width : 200px;
	}
	#tagcloud li {
	display : inline;
	margin : 0 10px 0 0;
	}
		.tagcloudsize-1 a {
			font-size : 14px;
		}
		.tagcloudsize-2 a {
			font-size : 16px;
		}
		.tagcloudsize-3 a {
			font-size : 18px;
		}

/* Footer */
footer {
	border-top : 2px solid #663300;
	clear : both;
	color : #FFFFFF;
	margin-top: 10px;
	margin-bottom: 0px;
	  background: #663300;
	  margin-top: 20px;
	
	}
	footer a, footer p {
	  
	  padding: 5px 20px;
	  width: 100%;
	  display : inline;
	  margin: 20px auto;
	  font-size : 10px;
	}

/* Wrappers */
#a, #b {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	position:relative;
	
	clear:both;
	width:100%;			
	overflow:hidden;
	}
	#a {
		
		min-width: 780px;
	}
	#b {
		
		min-width: 780px;
	}

/* Shadow-Boxes*/
#c, .meta, .s {
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	-moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
	background : #EEE;
	}
	#c {
		background : #EEE;
		margin : 0 0 20px 0;
		padding : 5px 10px;
		width : 178px;
		}
		#c p, #c a {
			font-size : 11px;
			line-height : 15px;
		}
		#c p {
			margin : 0 0 10px 0;
		}
		#c img {
			float : left;
			margin : 4px 10px 2px 0;
		}	
	.meta {
		margin : 20px 0 3px;
		padding : 2px 5px;
		}
		.meta p, .meta a {
			font-size : 10px;
			margin : 0;
		}