/*------------------------------------------------------------------
[Master Stylesheet]

Project: Mountain Equipment - Community Site CSS	
Version:	1.0
Last change:	
Assigned to:	SM
Primary use:	Screen
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]

# Body background: #7D7D7D
# Header background: #dae0e1
# Main text colour: #53616c;
# Footer background: #f6903c;
# Border colour: #e1e7e9;

-------------------------------------------------------------------*/
body {
	color: #5d666d;
}
h3, h4 { 
	color: #4a5055;
}
/*------------------------------------------------------------------
 Home page
-------------------------------------------------------------------*/
.me-homeFlash {
	width: 945px;
	height: 405px;
	background-color: #ebeeef;
	margin-bottom: 15px;
}
.me-homeNewsFeed {
	float: right;
	width: 445px;
	min-height: 385px;
	background-color: #ebeeef;
	padding: 10px;
}

.me-newsFeed {
	width: 100%;	
}
.me-newsFeed li {
	margin-bottom: 25px;
}
.me-newsFeed .me-newsDate {
	font-size: 10px;
	background-color: #ebeeef;
	width: auto;
	display: inline;
	padding: 1px 2px;
}
.me-newsFeed h4 {
	text-transform: lowercase;
	font-size: 20px;
	margin: 4px 0 4px 0;
}

.me-newsFeed .me-newsSummary {
	font-size: 11px;
	text-align:justify;
}

.me-newsFeed a.me-newsReadMoreLink {
	text-transform: uppercase;
	font-size: 9px;
	text-decoration: none;
}
.me-newsFeed a.me-newsReadMoreLink:hover {
	text-decoration: underline;
}

.me-homeNewsFeed .me-newsDate {
	font-size: 10px;	
	width: auto;
	display: inline;
	padding: 1px 2px;
	background-color: #8fa6b6;
	color: #ffffff;
}
.me-homeNewsFeed h3 {
	text-transform: lowercase;
	margin: 0 0 20px 0;
	font-size:23px;
}
.me-homeNewsFeed .me-newsFeed li.readall {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 10px;
}
.me-homeBanners {
	width: 465px;
	float: left;
}
.me-homeBanners .me-banner1 { width: 461px; height: 195px; }
.me-homeBanners .me-banner2 { width: 224px; height: 195px; float: left; }
.me-homeBanners .me-banner3 { width: 224px; height: 195px; float: right; }



/*------------------------------------------------------------------
 News list
-------------------------------------------------------------------*/
.me-newsList {
	width: 400px;	
}
.me-newsList li {
	margin-bottom: 25px;
	display:block;
	width:100%;	
	list-style:none;
}

.me-newsList .me-newsSummary {
	font-size: 11px;
	width:100%;	
	text-align:justify;
}

.me-newsList .me-newsSummary .me-newsDate {
	font-size: 10px;
	background-color: #ebeeef;
	width: auto;
	display: inline;
	padding: 1px 2px;
}

.me-newsList .me-newsSummary h4 {
	text-transform: lowercase;
	font-size: 20px;
	margin: 4px 0 4px 0;
}

.me-newsList .me-newsBox {
	float:right;
	border: 3px solid #e1e7e9;
	width:224px;
	height:190px;
	overflow:hidden;
}
.me-newsList .me-newsBox img {
	width:224px;
}
.me-newsList a.me-newsReadMoreLink {
	text-transform: uppercase;
	font-size: 8px;
	text-decoration: none;
}
.me-newsList a.me-newsReadMoreLink:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------------
 News detail
-------------------------------------------------------------------*/

.me-newsDetail {
	width:450px;
	text-align:justify;

}
.me-newsDetail h4 {
	text-transform: none;
	margin-bottom: 0.75em;
	font-size: 20px;
	font-weight: normal;
}
.me-newsDetail blockquote {
	display: block;
	margin:  1em;
	font-size:18px;
	color: #4a5055;
}

/*------------------------------------------------------------------
 Community navigaton
-------------------------------------------------------------------*/
#me-communityNav {
	background-color: #8fa7b7;
	background-image: url(/skin/frontend/default/default/images/community_nav_bg.jpg);
	height: 25px;
	margin: 0;
	margin-bottom: 15px;
	padding: 0 0 0 45px;
	position: relative;
}
#me-communityNav ul li {
	width: 100px;
	float: left;
	line-height: 25px;
	background-color: #8fa7b7;
	background-image: url(/skin/frontend/default/default/images/community_nav_bg.jpg);
}
#me-communityNav ul li ul {
	display: none;
	position: absolute;
	width: 115px;
} 
#me-communityNav a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #ffffff;
	display: block;
	height: 25px;
	line-height: 25px;
	width: 107px;
	padding: 0 0 0 8px;
}
#me-communityNav a:hover {
font-weight: bold;
}
#me-communityNav ul li ul li,
#me-communityNav ul li ul li a {
	height: 14px;
	line-height: 14px;
}


#me-communityNav li {
/* border: solid 1px red;*/
}
#me-communityNav ul {
/* border: solid 1px green; */
}


/*------------------------------------------------------------------
 Community Gallery
-------------------------------------------------------------------*/
/*
#community_gallery h4 {
	font-size: 16pt;
	font-weight: normal;
	margin-bottom: 35px;
}

#community_gallery h5 {
	clear:both;
	margin-bottom:5px;
}	


#community_gallery div.gallery_holder {
	width:210px;
	height:210px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0 26px 0 0;
}

#community_gallery div.gallery_image_holder {
	width:210px;
	height:130px;
	overflow:hidden;
}

#community_gallery div.gallery_image_holder img {
	height:130px;
}
*/

.megallitem {
	width: 943px;
	height: 193px;
	border: 2px solid #e1e7e9;
	background-color:#fff;
	text-align:left;
	margin-bottom:15px;
}

.megallitem div.left, .megallitem div.right {
	position: relative;
	width:471px;
	height: 193px;
	overflow: hidden;
	float:left;
}

.megallitem div.left a.corner {
	position: absolute;	
	width:80px;
	height:80px;
	top:0;	
	left:0;
	text-indent: -9000px;
}

.megallitem div.left a.advice {
	background: url("/skin/frontend/default/default/images/gallery/corner-blue.gif") no-repeat transparent;
}

.megallitem div.left a.people {
	background: url("/skin/frontend/default/default/images/gallery/corner-purple.gif") no-repeat transparent;
}

.megallitem div.left a.about {
	background: url("/skin/frontend/default/default/images/gallery/corner-red.gif") no-repeat transparent;
}

.megallitem div.left a.event {
	background: url("/skin/frontend/default/default/images/gallery/corner-green.gif") no-repeat transparent;
}
.megallitem div.left h4 a {
	display:block;
	width: 471px;	
	height:35px;
	padding-left:80px;
	line-height: 45px;
	font-size:30px;
	font-weight:normal;
	color: #252b30;
	text-transform: lowercase;
	background: url("/skin/frontend/default/default/images/gallery/heading-bg.jpg") no-repeat top right transparent;
}
/*
.megallitem div.left h4 a:hover {
	background: url("/skin/frontend/default/default/images/gallery/heading-bg-hover.jpg") no-repeat transparent;
	text-decoration:none;
	color:#fff;
}*/

.megallitem div.left p {
	padding:35px 25px 0 25px;
	font-size:12px;
	color:#252b30;
}

.megallitem div.left span a {
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	width: 441px;
	height: 15px; 
	background: url("/skin/frontend/default/default/images/gallery/black-cam.gif") no-repeat top right #252b30; 
	color:#fff;
	font-size:9px;
	text-transform: uppercase;
	line-height: 14px;
	text-align:right;
	padding-right:30px	
}

.megallitem div.left span a:hover {
	text-decoration:none;
}

.megallitem div.right {
	width:472px;
	background-color:#ebeeef;
}

.megallitem div.right a {
	position:absolute;	
	top:0;
	left:0;
	display:block;
	width:472px;
	height:193px;
	padding: 0;
	margin:0;	
}

.megallitem div.right a span {	
	position:absolute;
	display:block;
	top:0;
	right:0;
	line-height: 14px;	
	color:#fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding:0 5px;
	background-color: #6e7c88;
	z-index:90;
}

.megallitem div.right a:hover span {
	background-color: #fff;
	color:#252b30;
	text-decoration:none;
}


.megallitem div.right a:hover {
	text-decoration:none;
}