/*
Theme Name:         UTS:SIAF 2012
Description:        Based on Reverie HTML5 responsive WordPress framework employing ZURB's Foundation.
Author:             Vince Caughley 
Version:            1.0
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 */
	body { padding-bottom: 60px; width: 100%; background:#14191A url('http://siaf.uts.edu.au/wp-content/themes/siaf2012/images/bg/bg-siaf12.gif') left top repeat; color: #fefefe; border: none; max-width: 100%; }
	div.reverie-header { margin: 0 0 20px 0; padding: 20px 0 0 0; }
	div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #ccc; font-size: 30px; line-height: 0.9em;}
	div.reverie-header h1 a:hover { color: #cccccc; }
	header h1 { font-size: 30px; }
	
	@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 h2 { font-size: 27px; font-size: 2.1rem; }
	header h3 { font-size: 20px; font-size: 1.9rem; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	header h5 { font-size: 17px; font-size: 1.3rem; }
	h1 .site-name { font-size: 12px; font-size: 1.1rem; }
	h3 { font-size: 20px; font-size: 1.9rem; }
	#orbit-inside .content .slide-content, .orbit-caption { font-size: 1.3rem; position: static; max-width: 100%; width: 100%; margin-bottom: auto; clear:both;}
	#container div.orbit-wrapper div.slider-nav span { width: 10%; height: 28%; top: 35%; margin-top: 0px;  font-size: 1.3rem;}
	#main { margin-top: 0px; padding-top: 0px; }
	p, ul { line-height: 1.4em;	}
	}
	
	@media only screen and (max-width: 767px) {
	 
    ul.page-numbers { display: block; height: 32px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 32px; color: #999; font-size: 24px; margin-left: 5px; }
	
	}
	
    /* iPads (portrait and landscape) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) {
    /* Styles */
	div.reverie-header h1.site-name, div.reverie-header h1.site-name a { font-size: 12px !important; font-size: 1.4rem !important; margin-bottom: -10px !important;}
    }
	

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */
	h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; }
	
	/* Add Divider for Listed Posts */
	.divider { background:none;/*url(images/divider.png) no-repeat center top;*/ height:36px; margin:20px 0 27px; }	
	
	/* 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 img {
	height: auto;
	margin: 0 auto;
	display: block;
	/*border: 1px solid #DDD;
    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: #fefefe; }
	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: 10px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* 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
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    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: #fefefe; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #fefefe; color: #000; }
    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: yellow; color: #000; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
	
/*  --------------------------
    Your Customized Style
    ----------------------- */
	html, body { margin-bottom: 0px; height: 100%; }
	main { /*height: auto;*/ }
	#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; }
	table { background:rgba(0,0,0,0.4); border: none; color: #fefefe; }
	table thead, table tfoot { background: none; color: #fefefe; }
	table tbody tr td {  color: #fefefe; }
	table tbody tr:nth-child(even) { background:rgba(0,0,0,0.2); }
	table .widget-table thead { }
	table thead tr th { background:rgba(0,0,0,0.4); color: #fff; }
	
	h4.half-size { font-size: 16px; }
	
	.no-padding { pading: 0px; }
	.no-padding-left { padding-left: 0px; }
	.no-padding-right { padding-right: 0px; }
	.no-padding-top { padding-top: 0px; }
	.no-padding-bottom { padding-bottom: 0px; }
	
	header { position: relative; }
	.share-button { position: absolute; right:0px; bottom: 28px;}
		
	.siaf-home-highlights-container { margin-bottom: 10px; }
	.siaf-home-highlights { background:rgba(0,0,0,0.4)/*rgba(20,25,25,0.6)*/; padding: 10px; margin-bottom: 10px; min-height: 200px;}
	.siaf-home-highlights h6 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; }
	
	.siaf-footer { background:rgba(0,0,0,0.6);width:100%;padding-top: 20px;padding-bottom: 20px; margin-top:50px; margin-bottom: -10px; }
	.siaf-footer, .push { height: 160px; }
	.siaf-footer .show-for-small { margin-bottom: 0px}
	.siaf-footer a { color: #fff; font-size: 0.9em;}
	
	input[type="text"] { background: #fefefe; /*border-color:#767676;*/ }
	input.button[type="submit"], input.medium.button[type="submit"] { padding: 8px 20px 9px; }
	a.medium.button.ticket { min-width: 180px; }
	.mobile-one .prefix { left: 1px; -moz-border-radius-topleft: 1px; -webkit-border-top-left-radius: 1px; border-top-left-radius: 1px; -moz-border-radius-bottomleft: 1px; -webkit-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; }
    .mobile-one .postfix { right: 1px; -moz-border-radius-topright: 1px; -webkit-border-top-right-radius: 1px; border-top-right-radius: 1px; -moz-border-radius-bottomright: 1px; -webkit-border-bottom-right-radius: 1px; border-bottom-right-radius: 1px; }

	.nav-bar { background: none; }
	.nav-bar li { background: none; border: none; font-family: 'Open Sans',"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif; font-weight: 300; }
	.nav-bar > li > a:first-child { font-size: 24px; box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2) inset;}	
	.nav-bar > li { box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2) inset;  }
	.nav-bar > li:last-child { box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2) inset; border: none;}
	.nav-bar li:hover { background: none; /*yellow;*/}	
	.nav-bar li:hover a { color: /*#111;*/yellow; text-decoration:none; }
		
	img.logo { width: 35%; }
	a:hover { text-decoration: none; }
	
	ul.tweets {
       list-style-image:url('./images/logos/tweet-bullet.png');
    }
	ul.tweets li { margin-bottom: 12px; }
	.nav-bar > li:first-child {
		box-shadow: none;
		border: none;
    }
	.program-item {
		margin-bottom: 20px;
	}
	.program-item img {
		position: relative;
		margin: 0px 0 0 0px;
		z-index: 1;
		width: 100%;
	}
	.session-details {
		background:rgba(0,0,0,.3); position:relative; padding: 5px;margin:0 0 0 0; z-index: 2;
	}
	.session-details h4 {
		margin: 0px 0px 5px 0px;
	}
	.session-details p {
		font-size: 12px;
		line-height: 140%;
		color: #fefefe;
	}
	dl.sub-nav dd.active a { color: #14191A; }
	.session-meta, .film-meta { line-height: 1.2; }
	
	.button, .button span { color: #000; }
	.mobile-nav { background: #14191A; margin-bottom: 0px;}
	.mobile-nav p { margin: 5px 0px 10px 0px; line-height: 01em;}
	#mobileNav.reveal-modal { width: 100% ; margin-left: -50%; top:auto; background: #14191A; border: 0px #666 solid; border-bottom: 1px yellow solid; z-index:1057;}
	.button.dropdown.split > a { color: #000; padding-left: 10px; padding-right: 40px;}
	img.menu-icon { height: 25px; margin-top: 8px; margin-bottom:8px;}
	img.menu-icon .left { margin-left: 5px;}
	img.menu-icon .right { margin-right: 0px; }
	img.logo-icon { float:left; margin-right:5px;}
	
	iframe:not([seamless]) { border: 0px; }
	
	.addthis_counter.addthis_bubble_style  { 
		 margin-top: 11px;
		}	
		
	h6.mobile-home { margin-top: 0px; padding-top: 0px; }
	.mobile-banner { margin-top: 10px; margin-bottom: -5px;}
	
	aside p { font-style:normal; }
	
	div.textwidget p img.left, p img { margin: 0px; margin-left: 0; }
	
	.uts-essentials { margin: auto; }
	.uts-essentials li { list-style: none; }
	.uts-essentials h6 { margin-top: 0px; margin-bottom: 8px;}
	.schedule-col h2 { margin-bottom: 0em; }
	.schedule-col h4 { margin-bottom: 0.3em; margin-top: 1em; }
	.schedule-col h5 { margin-top: 0.3em; }
	
	.loop-block { margin-top: -17px; }
	
	.dark-widget { background:rgba(0,0,0,0.4); padding:0.3em 0em 0.3em 1em;}
	
	div.reverie-header h1.site-name { margin-left: 20px; font-size: 17px; font-weight: 300; }
	div.reverie-header h1.site-name a { margin-left: 20px; font-size: 17px; color: yellow; font-weight: 300;}
	.mobile-pad-left { padding-left: 20px; }
	.session-desc p { line-height: 1.2em;}
	
	ul.orbit-bullets {
		clear: both;
	position: static;
	/*z-index: 1000;*/
	list-style: none;
	/*bottom: -150px;*/
	left: 50%;
	margin-left: -50px;
	padding: 0;
	margin: 0x 0 25px;
	width: auto%;
}

.reveal-modal {
	background-color:#14191A; /* url('http://siaf.uts.edu.au/wp-content/themes/siaf2012/images/bg/bg-siaf12.gif') left top repeat;*/
	z-index: 1057;
	border: 1px white solid;
}
.reveal-modal-bg {
	background: rgba(0, 0, 0, 0.95);
	z-index: 1056;
}