/* @override http://m2o.ca/wp-content/themes/modslider/style.css */

/*
Theme Name: Modslider
Theme URI: http://graphpaperpress.com
Description: A child theme for Modularity 2.7 or higher
Author: Thad Allender
Author URI: http://thadallender.com
Template: modularity
Version: 2.7
License:  GPL
*/
	
@import url("../modularity/style.css");


body {
	background:#000 url(images/fading_bg.gif) repeat-x top left;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:75%;
}

#top {
	width:950px;
	height:50px;
	margin:0px auto 1px auto;
	padding:0;
}

#top #masthead {
	float:left;
	display:block;
	padding:0;
	width:950px;
	margin-left:0
}

#top #masthead #logo {
	float:left;
	position: relative;
	bottom: 10px;
	left: 20px;
}

.content a, a:visited {
	text-decoration: underline;
}

#top #masthead #logo h1 {
	font-weight: bold;
	letter-spacing: -1px;
	font-size:3.4em;
	text-transform: uppercase;
	float: left;line-height:0;
	position: relative;
	right: 21px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 25px 0 0;
}

#top #masthead #logo h1 a {
	color: #000;
	text-decoration: none
}

#top #masthead #logo h1 a:hover {
	color:#222;
}

#top #masthead #logo .description {
	font-size: 1em;
	color:#666;float:left;
	margin-bottom: 0;
	position: relative;
	top: 85px;
	right: 216px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	font-weight: bold;
}

.login {
	float:right;
	margin:26px 20px 0 0;
	color:#000}

#top .feed {float:right;margin:26px 0px 0 3px;padding: 0 0 0 16px;background: url("images/rss.png") no-repeat 0 50%;} 

.header-block {
	float: right;
	position: relative;
}

/* Navigation */
.menu-wrap {
	background:#fff;
	height:40px;
	width:100%;
	margin:0 auto;
	padding: 5px 0;
}

.menu-wrap-inner {
	margin: 0 auto;
	width:100%;
	display:block;
	background-color: #ddd;
}

.sf-menu {
	margin:5px auto 0;
	height: 31px;
	padding:0;
	position:relative;
	top:0;
	width:950px;z-index:110;float:none;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing: 2px;
	line-height:1em;
	left: -10px;
	background-color: #ddd !important;
}

.sf-menu a {
	padding:9px;
	text-decoration:none !important;
	background-color: #ddd !important;
	color: #666 !important;
}

.sf-menu a:visited {
	color: #666 !important;
}

.sf-menu a:hover {
	color: #085c91 !important;
}

.sf-menu .right {
	margin-top:3px;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	top:3.3em;
}

/*Social media buttons */

.social-buttons {	
	position: relative;
	float: right;
	width: 160px;
	height: 32px;
	clear: both;
	right: 10px;
	bottom: 0;
	top: -31px;
	z-index: 120;
}

#social-youtube {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/youtube_buttons.png) no-repeat 0 0 ;
}

#social-youtube:hover {
	background-position: 0 -32px;
}

#social-youtube span {
	display: none;
}

#social-gplus {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/gplus_buttons.png) no-repeat 0 0 ;
	position: relative;
	bottom: 32px;
	left: 32px;
}

#social-gplus:hover {
	background-position: 0 -32px;
}

#social-gplus span {
	display: none;
}

#social-twitter {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/twitter_buttons.png) no-repeat 0 0 ;
	position: relative;
	bottom: 64px;
	left: 64px;
}

#social-twitter:hover {
	background-position: 0 -32px;
}

#social-twitter span {
	display: none;
}

#social-facebook {
	display: block;
	width: 32px;
	height: 32px;	
	background: url(images/facebook_buttons.png) no-repeat 0 0 ;
	position: relative;
	bottom: 96px;
	left: 96px;
}

#social-facebook:hover {
	background-position: 0 -32px;
}

#social-facebook span {
	display: none;
}


#social-rss {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/rss_buttons.png) no-repeat 0 0 ;
	position: relative;
	bottom: 128px;
	left: 128px;
}

#social-rss:hover {
	background-position: 0 -32px;
}

#social-rss span {
	display: none;
}


.postmetadata {
	background:#DDDDDD;
	border-top:1px solid #BEC5CB;
	border-bottom:1px solid #BEC5CB;
	padding:10px;
	color:#222;
	-moz-border-radius: 0;-khtml-border-radius: 0;
	-webkit-border-radius: 0;border-radius: 0;
	font-size:10px;
}

.postmetadata a {
	color:#ccc;
}

.postmetadata a:hover {
	color:#fff;
	text-decoration:underline
}

#slides {
	background: #000;
}

.slide-details h2 { color: #eee; font-style: normal; font-weight: normal; margin:0; }
.slide-details .description p {
	color: #ccc;
}
.slide-details h2 a {
	color: #ccc;
}


h2.sub  {
border-bottom:1px solid #EEEEEE;
color:#515151;
font-size:1.1em;
font-weight:bold;
letter-spacing: 2px;
line-height:1em;
margin:0 0 10px;
padding:0 0 5px;
text-transform:uppercase;
}

h1 {
	font-size:1.6em;
	line-height:1.2em;
}

h6 a, h6 a:visited {
	text-decoration: none !important;
}


#category-section ul {
	border-top: none;
}

h2 a, h2 a:visited {
	text-decoration: none !important;
	font-weight: normal !important;
	font-style: normal !important;
}

h3.sub a:visited {
	text-decoration: none;
}

/* Footer */
#footer-wrap {
	background:#ddd !important;

}
#footer {
	width:950px;
	margin:0 auto;
	/* background-image: url() */
	color:#999;
	text-align:left;
	position: relative;
	right: 0;
	background-color: #ddd;
	padding: 2em auto;
	height: 100px;
}

#footer p {color:#999;}
#footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:none; color:#999}
#footer .item {margin:0 0 4em 0}
#footer ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#footer ul li a,ul.txt li{height:1%;line-height:1.2em;display:block;padding:6px 0 6px 8px;}
#footer ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #111}
#footer ul li a span,ul.txt li,h4 a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}
#footer ul ul{margin:0;list-style:none;}
#footer #wp-calendar caption { background: #111; }
#footer #wp-calendar thead th { background: #222; }

#address {
	float: left;
	color: #666;
	margin-top: 0;
}

#address a, a:visited {
	text-decoration: underline;
	font-weight: bold;
}

#copyright {	
	float: right;
	color: #666;
}

.boxgrid { 
	width: 325px; 
	height: 260px; 
	margin:10px; 
	float:left; 
	background:#555; 
	border: solid 5px #333; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid p { 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}

.caption .boxcaption {
	top: 220;
	left: 0;
}


/* Sidebar */
#sidebar ul li a:hover,ul.txt li:hover{color:#515151;background-position:1px 0.8em;background: #f2f1ef url(images/li.png) no-repeat 2px 10px;}

/*PhotoShelter*/
#psContainer { width: 990px; text-align: center; margin: 0px auto 10px auto; }
#psContent { text-align: left; margin: 0 auto; width: 950px; padding: 20px; }
#psContent H3 { color: #999; }
#psContent table { width: auto; }
#PS_GPP_CUSTOM .container { margin: 10px auto 0px auto; }
#PS_GPP_CUSTOM #masthead #logo h1 { font-size: 40px; font-weight: bold; margin-top: 33px; }
#PS_GPP_CUSTOM #masthead #logo img.sitetitle {margin-top: -8px}
