/*
Theme Name:         Metro
Theme URI:          http://pricop.info
Description:        Metro is a modern versatile HTML5 responsive WordPress theme.
Version:            3.2.0
Tags: two-columns, three-columns, theme-options, left-sidebar, custom-colors
License: GNU General Public License and Themeforest General License
License URI: Licensing/README_License.txt
Author:             Pricop Alexandru
Author URI:         http://pricop.info/
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
/* -------------------------------------------------- 
   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
--------------------------------------------------- */

	@font-face {
	font-family:wf_SegoeUI;
	src:url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix) format(embedded-opentype),url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff) format(woff),url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf) format(truetype),url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web) format(svg);
	font-weight:400;
	font-style:normal;
	}
	@font-face {
	font-family:wf_SegoeUILight;
	src:url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot);
	src:url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot?#iefix) format(embedded-opentype),url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.woff) format(woff),url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.ttf) format(truetype),url(http://i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.svg#web) format(svg);
	font-weight:400;
	font-style:normal;
	}
	/* Foundation-specific presentation CSS by ZURB */
	div.metro-header { margin: -10px 0 10px 0; float: left; width: 100%;}
	div.metro-header h1 { text-shadow: none; font-weight: 500; margin-bottom: 0; padding: 0; font-size: 28px; font-family: 'Segoe UI', 'Tahoma', 'Open Sans', sans-serif;}
	div.metro-header h1 a { color: #6D6D6D; }
	div.metro-header h1 a:hover { color: #000; }
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; padding: 0 10px;}
	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: 28px; font-size: 2.7rem; margin-bottom: 18px; }
	header h2 a { font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	div.metro-header { margin: -10px 0 10px 0; float: none; padding-left: 10px;}
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */
	h1, h3, h4, h5 { font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300;}
	h2 { font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300; color: #2BA6CB; }
	h1.entry-title { font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300; color: #000;}
	h3#reply-title { font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300; background: #1570A6 url(images/comment_sidebar.png) no-repeat right bottom;
padding: 7px; color: #fff; }
	/* Add Divider for Listed Posts */
	.divider { background: url(images/divider.png) no-repeat center top; height: 10px; margin: 20px 0 20px 0;}
	.welcomeTitle { width: 100%; max-width: 1180px; padding: 0 15px; margin: 0 auto; }
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 17px; margin-right: 0;}
	img.alignleft { float: left; margin: 17px; margin-left: 0;}
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	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;
	}
	.socialFooter { color: #252525; width: 100%; max-width: 1180px; padding: 25px 15px; margin: 0 auto; font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300; font-size: 16px; }
	.socialFooter a { padding: 0 20px; color: #fff; }
	.socialFooter a:hover { text-decoration: underline; }
	.socialFooter h3 { display: inline-block; color: #fff; }
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	background: #F2F2F2; padding: 5px; border: 1px solid #CCC; display: inline-block; font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; width:100%;}
	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; }
	
	.bypostauthor { background: #fff; }
	.sticky { /* this css is not used, but it's required, the sticky isn't stiled but it's on the ToDo list */ }
	.wp-caption-text { font-family: "wf_SegoeUI", "Segoe UI", "Segoe WP", "wf_SegoeUI", "Segoe UI", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300;font-size: 13px; color: #666;}
	.gallery-caption { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; }
	
	/* Sidebar Adjustment */
	img { border: 0px; }
	.sidebar-section { /* padding-bottom: 10px; padding-top: 20px; */ font-size: 16px; font-size: 1.2rem; font-weight: normal; color: #757575}
	.sidebar-section a { color: #202020; font-size: 112px; font-size: 1.2rem;}
	.sidebar-section a:hover { color: #000; text-decoration: underline;}
	.sidebar-section h6 { font-family: "wf_SegoeUILight", "Segoe UI Light", "Segoe WP Light", "wf_SegoeUI", "Segoe UI", "Tahoma", Arial, Verdana, sans-serif; font-weight: 300; color: #FFF; font-size: 24px; background: #1570A6 url(images/arrow_sidebar.png) no-repeat right bottom; padding: 7px; }
	.sidebar-section li { list-style: none; font-size: 16px; }
	
	/* 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; font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; }
    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: #555; }
    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: #2ba6cb; color: #fff; 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
    ----------------------- */
	.submenu { 
	height: 1px;
	background: #DDD;
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 15px;
	}
	.byline { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 5px 0; }
	.updated { font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; color: #6F6E69; font-size: 15px;}
	.tags { font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; color: #918E7B; font-size: 12px; }
	.tags a { text-transform: uppercase; font-weight: bold;}
	.tags a:hover { text-decoration: underline; }
	.tags-blog { font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; color: #918E7B; font-size: 14px; line-height:250%;}
	.social { margin-bottom: 15px; }
	ol.commentlist, ol.commentlist li { list-style: none; }
	.commentlist .children { margin-left: 40px; }
	.comment-content { margin-top: 5px; }
	.comment-author { font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif; }
	.comment-author img { border: 2px #CCC solid; margin-right: 10px; }
	.author-content { display: inline-block; }
	.author-name { font-size: 130%; }
	article.comment { border: 1px solid #DDD; padding: 10px; background: #fff;}
	
	.hoverurl, .hoverzoom {
		position:relative;
		cursor: pointer;
		overflow:hidden
	}
	.hoverurl i, .hoverzoom z {
		display:block;
		font-style:normal;
		position:absolute;
		width:100%;
		height: 100%;
		z-index:9;
		text-indent:-9000px;
		top:0;
		left:0;
		background:#000;
		opacity:0;
		filter:alpha(opacity:0);
	}
	.hoverurl img, .hoverzoom img {
		width: 100%;
		height: auto !important;
		display:block;
		visibility:visible;
	}

	.hoverurl a {
		display:inline-block;
		width: 100%;
		height: 100%;
		top: -500px;
		position:absolute;
		background:url(images/link.png) 50% 50% no-repeat;
		z-index:10;
	}
	.hoverurl a.details {
		background:url(images/details.png) 50% 50% no-repeat;
	}
	.hoverzoom a {
		display:inline-block;
		width: 100%;
		height: 100%;
		top: -500px;
		position:absolute;
		background:url(images/zoom.png) 50% 50% no-repeat;
		z-index:10
	}
	.hoverzoom a.details {
		background:url(images/details.png) 50% 50% no-repeat;
	}
	.sliderContainer {
	max-width: 1350px;
	width: 100%;
	margin: 0 auto;
	}
	.required { font-size: 80%; }
	.comment-reply-link { font-size: 80%; }
	.thumbnail-border { border: 5px #DDD solid; }
	#featured { background: url(images/loading.gif) center center #fff no-repeat; height: 300px; }
	#featured img { display: none; }

	#featured.orbit { background: none; }
	#featured.orbit img { display: block; }