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


body {
font-family: "Helvetica Neue", Palatino, Tahoma, Verdana, Arial;
font-size:11px;
text-align:center;
background:#f4f4f4 url(images/bodybg.gif) center repeat-y; color: #555;
line-height: 17px;
margin:0px;
padding:20px 0px 20px 0px;
}

#wrapper {
width:900px;
padding:10px;
margin: 0px auto 0px auto;
height:auto;
text-align:left;
}

#logo {
height:40px;
}

#header {
margin:0px;
padding-bottom:2px;
width:900px; 
}

#flags{
float:right;
}

/*---Top nav Styles---*/

#hright {float:right; width:900px; height: 40px; margin:12px 0 0 0; }
#hright { font-weight:bold; font-size:13px}
#hright a { color: #FFFFFF; text-decoration:none;background:none; } 
#hright a:hover { color: #1900FF; background:none; text-decoration:none; }


#topnav {
	margin-top:0px;
	padding-bottom:5px;
	height:40px;
	width:900px;
	background: url(images/header.gif) no-repeat;
	font-family:"Helvetica Neue", Palatino, Tahoma, Verdana, Arial;
	font-size: 13px;
}

#container {
padding:0px;
margin:0px 0px 0px 0px;
background-image: ;
background-attachment:scroll;
background-repeat:repeat-y;
background-position:0px 0px;
border-right:1px solid #5460ff;
border-left:1px solid #5460ff;
width:898px;
height:1%;
width:auto;
}

#left {
margin:0px;
width: 285px;
padding:2px 2px 2px 10px;
float:left;
line-height:1.8m;
}

/***** nav stuff *******/
#primary {margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: right;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#secondary {float:right; margin:2px 0 0 0; padding:0; text-align:right;}
#secondary li { display:inline; }
#secondary li a {  color: #FF00FF; text-decoration:none; padding:1px 10px 1px 10px;
height:12px; background:none;}
#secondary li a:hover { background: none;color:#631e19;}
/***** nav stuff end *******/

#center {
height:auto;
width:285px;
padding:2px 2px 2px 2px;
float:left;
margin:0px 0px 0px 6px;
line-height:1.8m;
}

#wide {
height:auto;
width:585px;
padding:2px 2px 2px 2px;
float:left;
margin:0px 0px 0px 6px;
line-height:1.8m;
}

#pagewide {
height:auto;
width:885px;
padding:2px 2px 2px 2px;
float:left;
margin:0px 0px 0px 6px;
line-height:1.8m;
}

h1 {
font-size: 14px;
margin: 0px;
padding:0px;
}

#right {
padding:2px 2px 2px 2px;
height:auto;
width:285px;
float:left;
margin: 0px 0px 0px 6px;
line-height:1.8m;
}

#sidebar{
padding:15px;
}

.clearer {
font-size:0px;
line-height:0px;
display:block;
margin:0px;
padding:2px;
clear:both;
height:0px;
width:auto;
}

#footer {
margin:0px auto 0px auto;
padding-top: 4px;
text-align:center;
width:890px;
height:80px; 
background: url(images/header.jpg) no-repeat;
border-top: #F1F1F1 thin solid;
}

#footer p {
color: #999999;
margin:0px auto 0px auto;
padding:5px;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#FF0033;
text-decoration: none;
}

#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#bottomcontenttop{
width:900px;
height:10px;
background: url(images/b_contenttop.jpg) no-repeat;
}

/***** orange top and bottom container ******/
#bottomcontent{
width:898px;
border-right:1px solid #5460ff;
border-left:1px solid #5460ff;
}

#bottomcontentbtm{
width:900px;height:10px;
background: url(images/b_contentbtm.jpg) no-repeat;
}
/***  end of orange container ***/

.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#title {float:left; width:240px; padding: 20px 0 10px 0px;}
#title h1 {font-size:12px; padding:5px 0 0 0; margin:0; color:#5460ff;}


/* -----------------  general styles  -------------------------------------------------------*/

a { color: #666666; text-decoration: none;background:none; }
a:hover { color: #5460ff; background: none; text-decoration: underline; }
p { margin:0;padding-top:2px;}
h2 { font-weight:bold; font-size:17px; padding:0px 0 10px 0px; margin: 0 0 10px 0; color: #333333; background:none; border-bottom: thin solid #EEEEEE; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 50px 'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}

/* -----------------  post date -------------------------------------------------------*/
.post-date {
	width: 45px;
	height: 40px;
	float:left;
	/*background: url(images/date-bg.png) repeat-x;*/
	margin: 0px 10px 2px 0px;
	padding: 2px 0px;
}
.post-year, 
.post-month {
	font-size:10px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 1.1em;
	padding-top: 2px;
}
.post-day {
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 0.7em;
	padding-top: 7px;
}

.post-calendar {
	line-height: 4em;
	font-size: 0.9em;
	color: #999999;
}

/***index page menu***/
.menu{
        width: 100%; 
		height: 30px;}
		
.menu ul{
        margin: 0; padding: 0;
        }

.menu ul li{
        display: inline;}

.menu ul li a{
        float: right; text-decoration: none;
        color: white;  
		background: url(images/white-box.gif) no-repeat center left;
		margin-top:12px;
		margin-left:14px;
		padding-left:1px;
		padding-right:2px;
		font-weight:bold;}

.menu ul li a:visited{
        color: white;}

.menu ul li a:hover, .menu ul li .current{
        color: #84BFFF;
		text-decoration:none;}