/*
Theme Name:         Page McConnell
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            1.0.0
Author:             Zhen Huang
Author URI:         http://themefortress.com/

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
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
	
	/* Auto Height for Images for Responsive Design */
	img { height: auto; }
	li { margin-bottom: 2%!important; }

	/* ZURB Navi for Foundation */
	dl.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; }
	dl.nav dt, dl.nav dd { float: left; display: inline; }
	dl.nav dt { color: #999; font-weight: normal; }
	dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
	 -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	dl.nav dd a:hover { background: #eee; }
	dl.nav dd.current-menu-item a,
	dl.nav dd.current-post-ancestor a,
	dl.nav dd.current-menu-parent a,
	dl.nav dd.current-post-parent a
	 { background: #2A85E8; color: #fff; }
 
	/* Foundation-specific presentation CSS by ZURB */
	body { padding-bottom: 60px; }
	div.reverie-header { margin: 0 0 30px 0; padding: 20px 0 0 0; border-bottom: solid 1px #ccc; }
	div.reverie-header h1 { margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	div.reverie-header .subheader { margin-bottom: 9px; }
	div.highlight { margin-bottom: 12px; }
	img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Resizing the Blog Post */
	.post-box p { line-height: 21px!important; }
	.post-box { font-size: 14px; line-height: 20px!important; }
	.post-box h1 { font-weight: bold; font-size: 30px; line-height: 1; margin-bottom: 2px; }
	.post-box h2 { font-weight: bold; font-size: 26px; line-height: 1; margin-bottom: 2px; }
	.post-box h3 { font-size: 22px;	}
	.post-box h4 { font-size: 18px;	}
	
	/* Add Divider for Listed Posts */
	.divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Align Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	background: #EEE; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { display: block; padding: 8px 10px; font-size: 13px; 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-section { padding-bottom: 10px; padding-top: 20px;	font-size: 1.3rem; font-weight: normal;	}
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }

/*  -------------------------------------------------------
    Customize Foundation Style Pagination for WP-Pagenavi
    ---------------------------------------------------- */ 
    
    div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
    div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; margin-left: 5px; }
    div.wp-pagenavi span.pages { padding-left: 0; }
    div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
    div.wp-pagenavi span.unavailable:hover { border-bottom: none; }
	
/*  --------------------------
    Your Customized Style
    ----------------------- */
* {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }
@font-face {
    font-family: 'Michroma';
    src: url('css/michroma-fontfacekit/Michroma-webfont.eot');
    src: url('css/michroma-fontfacekit/Michroma-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/michroma-fontfacekit/Michroma-webfont.woff') format('woff'),
         url('css/michroma-fontfacekit/Michroma-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #285369 url("images/bg_tile.gif") !important;
    color: #fff !important;
    font-family: Arial;
    font-size: 14px !important;
    line-height: 17px !important;
}
header {
    margin-top:25px!important;
}
#content {
    margin-top: 15px;
}
#content-info {margin-bottom:35px;}
#masonry article, #page_projects article {
    padding: 15px;
}
a {
    color: #0099CC;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
article, #news_page, #photo_gallery, #single_video, #tour_page, #page-content, #single-news {
    background-color: black;
    color: white;
    padding: 10px !important;
}
#tour_page {padding:0;}
article h1 {
    color: #0099CC;
    font-size: 18px;
    font-family: "Michroma", Arial;
}
article .blue_date {
    color: #0099CC;
    font-size: 10px;
    font-family: "Michroma", Arial;
    margin-bottom: 5px;
}
.bold {
    font-weight: bold;
}
.round {
    border-radius: 5px;
}
.white {
    color: white !important;
}
.dotted-border {
    border: 2px dotted white;
}
.reverie-header {
    background: transparent url("images/logo.png") center center no-repeat;
    width: 521px;
    height: 55px;
    border-bottom: none !important;
}
#main-nav {
    height: 225px;
    min-width: 980px;
}
#main-nav .item {
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
    cursor: pointer;
    display: block;
    text-indent: -999999px;
}
#main-nav .item:hover {
    background-color: #ff0033;
}
#main-nav .column {
    margin-left: 1%;
}
.media-gallery-image {
padding: 10px;
}
#main-nav .column:first-child {margin-left:0;}
/*.gear_page article {
    margin-left: 1%;
}
.gear_page article:first-child {margin-left:0;}
*/
.box_title {
    margin-bottom: 10px;
}
#page_projects article, .gear_page article {
    width:237.5px;
}
#page_projects article img {
    width: 100%;
    margin-bottom: 6px;
}
.margin-top {
    margin-top: 10px !important;
}
#main-nav #listen {
    background-image: url("images/listen.png");
    width: 229px;
    height: 224px;
}
#main-nav #listen:hover {
    background-color: #CC0099;
}
#main-nav #news {
    background-image: url("images/news.png");
    width: 312px;
    height: 106px;
}
#main-nav #news:hover, .page-id-7 #news, .single-post #news {
    background-color: #0099CC;
}
#main-nav #photos, #main-nav #videos {
    width: 150px;
    height: 108px;
}
#main-nav #photos {
    background-image: url("images/photos.png");
}
#main-nav #photos:hover, .page-template-page-photos-php #photos {
    background-color: #6666CC;
}
#main-nav #videos {
    background-image: url("images/videos.png");
}
#main-nav #videos:hover, .page-template-page-videos-php #videos, .single-videos  #videos {
    background-color: #FF6600;
}
#main-nav #tour {
    background-image: url("images/tour.png");
    width: 310px;
    height: 58px;
}
#main-nav #tour:hover, .page-id-8 #tour, .single-tour_dates #tour{
    background-color: #FFCC00;
}
#main-nav #projects {
    background-image: url("images/projects.png");
    width: 310px;
    height: 156px;
}
#main-nav #projects:hover, .page-id-13 #projects {
    background-color: #339900;
}
#main-nav #gear {
    background-image: url("images/gear.png");
    width: 98px;
    height: 93px;
}
#main-nav #gear:hover, .post-type-archive-gear #gear {
    background-color: #FF0033;
}
#main-nav #merch {
    background-image: url("images/merch.png");
    width: 98px;
    height: 120px;
}
#main-nav #merch:hover {
    background-color: #FF9933;
}
a.read-more {display:inline-block; margin-bottom:25px; font-weight:bold;}
#keyboard {
    background: transparent url("images/keyboard_footer.png") center center no-repeat;
    width: 962px;
    height: 218px;
    margin-top: 20px;
}
#fb_iframe_widget {
    margin-left: -20px;
    height: 23px !important;
}

.share-links {
    width: 80%;
    display: inline-block;
}

#single_video {
    text-align: center;
}
#events_toggle {
    margin: 20px 25px 15px;
}
#events_toggle a {
    color: #666;
    font-size: 10px;
    text-transform: uppercase;
}
#events_toggle a:hover, #events_toggle a.current {color:#fff;}
.tickets {
    text-transform: uppercase;
    font-family: "Michroma", Arial;
    font-size: 10px;
    color: #FFF;
    background-color: #0099CC;
    border-radius: 15px;
    padding: 12px;
}
.tickets:hover {
    color: #0099CC;
    background-color: #FFF;
    text-decoration: none;
}
.media-title {
    color: #FFF !important;
    font-family: Arial;
    font-size: 14px;
}
.media_launcher:hover {
    text-decoration: none !important;
}
.project-name {
    font-family: "Michroma";
    font-size: 14px;
    top: -5px;
}
.event-item {
    padding:20px 25px;
    overflow: hidden;
    position: relative;
}
.event-item:nth-child(even) {
    background:#1A1A1A;
}
.event_date {
    font-family: "Michroma";
    color: #fff;
    text-align: center;
    padding: 20px 0 22px;
    line-height:1;
}
.location, .buy_links {
    position:relative;
    top:30px;
}
.buy_links {text-align:right;}
.month {
    font-size: 13px;
    letter-spacing:4px;
}
.day {
    font-size: 25px;
    padding:1px 0 3px;
}
.year {
    font-size: 11px;
    letter-spacing:3px;
}
.city {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "Michroma";
}

.on_sale {
    padding: 12px;
    border-radius: 15px;
    border: 1px solid #0099CC;
    font-family: "Michroma";
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
}
#events_toggle a{
    font-family: "Michroma" !important;
}
.footer_copy {
    font-family: "Michroma";
    font-size: 8px;
}
.social_footer {
    float: right;
}
.social_footer a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: transparent url("images/social_icons.png") center center no-repeat;
    margin-left: 6px;
}
.social_footer .fb {
    background-position: 0px 0px;
}
.social_footer .fb:hover {
    background-position: 0px -22px;
}
.social_footer .twitter {
    width: 33px;
    background-position: -32px 0px;
}
.social_footer .twitter:hover {
    background-position: -32px -22px;
}
#photo_gallery {/*min-height:488px;*/ /*min-height: 535px;*/ min-height: 700px;}
#gallery {
    width:80%;
    height: 560px;
    margin:2px auto 0;
}
#gallery .royalSlide { height: 560px; }
#gallery .royalSlide img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    padding-bottom: 60px;
    margin-top: 0 !important;
}
#gallery .royalCaption { height: 60px !important; }
.royalSlider .thumbsAndArrowsContainer  {/*top:20px;*/}
#gallery.royalSlider .royalControlNavOverflow a.royalThumb {
    width: 110px;
    height: 65px;
    opacity:.7;
}
#gallery .thumbsAndArrowsContainer { bottom: 10px; }
li.royalSlide {
    list-style: none;
}
#gallery.royalSlider .royalControlNavOverflow a.royalThumb.current {	
	opacity:1;
}
#gallery.royalSlider .royalControlNavOverflow a.royalThumb:hover {	
	opacity:1;
}
.royalSlider .arrow, #gallery.royalSlider .arrow
{	
	background:url(images/previous_next_button.png) no-repeat 0 0;
	
	
	/* change arrows size here */
	width: 40px;
	height:40px;
	
	top:50%;
	margin-top:-20px;	
	
	cursor: pointer;
	display: block;
	position: absolute;		
	
	z-index:25;
	
}
#gallery.royalSlider .arrow {width:40px!important;height:40px!important;}
#gallery.royalSlider .arrow.left {
	background-position: 0 0!important;
	left: -85px!important;
}
#gallery.royalSlider .arrow.left:after {
    content:'prev.';
    color:#fff;
    text-align:center;
    display:block;
    position:relative;
    top:38px;
}
#gallery.royalSlider .arrow.left:hover {
	background-position:0 -38px!important;
}
/* right arrow */
#gallery.royalSlider .arrow.right {
	background-position: 0 0!important;
	right: -85px!important;
}
#gallery.royalSlider .arrow.right:after {
    content:'next';
    color:#fff;
    text-align:center;
    display:block;
    position:relative;
    top:38px;
}
#gallery.royalSlider .arrow.right:hover {
	background-position:0 -38px!important;
}

/* gallery fixes */
.royalSlider .royalSlide {
    text-align: center;
}
.royalSlider .royalSlide img {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.royalSlider .royalCaption {
    top: auto !important;
    bottom: 0;
    width: 100%;
    height: auto !important;
}
.royalSlider .royalCaptionItem {
    position: relative !important;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #000;
    padding: 18px 0 0 0 !important;
}

#video-scaffolding { width: 980px !important; }
#video-scaffolding .item {
    width: 100% !important;
    margin: 0 !important;
}
#video-scaffolding .scaffold-item {
    width: 25% !important;
    padding: 20px !important;
}