/* MAIN CSS DOCUMENT FOR OPEN SOURCE WEBSITE */


/* Main Overrides */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	background-color: #333;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;
}

a:link, a:visited {
	color: #FF4C0C;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
}
ul, ol {
	margin:20px;
}
h2, h3, h4, h5, h6, h7, h8 {
	color:#FF4C0C;	
}



#pageWrapper {
	margin: auto;
	width: 980px;
}
#pageTop {
	background-image: url(../images/pageTop.png);
	background-repeat: no-repeat;
	height: 30px;
}
#pageContent {
	background-image: url(../images/pageBG.png);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}
#pageFooter {
	background-image: url(../images/pageFooter.png);
	background-repeat: no-repeat;
	height: 30px;
}
#headerArea {
}
#logoContainer {
	background-image: url(../images/OS_Logo.png);
	background-repeat: no-repeat;
	height: 110px;
	width: 215px;
	float: left;
}
#logoContainer h1 {
	text-indent: -2000px;
}
#menuArea {
	background-color: #333;
	float: left;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 930px;
}
#menuArea ul {
	float: left;
	list-style: none;
	width: 920px;
	margin:0;
}
.clearAll {
	clear: both;
}
#menuArea li {
	float: left;
}

#menuArea ul a {
	display: block;
	height: 20px;
	padding-right: 47px;
	text-indent: -2000px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Home link */
#menuArea .menuHome:link, #menuArea .menuHome:visited {
	background-image: url(../images/menuHome.gif);
	background-repeat: no-repeat;
	width:55px;
}
#menuArea .menuHome:hover, #menuArea .menuHome:active {
	background-position: 0px -20px;
}

/* Profile link */
#menuArea .menuProfile:link, #menuArea .menuProfile:visited {
	background-image: url(../images/menuProfile.gif);
	background-repeat: no-repeat;
	width:60px;
}
#menuArea .menuProfile:hover, #menuArea .menuProfile:active {
	background-position: 0px -20px;
}

/* Members link */
#menuArea .menuMembers:link, #menuArea .menuMembers:visited {
	background-image: url(../images/menuMembers.gif);
	background-repeat: no-repeat;
	width:60px;
}
#menuArea .menuMembers:hover, #menuArea .menuMembers:active {
	background-position: 0px -20px;
}

/* Groups link */
#menuArea .menuGroups:link, #menuArea .menuGroups:visited {
	background-image: url(../images/menuGroups.gif);
	background-repeat: no-repeat;
	width:60px;

}
#menuArea .menuGroups:hover, #menuArea .menuGroups:active {
	background-position: 0px -20px;
}

/* Projects link */
#menuArea .menuProjects:link, #menuArea .menuProjects:visited {
	background-image: url(../images/menuProjects.gif);
	background-repeat: no-repeat;
	width:68px;

}
#menuArea .menuProjects:hover, #menuArea .menuProjects:active {
	background-position: 0px -20px;
}

/* Forums link */
#menuArea .menuForums:link, #menuArea .menuForums:visited {
	background-image: url(../images/menuForums.gif);
	background-repeat: no-repeat;
	width:71px;
}
#menuArea .menuForums:hover, #menuArea .menuForums:active {
	background-position: 0px -20px;
}

/* Events link */
#menuArea .menuEvents:link, #menuArea .menuEvents:visited {
	background-image: url(../images/menuEvents.gif);
	background-repeat: no-repeat;
	width:60px;
}
#menuArea .menuEvents:hover, #menuArea .menuEvents:active {
	background-position: 0px -20px;
}

/* Blog link */
#menuArea .menuBlogs:link, #menuArea .menuBlogs:visited {
	background-image: url(../images/menuBlogs.gif);
	background-repeat: no-repeat;
	width:40px;
}
#menuArea .menuBlogs:hover, #menuArea .menuBlogs:active {
	background-position: 0px -20px;
}

/* Inbox link */
#menuArea .menuInbox:link, #menuArea .menuInbox:visited {
	background-image: url(../images/menuInbox.gif);
	background-repeat: no-repeat;
	width:64px;
	padding-right:0px;
}
#menuArea .menuInbox:hover, #menuArea .menuInbox:active {
	background-position: 0px -20px;
}



/* END OF MENU LINKS */


#mainColumn {
	float: left;
	width: 670px;
	margin-right: 30px;
	font-size: 0.8em;
	line-height: 1.5em;
}
#sideColumn {
	float: left;
	width: 240px;
	font-size: 0.8em;
}

.imgRight {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}
.lighterText {
	color: #555556;
}

.sideBox {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#sideColumn h2, #mainColumn h2, #fullWidthColumn h2{
	font-size: 1.8em;
	line-height: 2.0em;
}
#sideColumn h3, #mainColumn h3, #fullWidthColumn h3 {
	font-size: 1.4em;
	line-height: 1.8em;
}

#mainColumn h3, #fullWidthColumn h3 {
	margin-top:20px;
	margin-bottom:15px;
}

#mainColumn h4, #fullWidthColumn h4 {
margin-top:15px;
margin-bottom:15px;
}

#newsletterForm #emailAddress {
	color: #555556;
}
#footer {
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	float: left;
	width: 100%;
	margin-top: 20px;
}
#addressArea {
	float: left;
	width: 75%;
	font-size: 0.8em;
	color: #FF663F;
	line-height: 1.5em;
}
#fundingArea {
	text-align: right;
	float: right;
	width: 35%;
}
.biggerText {
	font-size: 1.1em;
}
#quoteContainer {
	float: right;
	height: 85px;
	width: 150px;
	text-align: right;
}
#backToMagNorth {
	text-align: right;
	font-size: 0.8em;
	margin-right:10px;
}
#backToMagNorth a:link, #backToMagNorth a:visited {
	color: #999;
	text-decoration:none;
}
#backToMagNorth a:hover, #backToMagNorth a:active {
	color: #F30;
}
#fullWidthColumn {
	width: 930px;
	font-size: 0.9em;
	line-height: 1.5em;
}


/* EVENTS LIST STUFF */

.eventsForVenue {
	color: #FF4C0C;
	font-weight:bold;
	text-transform:uppercase;
}

/* FORM STYLING */

#com-form-login .input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.button {
	margin-top:10px;
	background-color: #FF4C0C;
	color: #FFF;
	border: 1px solid #7D3200;
	padding: 2px 5px 2px 5px;
	font-size:0.9em;
} 
#com-form-login label {
	margin-right: 20px;
}
fieldset {
	border:none;
}

/* CORE JOOMLA OVERRIDEs */

.modifydate {
	color:#CCC;
	font-size:0.9em;
}


/* BLOG STUFF */


/* Blog Module */

.blog-latest {
	list-style:none;
	margin:0;
	padding:0;
}
.blog-latest li {
	background-image: url(../images/blog_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	margin: 5px 0 5px 0;
}


/* JOMSOCIAL STUFF */

.album-summary {

}
.statustext label {
	font-size:0.8em;
}
