

/* Reset */
logo, footer, article, nav, section, aside, time, hgroup {
	display : block;
}
html, body, logo, 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;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	margin : 0;
	outline : 0;
	padding : 0;
}
strong,  strong * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }

/* BASICS */
BODY {
	background : #FFF;
	color : #444;
}

A {
	color : #474B4C;
	text-decoration : none;
	}
	A:HOVER {
		color : #DD4B39;
	}

H1, H3, H4, H5, H6 {
	border-bottom : 1px dotted #B5B3A9;
	color : #333;
	font: bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	margin : 0 0 10px;
	padding : 0 0 0 0px;
	}
	H1 {
		margin-top:20px;
		margin-bottom: 0px;
		font-size: 2.1em;
	}
	H2 {
		font-size: 1.2em;
		margin : 0 0 0px 0;
	}
	H3 {
	}
	H3, H4, H5, H6 {
		font-size: 2.0em; font-weight: normal;
	}
	
SUP {
	top : -4px;
}
/*-------------------------------------
   2. HEADER
-------------------------------------*/

/*----- 2.1. TOP NAVIGATION -----*/
logo {
	background-color:#535758;
	margin : 0 0 0 0;
	padding-top : 6px;
	position : relative;
	}
	logo a {
		color : #FFF;
		font-size : 16px;
	}
	logo a:hover {
		color : #FFF;
	}

/* Article */
.wrapper {
	width: 960px;
	margin: 0 auto;
	background-color:#fff;
	text-align:left;
}
#logobar {
	height: 66px;
	background-color:#535758;
	repeat-x;
	position: relative;
	
	}	
	


/* menu */
.menu_nav { padding-top:20px; padding-right:0px; float:right; width:520px;  }
.menu_nav ul { list-style:none;}
.menu_nav ul li { margin: 4px; }
.menu_nav ul li a { display:block; margin-left: 10px; padding: 4px; color:#efebe0; text-decoration:none; float:right; font-size: 12px;  padding-left: 10px; padding-right: 10px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { background-color: #DD4B39; 	-moz-border-radius :3px;
	-webkit-border-radius : 4px;}
	

/* Header */

/* Article */

article {
	/*border-right : 1px solid #D2D2D2; */


	float : left;
	height : auto;
	padding : 0 10px 0 20px;
	width : 100%;
	}
	article p {
		margin : 0 0 20px 0;
	}
	article img {
		float : left;
		margin : 6px 10px 0 0;
	}
article span {
	font-size: 11px;
}

article H3 {
	padding-top: 20px;
	font-size: 1.8em;
}
article H4 {
	padding-top: 6px;
	font-size: 1.4em;
}

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	padding : 5px 10px;
	margin-top: 20px;
}
	.highlight-1 {
		background : #FFCCCC;
		border : 1px dotted #FF9966;	
	}
	.highlight-2 {
		background : #FFFFCC;
		border : 1px dotted #FFCC33;	
	}
	.highlight-3 {
		background : #CCFF99;
		border : 1px dotted #CCCC33;
	}

.notify, .error, .error-low {	
		text-align: center;
}
.notify {
		background : #CCFF99;
		border : 1px dotted #CCCC33;
		padding-left: 20px;
}
.message {
		
		background : #CCFF99;
		border : 1px dotted #CCCC33;
		margin-top: 20px;
		margin-right: 20px; 
		padding: 20px;

}
.error {
		background : red;
		border : 1px dotted #FF9966;
		padding-left: 20px;
		color:white;
}
.error-low {
		background : #CCFF99;
		border : 1px dotted #FF9966;
		padding-left: 20px;
		color:white;
}
/* Citations & Quotes */
cite {
	border-left: 2px solid #006699;
	color : #666;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	margin : 0;
	padding : 5px 10px;
}

blockquote {
	border-left: 2px solid #006699;
	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 #006699;
		margin : 0 0 10px 0;
		padding : 5px;
		display : block;
	}

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


/* 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 #006699;
		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 : 15px;
	}
	article label {
		color : #666;
		display : block;
		font-size : 12px;
		font-weight : bold;
		margin : 0 0 0 2px;
		padding : 5px 5px;
		float: left;
		min-width: 105px;
	}
	article input, article textarea {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border : 1px solid #CCC;
		font-size : 11px;
		padding : 4px 5px;
		width : 50%;
		min-height: 35px;
	}
	article input {
		margin : 0 0 10px;
		display: block;
	}
	article input.button, .btn {
		background: #999;
		border : 1px solid #888;
		color: #FFF;
		cursor : pointer;
		font-weight : bold;
		margin : 10px 0 0 0;
		text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
		width : 25%;
		margin-left: 115px;
		display: block;
	}
	article textarea {
		height : 100px;
		display: block;
	}


/* 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(../images/ai2.png) no-repeat 0 8px;
		padding : 0 0 0 17px;
	}

/* Sidebar */
aside {
	float : left;
	margin : 0 0 20px 0;
	width : 279px;
	background-color:#EDEDED;
	min-height:1000px;
	border-right : 1px solid #D2D2D2;
	border-left : 1px solid #D2D2D2;


	
}

/* 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(../images/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(../images/ai8.png) no-repeat 0 10px;
	}
	nav li.active, aside li.active li {
		background : url(../images/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 : 1px dotted #B5B3A9;
	clear : both;
	margin : 20px 0;
	}
	footer a, footer p {
	  color : #666;
	  display : inline;
	  font-size : 10px;
	}

/* Wrappers */
#a, #b {
	margin : 0 auto;
	position : relative;
	}
	#a {
		width : 960px;
	}
	#b {
		overflow : hidden;
	}

/* 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;
		min-height: 50px;
		}
		.meta p, .meta a {
			font-size : 10px;
			margin : 0;
		}

.slidingDiv {
	padding:0px;
	margin-top:0px;
}

.show_hide {
	display:none;
}
/* dateinfo */
.post-meta p.dateinfo {
  background: url(../images/date-bg.gif) no-repeat;
  height: 83px;
  width: 68px;
  margin: 0px 0 0 0px;
  padding: 8px 0 0 1px;
  font: bold 15px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
}
.post-meta p.dateinfo span {
  font: bold 30px Arial, Helvetica, sans-serif;
  display: block;
  color: #555;
  margin: 8px 0 0 0;
  padding: 0;
  letter-spacing: 0;
}

/* post meta */
.post-meta {
    width: 150px;
    font-size: .9em;
    margin: 17px 0 0px 0px;
    padding: 0px;
	float:right;
	


	
}
.post-meta h4 {
   text-align: left;
   margin: 0;
   padding-top:  20px;
   color: #DD4B39;
   border:none;
   font-size: 1.2em;
   font-weight: bold;
   
}
.post-meta ul {
   list-style: none;
   margin: 0; padding: 0;
   border-top: 1px solid #F1F1F1;
}
.post-meta ul li {
	list-style: none;
	border-bottom: 1px solid #F1F1F1;
   padding: 2px 3px;
	margin: 0;
   text-align: right;
	color: #474B4C;
}

* html body .left .post-meta ul li { height: 1%; }

.post-meta ul li.number { background: url(../images/number.gif) no-repeat 2px center; }
.post-meta ul li.date { background: url(../images/date.jpg) no-repeat 2px center; }
.post-meta ul li.time { background: url(../images/clock.gif) no-repeat 2px center; }
.post-meta ul li.place { background: url(../images/place.gif) no-repeat 2px center; }
.post-meta ul li.approved { background: url(../images/ticked.png) no-repeat 2px center; }
.post-meta ul li.notapproved { background: url(../images/cross.png) no-repeat 2px center; }

.post-meta ul li a { color: #147DB6; }
.post-meta ul li a:hover { color: #333; }



/* --------------------------------------more button ------------------------------ */

a:link.more, a:visited.more {
	margin: 0px;
	padding: 10px 30px;
	border: 1px solid #D1D1D1;
	background-color: #DD4B39;
	text-decoration: none;
	font-weight: bold;
	color: #fff;

}
a:hover.more {
	border: 1px solid #474B4C;
	background-color: #535758;
}
/* css3 design enhancements */
a:link.more, a:visited.more, a:link.approvelink, a:visited.approvelink , a:link.download, a:visited.download{
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}


a:link.download, a:visited.download {
	margin: 0px;
	padding: 10px 30px;
	border: 1px solid #D1D1D1;
	background-color: #DD4B39;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
width: 300px;	display:block;
}
a:hover.download {
	border: 1px solid #474B4C;
	background-color: #535758;
}

a:link.approvelink, a:visited.approvelink {
	margin: 15px 15px 0 0;
	width:150px;
	padding: 8px 10px;
	border: 1px solid #D1D1D1;
	background-color: #535758;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-align:center;

}
a:hover.approvelink {
	border: 1px solid #DD4B39;
	background-color: #DD4B39;
}


topbox {
	

	float : left;
	height : auto;
	padding : 0 0px 0 0px;
	width : 650px;
	display:block;
	}
	topbox p {
		margin : 0 0 20px 0;
	}
	topbox img {
		float : left;
		margin : 6px 10px 0 0;
	}
topbox span {
	font-size: 11px;
}

topbox H3 {
	padding-top: 20px;
	font-size: 1.8em;
}

topbox-side {
	float : left;
	height : auto;
	padding : 0 0px 0 20px;
	width : 460px;
	display:block;
	}
	
dl {  padding: 0.5em; } dt { float: left; clear: left; width: 70px; text-align: left; font-weight: bold; color: #DD4B39; } dt:after { content: ":"; } dd { margin: 0 0 0 80px; padding: 0 0 0.5em 0; }
	
	
.tooltip{
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	padding : 5px 10px;
	margin-top: 20px;

background : #CCFF99;
    position:absolute;
    z-index:999;

background:#fff;border:1px solid #999;box-shadow:0 0 5px #bbb;-moz-box-shadow:0 0 5px #bbb;-webkit-box-shadow:0 0 5px #bbb;
width:230px;
top:0px;

right:103px;

}

.tooltip h3{
	color:#DD4B39;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border: none;
}
.tooltip p{
	border-top : 1px dotted #E1E1E1;
	padding: 2px;

}

a:link.tooltip, a:visited.tooltip, a:hover.tooltip {

	border: 1px solid #DD4B39;
	background-color: #DD4B39;
}

.tooltip date{
font-size: 10px;
font-weight: bold;
display: block;
}

.tooltip subject{
font-size: 11px;
font-weight: bold;
display: block;
}


.badger-outter
	{
	background:#fff;
	border:1px solid #ccc;
	min-width: 25px;
	height: 25px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow:0px 1px 5px #ccc;
	-moz-box-shadow:0px 1px 5px #ccc;
	-webkit-box-shadow:0px 1px 5px #ccc;
	float:left;
	position:absolute;
	top:-19px;
	right:-18px;
    z-index:999;
	}
.badger-inner
	{
	min-width: 15px;
	height: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #DD4B39;
	background: -moz-linear-gradient(100% 100% 90deg, #f13c31, #f79690);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f79690), to(#f13c31));
  	background: -webkit-linear-gradient(#f79690, #f13c31);
    background: -o-linear-gradient(#f79690, #f13c31);
    margin:2px;
    z-index:999;
text-align: center;
	}
.badger-badge
	{
	color:#fff;
	padding:1px 1px;
	margin:0;
	text-align:center;
	text-shadow:0px -1px 1px #e01b0f;
    z-index:999;
	}
.badger-text
	{ font-size:12px; }
.badger-number
	{ font-size:12px; 
	line-height: 18px;
	text-align: center;
	}