@charset "utf-8";
/* CSS Document */

/* Global white space reset */
 {
margin:0pt;
padding:0pt;
}
body {
margin:0px;
padding:0pt;
background:url(images/page_bg.jpg) top left repeat-x #51487B;
}
#wrapper {
width:1000px;
background: #e4e4e4 url(images/wrapper_bg.jpg) top left no-repeat;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#header {
width: 1000px;
background:url(images/header.jpg) top left no-repeat;
height:130px;
margin: 0;
padding: 0;
}

/*FOOT*/
#foot_daddy {
clear:both;
height: 100px;
margin:0
padding:0;
background:url(images/foot_bg.jpg) top left repeat-x;
}
#footer{
position:relative;
background-color:#CCCCCC;
width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom: 5px;
}
#footer p{
margin:0 0 0 20px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #111;
text-decoration:none;
} 

#menu{
	height: 40px;
	position:absolute;
	left:238px;
	top: 10px;
	width: 603px;
}
#menu ul{
display:block;
}
#menu ul li{
list-style:none;
display:inline;
margin:0;
}
#menu ul li a{
height: 15px;
padding:4px 15px;
background:url(images/menu_bg.jpg) top left repeat-x;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#menu ul li a:link, a:visited{
color:#222;
}
#menu ul li a:hover {
color:#FF6600;
}
#menu a:link.highlight{
background: url(images/menu_pk.jpg) bottom left repeat-x;
color:#fff;
}


/*BLOG*/
#blog{background:url(images/column.png) top center repeat-y;float:left;width:920px;padding:0 20px;}
#blog a{text-decoration:none;}
#sidebar{float:left;width:230px; padding:10px;margin-left: auto;margin-right:auto;}
#sidebar ul{
list-style:none;
margin:0;
padding:0;
}
#sidebar ul li{
margin:0;
width: 90%;
}
#sidebar ul li a{
display: block;
padding:2px 2px 2px 0.5em;
border-left:5px solid #FFF;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#efefef;
color: #222;
text-decoration:none;
width:90%;
}
#sidebar ul li a:hover{
border-left:5px solid #FF9900;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#000;
color: #fff;
}

#blog_area{padding-left:20px;float:right;width:625px; padding:10px;margin-left: auto;margin-right:auto;float:right;}

#blog_content{
float:left;
background:#000000 url(images/body_bg2.jpg) top left no-repeat;
position:relative;
width:960px;
margin:0;
padding:85px 20px 0 20px;
}
#blog_content p{
font-family: Arial, Helvetica, sans-serif;
line-height:20px;
font-size: 13px;
color: #222;
padding-left: 20px;
padding-right: 20px;
 }
 #blog_content p.small{font-size:10px}

#blog_content h3{
margin-top:10px;
clear:both;
color:#fff;
background-color: #30213E;
font-family:"Times New Roman", Times, serif;
font-size: 16px;
background: url(images/purple_hdr.jpg) top left repeat-x;
padding: 5px 0 5px 10px;
}

#footer ul{
	width:720px;
	display:block;
	position:absolute;
	left:10px;
	top:28px;
	padding:0;
	list-style:none;
}

#footer li{
float:left;
 font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 border-right: 1px solid #ccc;
 font-size: 10px; 
 font-weight:normal;
 }
#footer ul li a{padding:0 15px 0 12px; color:#CCCCCC; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer li.home{border-left: 1px solid #eaeaea;}
/* 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 */