@import url(reset.css);
@import url(text.css);

body{font-size:62.5%; background-color:#393939;}
#page{ position:relative; width:920px; padding:20px; margin:0 auto; margin-top:20px;  background:#FFF;}


#header{position:relative; height:130px; }
	img#logo{width:329px; height:94px; position:absolute; top:20px; left:0;}
	#header-search{width:200px; height:30px; position:absolute; top:10px; right:10px; background:#393939; padding:5px; border:1px solid #CCC; }
	#header-search input[type="submit"]{ background:#F4B840; border:1px solid #CCC; color:#FFF; padding:3px; -webkit-border-radius: 3px;	 -moz-border-radius: 3px;	border-radius: 3px}
#header-search input[type="text"]{ background:#FFF; width:140px;border:1px solid #CCC; padding:5px; -webkit-border-radius: 3px;	 -moz-border-radius: 3px;	border-radius: 3px}
	#navigation{border-bottom:8px solid #E4AC3D; height:24px;}
		ul.nav{ list-style-type:none; margin-bottom:0; }
			ul.nav li{display:inline; margin-left:0;}
			ul.nav li a{
					background:url(../images/nav-button-bg.gif) repeat-x; 
					text-transform:uppercase; 
					color:#FFF;
					height:10px;
					padding:2px 20px 12px 20px; 
					 text-align:center; 
					margin-right:0;
					display:block;
					 float:left;
					  text-decoration:none; 
					 font-size:1em;
					 border-right:1px solid #FFF;
			 }
			 
			 ul.nav li.selected a{
					background:url(../images/nav-selected-bg.gif) repeat-x; 
				}	
					
			 ul.nav li a.last{margin-right:0;}


#content-container{ margin-top:20px;}

#crumbs{padding:5px;	background:#E6EFF6; border:1px solid #CCC;margin-bottom:20px; font-size:1.1em;}

.event-summary, .news-summary, .group-summary, .directory-summary, .event-details{
border:1px solid #ccc; 
padding:15px 15px 15px 60px; 
margin-bottom:20px; 
border-bottom-width:2px; 
border-left-width:2px;
}	

.event-summary{background:#f9f9f9 url(../images/icons/calendar.png) 10px 10px no-repeat; }	
.news-summary{background:#f9f9f9 url(../images/icons/news.png) 10px 10px no-repeat; }	
.group-summary{background:#f9f9f9 url(../images/icons/group.png) 10px 10px no-repeat;}	
.directory-summary{background:#f9f9f9 url(../images/icons/business-entry.png) 10px 10px no-repeat; }	
.event-details{background:#fff url(../images/icons/calendar.png) 10px 10px no-repeat;  }	

#events-teaser, #socials{background:#f9f9f9 ; border:1px solid #ccc; padding:10px; margin-bottom:10px;}
#events-teaser ul li{border-bottom:1px dotted #FDB06B; list-style:none; margin-left:0; padding:5px 0;}
#home-calltos{margin-bottom:10px;}
#newsletter, .register{background:#fff ; border:1px solid #ccc; padding:10px; margin-bottom:10px;}

#search-results{margin-bottom:10px;}
.ajaxSearch_result{border-bottom:1px dotted #CCC; padding:5px; margin-bottom:10px; font-size:1.2em;}

#main{float:left; margin-right:10px; width:600px;}
#main-full{float:left; margin-right:10px; width:920px;}

#sidebar{width:270px; float:right;}

#news-teaser{background:#f9f9f9; border:1px solid #CCC; padding:10px;}
.news-item{margin-bottom:20px;}


#footer{ padding:5px; border-top:1px dotted #F4B840;}


/* Form Styles*/

form#SignUpForm label{display:block; font-weight:700;}
form#SignUpForm div{margin-bottom:8px;}

form#SignUpForm input[type="submit"], form.register input[type="submit"]{background: #F4B840 url(../images/nav-selected-bg.gif) repeat-x;  padding:5px 10px; border:1px solid #CCC;}
			 form.register{ margin-top:10px; width:420px;}
	form.register div{margin-bottom:8px;}
	form.register label{font-weight:700; float:left; margin-right:10px; width:150px;}
	form.register input{float:left;}
	span.error{color:#FF0000; float:right; font-weight:700;}

	
#sitemap ul ul{font-size:1em; margin-left:30px;}

/*useful classes*/

.floatl{float:left; }
.floatr{float:right; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.success{background:#D8F0B3; padding:5px; border:1px solid #427916; margin:10px 0;}

a.top{	margin-top:10px;}


/*for fun*/
		a.more, form.contact input#submit{display:block; padding:10px; background:#005BAA; color:#FFF; width:80px; text-align:center; text-decoration:none; font-weight:700;}
		.rounded-top{
			            -webkit-border-top-left-radius: 6px;
						-webkit-border-top-right-radius: 6px;
						-webkit-border-bottom-right-radius: 0px;
						-webkit-border-bottom-left-radius: 0px;
						-moz-border-radius-topleft: 6px;
						-moz-border-radius-topright: 6px;
						-moz-border-radius-bottomright: 0px;
						-moz-border-radius-bottomleft: 0px;
						border-top-left-radius: 6px;
						border-top-right-radius: 6px;
						border-bottom-right-radius: 0px;
						border-bottom-left-radius: 0px; 
                              }
							  
			.rounded-small{-webkit-border-radius: 3px;	 -moz-border-radius: 3px;	border-radius: 3px;}	
            .rounded-large	{-webkit-border-radius: 10px; -moz-border-radius: 10px;	border-radius: 10px;}	
			.shadowed{-webkit-box-shadow: 1px 1px 2px  #333; -moz-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; }
			.text-shadow-white{text-shadow: -1px -1px 1px #ffffff;filter: dropshadow(color=#ffffff, offx=-1, offy=-1) }

/**article pagination**/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;

}
#ditto_pages{height:20px;}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #393939;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #393939;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}