/*

Theme Name: Gayul
Description: Gayul theme by <a href="http://www.drukhost.com">DrukHost</a>.
Version: 1.0
Author: DrukHost
Author URI: http://www.DrukHost.com

*/
*{
	margin: 0; 
	padding: 0;
}
body, html{
background:url(images/1.jpg) repeat;
margin:0;
font-family:georgia;
font-size:14px;
color:#3e0f03;
}
a{
color:#933017;
text-decoration:none;
}
a:hover{
color:#3e0f03;
text-decoration:none;
}
#topline{
background:url(images/top.jpg) repeat-x fixed;
height:40px;
padding:0;
position:fixed;
top:0px;
width:100%;
z-index:3;
}
#leftwrap{
margin-top:40px;
background:url(images/side.jpg) top left repeat-y fixed;
padding:0;
}
#rightwrap{
background:url(images/side.jpg) top right repeat-y fixed;
padding:0;
}
#wrapper{
width:900px;
margin:0 auto;
}
#navigation{
background:url(images/navbg.jpg) repeat;
border-bottom:1px solid #b97e01;
border-top:1px solid #b97e01;
overflow:auto;
padding:5px;
}
#breadcrumbs{
width:500px;
float:left;
}
#datebar{
float:right;
width:200px;
color:#fff;
}
#navbar{
list-style:none;
padding:0 10px;
}
#navbar li{
float:left;
padding:10px 10px;
}
#navbar li a{
color:#fff;
text-decoration:none;
font-weight:bold;
font-family:century gothic;
font-size:16px;
border:none;
display:block;
}
#navbar li:hover{
background:url(images/navbghover.jpg) repeat-x;
}
#navbar li ul{
position:absolute;
top:-999em;
list-style:none;
width:150px;
}
#navbar li:hover ul{
top:auto;
float:none;
display:block;
background:url(images/navbghover.jpg) repeat;
margin-top:10px;
margin-left:-10px;
}
#navbar li:hover li{
padding:2px;
margin:0;
display:block;
border-bottom:1px solid #fff;
}
#navbar li:hover li:hover a{
color:#990000;
}


#main{
clear:both;
background:url(images/2.jpg) repeat;
padding:10px;
overflow:auto;
}
#sidebar{
width:220px;
border:1px solid #dfd6b2;
clear:both;
float:left;
}
#sidebar .innerbar{
padding:10px;
background:#f9e0ab;
text-align:center;
}
#sidebar .innerhead{
background:#d59431;
color:#fff;
font-weight:bold;
margin-bottom:5px;
padding:3px;
}
.innerbar img{
border:0;
padding-bottom:5px;
}
.innerbar ul{
text-align:left;
margin-left:20px;
padding-bottom:5px;
}
.innerbar ul ul{
margin-left:10px;
list-style:none;
}
.innerbar ul li a{
text-decoration;
/*border-bottom:1px dotted;*/
color:#933017;
font-weight:bold;
}
.innerbar ul li ul li a{
font-weight:100;
}
.innerbar ul li a:hover{
border-bottom:none;
text-decoration:underline;
color:#3e0f03;

}
#content{
float:right;
width:630px;
background:#fff5cf;
padding:10px;
}
#content h1{
color:#6a2b1b;
border-bottom:1px dotted;
font-family:century gothic, georgia, tahoma, arial, verdana;
font-size:18px;
}
#content h2{
color::#6a2b1b;
font-family:font-family:century gothic, georgia, tahoma, arial, verdana;
font-size:15px;
margin-left:5px;
}
#content p{
padding:5px;
line-height:20px;
font-size:14px;
}
#content ul{
list-style:none;
}
#footer{
clear:both;
margin:0 auto;
margin-top:10px;
width:600px;
background:url(images/footerbg.jpg) no-repeat;
padding:10px;
font:12px arial;
text-align:center;
height:30px;
}
#footer a.credits{
font-size:11px;
text-decoration:none;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
#content ul, #content ol{
margin-left:20px;
}