/****************************************
 * Learing Source base template
 * 
 * by MarkITable
 * 
 * 15/09/09
 * 
 ****************************************/

html,
a,
img,
a img,
h2 a img
{
	padding: 0;
	margin: 0;
	border: 0;
}

#page-wrapper img,
#page-wrapper a img
{
	padding: 0;
	margin: 0;
	border: 0;
}

h2#header
{
	margin-top: 0;
	padding-top: 27px;
	margin-bottom: 5px;
	text-align: center;
}

img#header-image {
margin-bottom:17px;
width:730px;
}


/*****************************************
 * Core page
 ****************************************/

body
{
	margin: 0;
	padding: 0;
}

#page-wrapper
{
	width: 855px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid;
	border-width: 0 1px;
}

/*****************************************
 * Main Menu
 ****************************************/

#navigation-light
{
	float: right;
	/*position: relative;*/
	/*left: 13px;*/
	padding-bottom: 2px;
	padding-top: 6px;
	text-align:right;
	width:580px;
}

/***********
 * User Menu
 **********/


#navigation-light .status-control
{
	display: inline;
}

#navigation-light span.sep { padding: 0 5px; }



/*****************************************
 * Content
 ****************************************/

#content
{
	/*clear: both;*/
	padding: 110px 0 0;
	float:right;
	width: 580px;
}






/*****************************************
 * Left Side bar
 ****************************************/

#left {
float:left;
width:245px;
border-width: 0 1px 0 0;
border-style: solid;
}

#left h2 
{
	margin-top:0;
}

#left .left-content 
{
	padding-right:8px;
	padding-left:8px;
	padding-top:8px;
}

#left .left-box .left-box-content  
{
	margin-bottom:20px;	
}

#left .left-box h3 
{
border-bottom-width:1px;
border-bottom-style:solid;
padding-bottom:2px;
margin-bottom:4px;
}


#left hr 
{
	height:1px;
}

/*****************************************
 * Left - Menu Items
 ****************************************/
#left ul.menu 
{
margin:0;
}

#left ul.menu li a 
{
padding: 5px;
padding-left:5px;
padding-right:5px;
border-width: 1px;
border-style: solid;
display: block;
}




/*****************************************
 * Left - Event Categories
 ****************************************/


#left hr {
border-width: 1px 0 0;
border-style: solid;
margin: 3px 0;
}

#left .events .left-box-content {
	margin-top:8px;
}


#left .events .view-all 
{
	margin-top:5px;
	text-align:right;
}





/*****************************************
 * Left - Upcoming Events
 ****************************************/

#left .upcoming-events h3  {
margin-bottom: 0;
}

#left .upcoming-events .left-box-content 
{
	padding-left:8px;
}

#left .upcoming-events .empty
{
	display:block;
	margin-top:10px;
	
}

#left .upcoming-events ul {
margin:0;
padding:0;
float:left;
}


#left .upcoming-events ul li {
padding: 6px 0 6px;
width: 221px;
border:1px solid;
border-width: 0 0 1px 0;
display:block;
float:left;
margin:0;
cursor: pointer;
}

#left .upcoming-events ul li.first {
border-top:1px solid;
}

#left .upcoming-events ul li a {
display:block;
padding:5px;
padding-top:2px;
padding-bottom:2px;
}


#left .upcoming-events ul li .datetime,
#left .upcoming-events ul li .event {
float: left;
}

#left .upcoming-events ul li .datetime {
height: 37px;
text-align: center;
width: 36px;
}

#left .upcoming-events ul li .datetime span {
display: block;
}

#left .upcoming-events ul li .event {
margin-left:7px;
width:172px;
padding-top: 0;
}

#left .upcoming-events ul li .datetime .day {
border-width: 0 1px 1px;
border-style: solid;
}

#left .upcoming-events .view-more {
padding-top: 5px;
text-align: right;
clear: both;
}




/*****************************************
 * Left - Featured Event
 ****************************************/


#left .featured-event h4 {
margin: 0;
}

#left .featured-event .event {
padding: 5px;
padding-right:0;
line-height:1.3;
}

#left .featured-event .event .registration-button-container 
{
	text-align:right;
}

#left .featured-event .event .title 
{
	display:block;
}

#left .featured-event .event .title,
#left .featured-event .event .meta {
	margin-bottom: 10px;
}

#left .featured-event .event p {
margin: 0;
}

#left .featured-event .event .more {
padding-top: 10px;
}






/*****************************************
 * Left - Login
 ****************************************/

#left .login #form-login {
margin-left: 5px;
margin-top: 14px;
}

#left .login #form-login .login-field 
{
	margin-bottom:5px;
	float:left;
}

#left .login #form-login label 
{
	display:block;
	float:left;
	width:65px;
	padding-top:4px;
	padding-right:5px;
}

#left .login #form-login .login-field-remember-container label 
{
	padding:0;
	float:none;
	display:inline;
	width:auto;
}

#left .login #form-login .textbox-input {
	float:left;
	width:145px;
}

#left .login #form-login .login-button-container 
{
	clear:both;
}

#left .login #form-login .login-button {
float: right;
}







#footer 
{
	font-size:0.9em;
	padding-top:30px;
	padding-bottom: 20px;
	margin-left: 5px;
}

#footer p 
{
	margin:0;
	margin-bottom:5px;
}