/*
Theme Name: More To Life Magazine
Theme URI: http://moretolife.co.uk/
Description: More To Life Magazine theme for Wordpress.
Version: 1.0
Author: Interventure
Tags: white/black, fixed width, two columns, widgets
*/


body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;	
	background: black;
}
p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, td, th, img, blockquote, form, input, select, textarea {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
}
img {
	border: none;	
}

a:link, a:visited, a:active {
	color: #3c98c8;
	text-decoration: underline;
}
a:hover {
	color: #36afed;
	text-decoration: none;
}


/* layout */

#container {
	width: 960px;
	margin: 0 auto;	
}
#body {
	padding-top: 29px;
	padding-bottom: 24px;
	min-height: 400px;
	width: 100%;
	overflow: auto;
}
#content {
	width: 585px;
	padding-left: 30px;
	float: left;
}
#sidebar {
	width: 300px;
	padding-right: 10px;
	float: right;
}




/* header */
#header {
	height: 115px;
	padding-top: 45px;
	color: white;
}
#header h1, #header p {
	float: left;
}
#header h1 a, #header p {
	display: block;
	height: 115px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header h1 a {
	width: 575px;
	margin-right: 47px;
	background-image: url(images/moretolife-logo.png);
	overflow: hidden;
}
#header p {
	width: 300px;
	background-image: url(images/moretolife-tagline.png);
	background-position: 0 44px;
}


#menu-top li, #menu-nav li {
	float: left;
	display: inline;
	color: white;
}
#menu-top {
	top: 13px;
	position: absolute;	
	font-size: 1.1em;
	text-transform: uppercase;
	overflow: hidden;
}
#menu-top li {
	padding: 0 20px;
	background: url(images/menu-top-separator.png) no-repeat 0 1px;
}
#menu-top li:first-child {
	background-image: none;
	padding-left: 11px;
}
#menu-top a {
	color: #cbcbcb;
	text-decoration: none;
}
#menu-top a:hover {
	text-decoration: underline;
	color: #93c5e0;
}


#menu-nav {
	height: 31px;
	padding: 0 4px;
	background: #232323 url(images/menu-nav-bck.png) repeat-x top;
	font-size: 1.3em;
	text-transform: uppercase;
	overflow: hidden;
}
#menu-nav li {
	margin: 0 3px;
}
#menu-nav a {
	color: white;
	text-decoration: none;
	display: block;
	height: 23px;
	padding: 8px 8px 0 8px;
}
#menu-nav a:hover {
	color: #93c5e0;
}
#menu-nav li:hover {
	background: url(images/menu-nav-bck.png) repeat-x bottom;	
}


#menu-nav li ul {
	display: none;
	background: #414141 url(images/menu-popup-bck.png) no-repeat top right;
	position: absolute;
	z-index: 999;
}
#menu-nav li li {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
}
#menu-nav li li a {
	display: block;
	float: none;
	height: auto;
	padding: 5px 8px;
	font-size: .8em;
	min-width: 140px;
}
#menu-nav li li a:hover {
	background-color: #363636;	
}
#menu-nav li li:hover {
	background: none;
}



/* footer */
#footer {
	height: 66px;
	padding-top: 34px;
}
#link-home-footer {
	display: block;
	float: right;
	width: 257px;
	height: 35px;
	margin-right: 25px;
	background: url(images/moretolife-logo-small.png) no-repeat;
	text-indent: -9999px; 
	overflow: hidden;
}
#footer p {
	font-size: 1.2em;
	color: white;
	padding-left: 25px;
	padding-top: 9px;
}
#footer p span {
	padding: 0 7px;
	color: #606060;
}
#footer p a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted #606060;
}
#footer p a:hover {
	border-bottom: 1px solid #93c5e0;
	color: #93c5e0;
}

/* colors etc */
#body {
	background-color: white;
	color: black;
}
#body.template-black {
	background-color: black;
	color: white;
}



/* sidebars */
.sidebar-banners li {
	margin-bottom: 20px;
}
.sidebar-banners h2, #sidebar-hometop h2, #sidebar-bottom h2, #sidebar-categorytop h2 {
	display: none;
}
#sidebar-hometop {
	margin-bottom: 20px;
}
#sidebar-bottom {
	padding-top: 30px;
}


/* home */
body.home #body {
	border-bottom: 1px solid #2c2d2c;
}
#sidebar-bottom h2 {
	display: block;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	color: black;
	font-size: 1.8em;
	padding: .2em 0;
	text-transform: uppercase;
}
.template-home #content h2 {
	display: block;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	color: white;
	font-size: 1.8em;
	padding: .2em 0;
	text-transform: uppercase;
}
.template-black #sidebar-bottom h2 {
	display: block;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	color: white;
	font-size: 1.8em;
	padding: .2em 0;
	text-transform: uppercase;
}




#sidebar-bottom .ngg-widget {
	margin-top: 10px;
}
#sidebar-bottom .ngg-widget img {
	border: 1px solid #eeeeee;
	margin: 0 4px 4px 0;
	padding: 3px;
}
#sidebar-bottom .ngg-widget img:hover {
	border-color: #36afed;
}

.template-black #sidebar-bottom .ngg-widget img:hover {
	border-color: #93c5e0;
}




#searchform {
	height: 55px;
	display: block;
}
#searchform div {
	float: right;
}
#searchform label {
	display: none;
}
#searchform #s {
	width: 150px;
	padding: 2px 3px;
	float: left;
	margin-top: 5px;
	color: #666666;
}
#searchform #searchsubmit {
	float: left;
	border: none;
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	margin-left: 10px;
	background-color: white;
	background-image: url(images/search-white.png);	
	cursor: pointer;
}
.template-black  #searchform #searchsubmit{
	background-color: black;
	background-image: url(images/search-black.png);
}



/* .template-black #content #sidebar-bottom h2   ngg_images*/

body.home #content #sidebar-hometop h2, #content #sidebar-bottom h2  {
	display: none;
}
#sidebar-bottom li {
	margin-bottom: 40px;
}

body #content #sidebar-bottom li.ngg_images h2 {
	display: block !important;
}





/* story list ---------------- */
/* default */

ul.story-list {
	overflow: auto;
	width: 100%;
}

.story-list-full {
	margin-top: 15px;		
}

.story-list li {
	display: inline;
	float: left;
	margin: 18px 20px 0 0;
}
.story-list li.list-item-line {
	margin-right: 0;
}
.story-list-item {
	width: 180px;
	height: 270px;
	overflow: hidden;
}
.story-list img {
	display: block;
	border: 4px solid #93c5e0;
	margin-bottom: 6px;
	color: white;
}
.story-list img:hover {
	border-color: #3c98c8;
}
.story-list h3 {
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	height: 40px;
	overflow: hidden;
}
.story-list h3 a, .story-list-category a {
	color: black;
	text-decoration: none;
}
.story-list h3 a:hover, .story-list-category a:hover {
	color: #3c98c8;	
} 
.story-list li:hover a {
	color: #3c98c8;	
}
.story-list li:hover img {
	border-color: #3c98c8;
}


.story-list-category {
	font-size: 1em;
	text-transform: uppercase;
	height: 1.2em;
	padding: .3em 0;
	overflow: hidden;
}
.story-list-excerpt {
	font-size: 1.1em;
	line-height: 1.2em;
}

/* black */

.template-black .story-list img {
	border: 4px solid white;
}
.template-black .story-list img:hover {
	border: 4px solid #93c5e0;
}

.template-black .story-list h3 a, .template-black .story-list-category a {
	color: white;
	text-decoration: none;
}
.template-black .story-list h3 a:hover, .template-black .story-list-category a:hover {
	color: #93c5e0;
}
.template-black .story-list li:hover a, .template-black .story-list li:hover img {
	color: #93c5e0;	
}


/* category */


.story-list-cat {
	margin-top: -10px !important;
}

.story-list-cat .story-list-item {
	width: 180px;
	height: 210px;
	overflow: hidden;
}



h2 {
	color: #79a7bf;
	font-size: 3.2em;
	text-transform: uppercase;
}
h3 {
	font-size: 2.4em;
	color: black;	
}
.entry {
	color: #656565;	
}
.entry p {
	font-size: 1.3em;
	margin: 1.2em 0;
	line-height: 1.3em;
}
.entry ul, .entry ol {
	margin-left: 25px;
}
.entry li {
	font-size: 1.3em;
	list-style: disc;
	margin: 7px 0;
	line-height: 1.3em;
}
.entry ol li {
	list-style: decimal;
}
.entry ul li {
	list-style: disc;
}
.entry ol label {
	font-size: .76em;
	line-height: 1.3em;
}

h3.archive-title {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 1.8em;
}







h2.post-category {
	text-transform: uppercase;
	font-size: 3.2em;	
	margin-bottom: 21px;
	margin-top: -7px;
}
.template-black h2.post-category {
	color: white;
}


h3.post-title {
	text-transform: uppercase;
	font-size: 2.4em;	
}
p.post-author {
	color: #999999;
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 15px 0;
}
p.post-author span {
	padding: 0 4px;
}
img.post-image {
	display: block;
}
.entry {
	padding-top: 10px;
	padding-bottom: 20px;
}
.template-black .entry {
	color: white;
}



.post_options {
	float: right;
	width: 262px;
	margin: 0 0 20px 30px;
}
.post_options img {
	display: block;
	margin-bottom: 15px;
	margin-top: 5px;
}
.post-options-body {
	background-color: #e7e7e7;
	padding: 10px;
	min-height: 180px;
}
.post-options-body h4, .post-options-body p {
	margin: 0;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.post-options-body h4 {
	font-weight: bold;
}
.post_options a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.post_options a:hover {
	color: #25607e;
	text-decoration: underline;
}

p.tags {
	color: #79a7bf;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 17px;
}
p.tags span {
	text-transform: uppercase;
}
p.tags a {
	color: #79a7bf;
	text-decoration: none;
}
p.tags a:hover {
	color: #3c98c8;
	text-decoration: underline;
}



.no-display {
	display: none;
}
.post-category-breadcrumb {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #656565;
	margin-bottom: 5px;
}
.post-category-breadcrumb span {
	padding: 0 4px;
}
.post-category-breadcrumb em {
	font-weight: normal;
	font-style: normal;
}


.category-list .list-item-alt  {
	background-color: #ecf6fb;
}

.category-list-item {
	padding: 15px 0;
	overflow: auto;
	width: 100%;
}
.category-list-image {
	float: left;
}
.category-list-body {
	margin-left: 155px;
	font-size: 1.3em;
	color: #656565;
}
.category-list-body h4 {
	font-size: .9em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}


.post-category-breadcrumb a, .category-list-body a {
	color: #79a7bf;
	text-decoration: none;
}
.post-category-breadcrumb a:hover, .category-list-body a:hover {
	color: #3c98c8;
	text-decoration: underline;
}

h3.post-category-title {
	margin: 10px 0 15px 0 !important;
}



.category-list-archive .category-list-body {
	margin-left: 15px;
	font-size: 1.3em;
	color: #656565;
}
.archive-category-title {
	color: #999999;
	font-size: .8em;
	text-transform: uppercase;
	padding-bottom: 4px;
	margin-top: -3px;
}











.comments-container {
	border: 6px solid #e4e4e4;
	border-bottom-width: 24px;
}
.comments-body {
	padding: 10px 10px 30px 10px;
}
h4#comments {
	background-color: #e4e4e4;
	display: block;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: bold;
	padding: 3px 4px 5px 4px;
	color: #333333;
}
h4#comments span {
	font-weight: normal;
}

.comments-body h4 {
	color: #333333;
	font-size: 1.6em;
	line-height: 1.6em;	
	font-weight: bold;
}

.comments-body p {
	font-size: 1.2em;
	color: #333333;
}
.comments-body p.notice {
	margin-top: 30px;	
}

.comments-body textarea {
	width: 98%;
	overflow: auto;
}

ol.commentlist {
	margin-bottom: 40px;
}
ol.commentlist li {
	margin: 20px 0 30px 0;
	line-height: 1.6em;
}

ol.commentlist .avatar {
	float: left;
	margin: 0 10px 0 0;
}
.comment-author {
	font-size: 1.2em;	
}
.comment-author cite {
	font-weight: bold;
	font-style: normal;
	color: black;
}
.comment-meta {
	font-size: 1.1em;	
	padding-bottom: 8px;
}


#respond p {
	margin: 10px 0;
}
#respond label {
	font-size: 1.25em;
	padding-left: 5px;
}
#captchaImgDiv label {
	font-size: 1.5em;
	color: #333333;
}

#respond input, #respond textarea {
	font-size: 1.1em;	
	padding: 2px 3px;
}
#respond #captcha_code {
	font-size: 1.2em;	
	padding: 2px 3px;
}
#respond #submit {
	margin-top: 10px;
}











/* page-navi */


.wp-pagenavi {
	border-top: 1px dotted #e1e1e1;
	color: black;
	font-size: 1.2em;
	margin: 30px 0 20px 0;
	padding-top: 7px;
}
.template-home .wp-pagenavi  {
	border-top: 1px dotted #666666;
}
.wp-pagenavi span, .wp-pagenavi a {
	border: none !important;
	margin: 0 10px 0 0 !important;
	background-color: transparent !important;
}
.wp-pagenavi span.pages {
	color: #666666 !important;
}
.wp-pagenavi a:hover {
	background-color: #ebf5fa !important;
}
.wp-pagenavi em {
	font-style: normal !important;
	font-size: 1.2em;
	margin: 0 -4px;
}

.wp-pagenavi span.current {
	background-color: #93c5e0 !important;
	color: white !important;
}




#content .ngg-galleryoverview {
	margin: 20px 0;
}
#content .ngg-gallery-thumbnail img {
	background-color: white;
	border: 1px solid #eeeeee;
	margin: 0 5px 5px 0;
	padding: 3px;
}

#content .ngg-gallery-thumbnail img:hover {
	border-color: #36afed;
}
#content .ngg-gallery-thumbnail {
	margin-right: 10px;
	margin-bottom: 10px;
}

#content .ngg-navigation {
	clear: both !important;
	display: block !important;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
#content .ngg-navigation span {
	margin: 0 4px;
	padding: 2px 4px;
	font-size: 1.3em;
	background-color:#93C5E0 !important;
	color:white !important;
}
#content .ngg-navigation a.page-numbers, 
#content .ngg-navigation a.next, 
#content .ngg-navigation a.prev, 
#content .ngg-navigation span.page-numbers, 
#content .ngg-navigation span.next, 
#content .ngg-navigation span.prev {
	margin: 0 4px;
	padding: 2px 4px;
	border: 1px solid white;
	font-size: 1.3em;
	text-decoration: none;
}
#content .ngg-navigation a:hover {
	background-color: #ebf5fa !important;
	color: #36afed !important;
}

.widget_maxbannerads {
	line-height: 1px;
}
.widget_maxbannerads div {
	padding: 0 !important;
	margin: 0 !important;
}
.widget_maxbannerads img, .widget_maxbannerads a {
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}
.widget_maxbannerads br {
	display: none;
	height: 1px;
}

.widget_maxbannerads span {
	display: none;
}



.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
	p img {
	padding: 0;
	max-width: 100%;
	}