/*
Theme Name:         DMC Newspaper
Theme URI:          http://www.dmcweb.com.au
Description:        Responsive theme for newspaper websites based on Reverie & ZURB's Foundation.
Version:            1.2
Author:             David McDonald
Author URI:         http://www.dmcweb.com.au

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
/* Foundation-specific presentation CSS by ZURB */

	.reverie-header{
		position: relative;
		height: 150px;
		background: #222 url(images/bg-header.png) no-repeat bottom right;
		border-top: 1px solid #fff;
	}

	div.reverie-header h1{
		width: 195px;
		height: 115px;
		margin: 0;
		background: url(images/logo.png) no-repeat 10px 20px;
	}

	div.reverie-header h1 a {
		display: block;
		width: 195px;
		height: 115px;
	}

	img.ls{
		margin: 0 0 0 20px;
	}
	
	.subheader{
		position: absolute;
		top: 50px;
		left: 300px;
		width: 230px;
		font-size: 18px;
		color: #fff;
		margin: 0 0 10px 0;
	}
	
	.front-page{
		position: absolute;
		bottom: 0px;
		left: 500px;
		width: 150px;
		height: 100px;
	}
	
	.cse-search-box{
		float: right;
		width: 250px;
		margin: 14px 0 0 0;
	}

	.cse-search-box input#q, #search input.button{
		font-size: 12px;
		padding: 6px;
		height: 25px;
		width: 100%;
	}
	
	.cse-search-box input#q{
		border-radius: 2px 0 0 2px;
	}

	#search input.button{	
		font-weight: normal;
		border-radius: 0 2px 2px 0;
	}

	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */

	.ir, #turnkey-credit{ position: absolute; left: -9600px; } 

	/* Global */
	
	h2, h3, h4, h5, 
	.more,
	.tab-pane li a { 
		color: #404040;
		font-family: "Droid Sans", Arial, Verdana, sans-serif; 
		font-weight: 400;
	}
	
	h1{
		color: #404040;
		font-family: "Oswald", Arial, Verdana, sans-serif;
		font-weight: 400;
		font-size: 38px;
		text-transform: uppercase;
	}
	
	.single .post-box h1{
		margin: 0;
		padding: 0.25em 0;
		font-size: 36px;
		font-family: "Droid Sans", Arial, Verdana, sans-serif; font-weight: 400;
		line-height: 40px;
		letter-spacing: -0.1px;
		text-transform: none;
	}
	
	.single .entry-content .addthis_toolbox{
		clear: both;
	}
	
	h2{
		font-size: 18px;
		margin-bottom: 9px;
	}
	
	p{
		line-height: 1.4;
	}
	
	a{
		color: #99AE24;
	}
	
	a:hover{
		color: #000;
	}
	
	.button {
		background: #99AE24;
		border: 1px solid #ccc;
	}
	
	.button:hover{
		background: #777;
		border: 1px solid #9b9b9b;
	}
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure {
		margin-bottom: 17px;
	}
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	display: block;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */

	#sidebar{
		padding: 0 0 15px 15px;
	}

	.sidebar-section { 
		padding-bottom: 10px; 
		padding-top: 20px;	
		font-size: 13px; 
		font-size: 1.3rem; 
		font-weight: normal;
		background: #ecede6;
	 }

	.sidebar-section:first-child{
		padding-top: 0;
		padding-bottom: 0;
	}

	.home .sidebar-section:first-child{
		padding-bottom: 20px;
	}

	.sidebar-section.ad{
		padding: 6px 30px 24px;
	}
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Overwrite Off-Canvas Style */
	footer{background: inherit; color: inherit;}
	footer#content-info{
		color: inherit;
		padding: 10px 0;
		background: #e7e7e7;
		border-top: 6px solid #99AE24;
		border-radius: 0 0 5px 5px;
		margin: 30px auto 10px;
	}

	.js [role="main"] { background: #fff; border-radius: 0; padding: 0 15px 0 0; }
	.js [role="complementary"] { padding: 0; }
	.js [role="complementary"] .nav-bar { margin-top: 0; }
	.top-header { background: #888; }

	.container{
		margin: 0 auto;
		max-width: 1140px;
		background: #fff;
		border-top: 6px solid #99AE24;
		border-radius: 0 0 5px 5px;
	}

	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
  	.reverie-pagination { margin: 20px 0; padding-top: 10px; border-top: 1px solid #99AE24; border-bottom: 1px solid #99AE24; background: #ecf0ee;}
    .reverie-pagination p { font-size: 12px; margin: 0; padding-left: 8px; }
  	.post-box ul.page-numbers { display: block; height: 24px; margin: 10px 0 20px 2px; padding-left: 0; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #99AE24; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #99AE24; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    

 /*  --------------------------
    Customized Style
    ----------------------- */
    
body{
	color: #202020;
	background: #4A4A4A;
}
    
/* top nav  */
 
.top-nav{
	clear: both;
}

.top-nav .nav-bar {
	margin: 10px 0 10px;
	background: #99AE24;
	border-radius: 7px;
}

.top-nav .nav-bar > li.current-menu-item a:first-child{
	border-radius: 7px;
}

.top-nav .nav-bar > li {
	line-height: 40px;
	border: none;
	border-right: 1px solid #fff;
	box-shadow: none;
}

.nav-bar > li > a {
	color: #fff;
	font-weight: bold;
}

.nav-bar > li > a:first-child{
	padding: 0 18px;
	text-transform: uppercase;
	font-size: 14px;
}

.top-nav .nav-bar > li:hover, .nav-bar > li.active{
	background: #282828;
	border: none;
}

.top-nav .nav-bar > li:first-child{
	border-radius: 7px 0 0 7px;
}

.top-nav .nav-bar > li.current-menu-item a,
.top-nav .nav-bar > li.current-page-ancestor a,
.top-nav .nav-bar > li.current-menu-ancestor a,
.top-nav .nav-bar > li.current-post-parent a{
	background: #282828;
	color: #fff;
}

.ad.left{
	margin-bottom: 1em;
}

.post-box{
	clear: both;
}

#quick-links{
	float: right;
	/*width: 130px;*/
	list-style: none;
	margin: 0;
}

.home #quick-links{
	margin: 0 0 1em 0;
}

#quick-links li{
	float: left;
    margin-bottom: 5px;
    margin-right: 15px;
	font-size: 10px;
	line-height: 1.6;
}

#quick-links li a{
	padding-left: 20px;
}

.facebook {
    background: url("images/social_icons_16_blue.png") no-repeat scroll 0 -840px transparent;
}

.twitter {
    background: url("images/social_icons_16_blue.png") no-repeat scroll 0 -70px transparent;
}

.tip{
	background: url("images/icon-tip.png") no-repeat scroll 0 0 transparent;
}

/* home slider */

#featured{
	clear: both;
	margin-top: 15px;
	margin-left: 25px;
}

#featured .lens-block-title{
	width: 100% !important;
}

div.orbit-wrapper div.timer{
	top: 20px;
}

/* home page */

.latest h1{
	margin-top: 0;
	font-size: 18px;
}

.latest h1 a{
	color: #444;
}

.latest h2{
	margin: 0.25em 0 0.5em;
	letter-spacing: -1px;
	font-size: 22px;
}

.others h2{
	margin-top: 0;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: normal;
}

.others img{
	margin-top: 3px;
}
    
.post-meta{
	padding: 5px 5px 4px;
	line-height: 15px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1.5em;
	font-size: 11px;
	background: #ecf0ee;
}

.home .post-meta .comments, .archive.post-meta .comments{
	float: right;
}

.single .post-meta .comments{
	float: right;
}

li.others{
	border-top: 1px solid #e5e5e5;
	padding-top: 16px !important;
	padding-bottom: 8px !important;
}

/* 
.others .post-meta{
	margin-bottom: 5px;
	padding-top: 0;
	border: none;
}

.archive .post-meta{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
 */

.others p{
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.3;
}

.featured-side .others h4{
	margin: 0 0 0.25em 0;
	font-size: 14px;
}

.featured-side .others p{
	font-size: 12px;
	font-style: normal;
	line-height: 1.3;
}

.featured-side .post-meta .comments, .featured-side .post-meta .right{
	display: none;
}

.others p:last-child{
	margin-bottom: 5px;
}

.more a{
	display: block;
	font-size: 12px;
	padding: 6px 10px;
	color: #fff;
	background-color: #99AE24;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.more a:hover{
	background: #777;
}

.featured{
	margin-bottom: 1em;
	padding: 7px !important;
}

.archive .two-up li.featured:nth-child(2){
	border-left: 10px solid #fff;
}

.archive p.more{
	margin-bottom: 6px;
}

.archive li.others{
	padding-bottom: 1em !important;
}

#wp-forecastA{
	float: right;
	margin: 5px 10px 0 0;
	color: #fff;
}

#wp-forecastA div.wp-forecast-curr{
	float: left;
	/*width: 530px;*/
	font-size: 12px;
	margin: 0 30px 0 0;
	padding: 0;
	text-align:left;
}

#wp-forecastA div.wp-forecast-curr-left{
	padding: 0;
}

#wp-forecastA div.wp-forecast-curr-right{
	padding: 0;
	font-size: 12px;
}

#wp-forecastA div.wp-forecast-curr-head{
	float: left;
	width: auto;
	margin: 6px 5px 0 0;
	padding: 0;
	text-align:left;
}

div.wp-forecast-curr-block {
	padding: 0;
}

#wp-forecastA .wp-forecast-curr-details{
	float: none;
	/* width: 80px; */
}

#wp-forecastA .wp-forecast-fc{
	padding: 0;
}

div.wp-forecast-fc-oneday, .wp-forecast-fc-head{
	float: left;
}

#wp-forecastA .wp-forecast-fc-right{
	float: left;
	width: auto;
	margin: -4px 3px 0 0;
	padding: 0;
}

#wp-forecastA div.wp-forecast-fc-left{
	margin: -4px 3px 0 0;
	padding: 0;
}

#wp-forecastA .wp-forecast-fc-left div{
	display: none;
}

.single .entry p, .page .entry p {
	font-size: 1.4em;
	padding-bottom: 1.5em;
	line-height: 1.4em;
}

.wp-caption, #content .gallery .gallery-item{
	background-color: #f8f6ef;
	border: 1px solid #dcd5b6;
	margin: 1em 0 1.5em 0;
	padding: 5px 5px 1px 5px;
	text-align: center;
	box-shadow: 3px 3px 2px #eee;
	border-radius: 3px;
}

.wp-caption { max-width: 100%; }

.wp-caption.alignright{
	float: right;
	clear: right;
	margin: 0 0 1em 3em;
}

.wp-caption.alignleft{
	float: left;
	margin: 0 3em 1em 0;
}

#content .gallery .gallery-item{
	float: left;
	width: auto;
	margin: 0 20px 2em 0;
	padding: 4px 4px 0;
}

.wp-caption img, #content .gallery img{
   border: none;
}

#content .wp-caption p.wp-caption-text, #content .gallery .gallery-caption{
	color: #666;
	font-size: 12px;
	line-height: 1.3;
	margin: 0;
	padding: 5px 0 4px;
}

.post-box img[class*="align"],
.post-box img[class*="wp-image-"] {
    height: auto; 
}

/* Prevent stretching of full-size images with height and width attributes in IE8 */
img.size-full {
    max-width: 97.5%;
    width: auto; 
}

.page .post-box h1{
	padding: 0 0 0.25em;
}

.page .post-box h2{
	font-size: 26px;
}

.page .post-box h3{
	color: #99AE24;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #b08658;
}

.post-box ol, .post-box ul{
	padding-left: 20px;
}

.category .post-box ul.block-grid{
	padding-left: 0;
}

/* Nav widgets */

.widget_nav_menu li{
	margin-top: 0.5em;
	padding: 0.5em 0;
	border-bottom: 1px solid #cacaca;
}

.widget_nav_menu ul{
	list-style: none;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.widget_nav_menu li{
	margin-top: 1px;
	padding: 0;
}

.widget_nav_menu .sub-menu li:first-child, .widget_nav_menu .sub-menu li:first-child a{
	border-top: 1px solid #ffd6ab;
}

.widget_nav_menu li a{
	color: #222;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	padding: 0.5em 20px;
	background: #a9b958;
}

.home .widget_nav_menu li a{
	font-size: 16px;
}

.widget_nav_menu li a:hover, .widget_nav_menu li.current-menu-item a{
	color: #fff;
	background: #6a5f5e;
}

.widget_nav_menu ul.sub-menu li a{ 
	font-size: 16px;
	padding-left: 45px;
}

aside p{
	font-style: normal;
}

#sidebar h5{
	font-size: 16px;
	margin: 0;
	padding: 10px 20px;
	color: #515151;
}

#sidebar h5 a{
	color: #333;
}

.widget_text{
	padding: 0 20px;
}

#sidebar .widget_text h3{
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #404040;
}

#sidebar .widget_text h4{
	margin: 0 0 10px 0;
	font-size: 18px;
}

#sidebar .widget_text p{
	font-size: 12px;
}

.reverie-pagination{
	float: left;
	width: 100%;
}

#imagelibarystrip p{
	clear: both;
}

.galleryteaser{
	float: left;
	margin: 0 5px 9px;
}

.galleryteaser img{
	width: 60px;
	height: 45px;
	padding: 3px;
	border: 1px solid #444;
}

.galleryteaser img:hover{
	border: 1px solid #99AE24;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

footer#content-info p{
	color: #242424;
	font-size: 12px;
}

footer#content-info a{
	color: #4b4b4b;
	text-decoration: underline;
}

footer#content-info a:hover{
	color: #99AE24;
}

footer h4{
	color: #222;	
	font-size: 15px;
	line-height: 16px;
	margin-bottom: 17px;
	padding-bottom: 10px;
	border-bottom: 1px solid #99AE24;
}

footer #menu-quick-links{
	list-style: none;
}

footer #menu-quick-links li{
	padding-bottom: 10px;
	line-height: 1.3;
}

.credits p {
	margin: 0;
	color: #fbfbfb;
	font-size: 11px;
	padding-bottom: 10px;
}

.credits p a{
	color: #fbfbfb;
}


/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { 


	

	
	.nav-bar > li > a:first-child {
		padding: 0 12px;
		font-size: 11px;
	}
	
	#quick-links{
		float: none;
		width: 100%;
	}
	
	#quick-links li{
		margin: 7px 15px 9px 0;
	}

	#quick-links li a{
		padding-left: 25px;
	}
	
		#featured .lens-block-title dl.slidedeck {
		width: 100% !important;
	}
	
	#featured .sd2-slide-title{
	 	font-size: 1.3em;
	 }
	 
	 #featured .sd2-slide-text p{
	 	font-size: 0.7em;
	 }
	
}

/* Small display targeting */
@media only screen and (max-width: 767px) {

	body {
		background: #fff;
	}

	.js [role="main"] { padding: 0; }

	.container{
		padding: 0;
	}

	.reverie-header {
		height: auto;
		background: url(images/bg-header.jpg) no-repeat top left;
		background-size: auto;
	}

	div.reverie-header h1{
		width: 125px;
		height: 74px;
		margin: 0 auto 10px;
		background:url(images/logo-m.png) no-repeat top left;
	}

	div.reverie-header h1 a {
		width: 125px;
		height: 74px;
	}

	#featured {
		clear: both;
		margin-top: 5px;
		margin-left: 0;
	}
	
	#featured .lens-block-title dl.slidedeck {
		width: 100% !important;
	}
	
	#featured .sd2-slide-title{
	 	font-size: 1.3em;
	 }
	 
	 #featured .sd2-slide-text p{
	 	font-size: 0.7em;
	 }
	 
	.single .post-box h1 {
	 	font-size: 25px;
	 	line-height: 30px;
	 }
	 
	 #content .wp-caption{
	 	width: 100% !important;
	 }

	 .sidebar-section.ad {
		padding: 6px 0 24px;
		}
	
	footer#content-info {
		padding: 10px;
	}

}