/* CSS Document */

body { 
	background:url(img/bg.jpg) repeat-x top center #373737; 

	margin:0px;
	padding:0px;
	text-align:center;
	font:12px Georgia,serif;

}

	/* 
	Changing the color name (or changing the #ffff00 hexadecimal equivalent), will change the background color.
	
	Tiled Image:
	------------
	This will put a background image into your web page, the image repeating across the top, row by row, until 
	the web page background is covered.
		BODY { background-image: url(image.jpg); }
	The URL can be specified as relative or absolute. The following are all valid formats:
	url(image.jpg);
	url(graphics/image.jpg);
	url(http://domain.com/pictures/image.jpg);

	Image Not Repeated, With Exact Positioning:
	-------------------------------------------
	This will print the background just once, placing it in the top-left corner of the web page. 
	     background-repeat: no-repeat;
	
	To position the image in a place other than the top-left
	corner, use the background-position label. For example,
	this will print the background image at the right-top of
	the web page.
	     background-position: right top;
		 
	The words you can use for posita{
	color:#9CF;
	text-decoration:none;
	border-bottom:1px dotted #9CF;
}

a:hover{
	color:#FFF;
	border-bottom:1px dotted #FFF;
}

h1,h2,h3,h4,h5,h6{
	font-variant:small-caps;
	margin:12px;
	font-weight:normal;
	margin-left:0;
}

h1{font-size:24px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}

ul{
	list-style-type:square;
}

/* 
------------------------------------------------------------ */
.intro{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	background-color: #222; 
}

.dropcap{
	line-height:60px;
	font-size:60px;
	width:auto;
	float:left; 
	margin:-3px 5px 0 0;
	color:#aaa;
}

/* ------------------------------------------------------ */
#container{
	width: 1000px;
	margin:auto;
	padding:70px 0 10px 0;
	color:#ccc;
}

/* ------------------------------------------------------ */
#header{
	font-variant:small-caps;
	font-size:36px; 
/*	position:relative; */
	margin:auto;	 
}

/* ------------------------------------------------------ */
#menubar{
	background-color:#222;	 
	font-variant:small-caps;
	font-size:14px;
	border-top:3px double #999;
	border-bottom:3px double #999;
	margin:10px 0 10px 0;
}

#menubar ul{
	list-style:none;
	margin:4px;
}

#menubar ul li{
	display: inline;
	padding:0 40px 0 0;
}

#menubar ul li a{
	color:#9CF;
	text-decoration:none;
	border-bottom:0;
	background-image:none;
}

#menubar ul li a:hover{
	color:#CCC;
}

/* ------------------------------------------------------ */
#sidebar{
	width:200px;
	float:right; 
	text-align:left;	 
}

.nav{
	text-align:left;
/*	width:200px; */
	font-variant:small-caps;
	letter-spacing:1px;
}

.nav a{
	display:block;
	background-color:transparent;
	border-bottom:0;
	padding:10px;
}

.nav li{
/*	width:200px; */
	height:35px;
	margin:0 0 -1px -40px;
	white-space:nowrap;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	background-color:#222; 
	list-style-type:none;
}

.nav li:hover{
	background-color:#333;
}

/* ------------------------------------------------------ */
.sideitem{
	background-color:#222;	 
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	margin-top:10px;
}

.sideitem p,.sideitem h3{
	margin:10px;
	line-height:16px;
}

.sideitem h3{
	color:#9CF
}

/* ------------------------------------------------------ */

#content{
	text-align:left;
	width:800px;
	float:left; 
	position:relative; 
	margin:auto;
}

#content p{
	line-height:20px;
	letter-spacing:1px;
}

/* ------------------------------------------------------ */
.blog{
	width:800px;
}

/* ------------------------------------------------------ */
.blog_r{
	float:right; 
	width:650px;
	padding-top:10px;
	padding-left:10px;
}

.blog_r h2{
	margin-top:-8px;
}

.blog_r h5{
	margin-top:-16px;
	letter-spacing:2px;
	color:#9CF;
}

/* ------------------------------------------------------ */
.blog_l{
	border-top:3px double #999;
	float:left; 
	width:136px;
	text-align:right;
	font-variant:small-caps;
	letter-spacing:2px;
}

.blog_l img{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 0 2px 0;
	margin-bottom:10px;
}

/* ------------------------------------------------------ */
#footer{
 	border-top:3px double #CCC;
 	text-align:center;
 	font-size:11px;
/* 	width:100%; */
	height:30px;
	background-color:#222;
/*	position:absolute;
	bottom:-70px; */	
	clear:both;
}

#footer p{
	margin-top:4px;
}