/*
Theme Name: How I Met Your Style - 2
Theme URI: http://himys.com/
Description: The 2012 theme for How I Met Your Style
Author: Eric Lim
Version: 2.0
*/

/* ------------------------------------------------------
	CSS Reset
	
	Based in part on Eric Meyer's CSS Reset and
	Thierry Koblentz's Base CSS
	
	Last updated: 2010.07.31
-------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #949494;
	background: #fcfcfc;
}

/* Form elements don't inherit font styles by default */
input, select, textarea {
	font-family: inherit;	/* Copy font-family from body for IE6/IE7 compatibility */
	font-size: 1em;	/*font-size: 1em; Works for IE6*/
	font-weight: inherit;
}

a { text-decoration: none; outline: none; color: #5ce662; }
a:link {  }
a:visited {  }	/* SET */
a:hover { text-decoration: underline; }
a:active {  }	/* SET */

/* Remember to remove the margin when using ul for navigation or other semantic uses */
ul, ol {
	margin-left: 1.5em;
}

blockquote {
	margin-left: 1em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

img {
	vertical-align: bottom;
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Remove outline on flash objects */
object { outline: none; }

/* Courtesy of Mzajac of Wikipedia: http://en.wikipedia.org/wiki/User:Mzajac/monobook.css/Superscript_fix */
sup, sub {
	vertical-align: baseline;
	position: relative;
}
sup { bottom: 0.33em; }
sub { bottom: -0.25em; }

label { cursor: pointer; }

/* this is to fix IE 6 and 7 which create extra right/left padding on buttons
 * IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents
 * the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers.
 */
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton {
  *overflow: visible;
  _width: 0;
  padding: .2em .4em;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* --- Structure
-------------------------------------------------------*/

#container {
	width: 980px;
	margin: 0 auto;
}



/* --- Header
-------------------------------------------------------*/

#header {
	font-family: Georgia, Times, Serif;
	position: relative;
	height: 193px;
	padding: 35px 0 0;
	border-bottom: 1px solid #eee;
}

	/* --- | Main Title | --- */
	
	#header h1 {
		text-indent: -9999px;
		width: 347px;
		height: 118px;
		margin-bottom: 0;
		background: url(images/logo_interior.png) no-repeat;
	}
		
		#header h1 a {
			display: block;
			height: 210px;
		}
	
	/* --- | Sub Heading | --- */
	
	#header h2 {
		font-size: 22px;
		font-style: italic;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 30px;
		color: #9dead3;
	}
	
	
	
	/* --- Navigation
	-------------------------------------------------------*/
	
		#primary_navigation,
		#social_navigation {
			font-size: 17px;
			font-weight: bold;
			line-height: 24px;
		}
			
			#primary_navigation li,
			#social_navigation li {
				text-indent: -9999px;
				width: 100px;
				height: 17px;
				margin-bottom: 7px;
			}
				
				#primary_navigation li a,
				#social_navigation li a {
					display: block;
					height: 17px;
					background: url(images/primary_navigation_interior.png) no-repeat;
				}
		
		/* --- | Primary Navigation | --- */
	
		#primary_navigation {
			list-style: none;
			position: absolute;
			left: 653px;
			top: 35px;
		}
		
			#primary_navigation li {}
			
				#primary_navigation li a { }
				
				#primary_navigation li.features a { background-position: 0 0; }
				#primary_navigation li.blog a { background-position: -100px 0; }
				#primary_navigation li.about a { background-position: -200px 0; }
		
		/* --- | Social Navigation | --- */
	
		#social_navigation {
			list-style: none;
			position: absolute;
			left: 817px;
			top: 35px;
		}
			
			#social_navigation li.twitter a { background-position: -300px 0; }
			#social_navigation li.facebook a { background-position: -400px 0; }
			#social_navigation li.instagram a { background-position: -500px 0; }
			#social_navigation li.tumblr a { background-position: -600px 0; }
			#social_navigation li.bloglovin a { background-position: -700px 0; }
	
	
	
	/* --- Home header
	-------------------------------------------------------*/
	
	body.home #header {
		position: relative;
		height: 795px;
		margin-bottom: 70px;
		padding: 0;
	}
		
		body.home #header_content {
			position: relative;
			z-index: 2;
			width: 980px;
			margin: 0 auto;
			padding-top: 35px;
		}
		
		/* --- | Main Title | --- */
		
		body.home #header h1 { background: url(images/logo.png) no-repeat; }
		
		/* --- | Subheading | --- */
		
		body.home #header h2 { color: #fff; }
		
		/* --- | Navigation | --- */
		
		body.home #primary_navigation li a,
		body.home #social_navigation li a {
			background-image: url(images/primary_navigation_home.png);
		}
	
	
	
	/* --- Header Carousel
	-------------------------------------------------------*/
	
	#header_carousel {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 795px;
	}
		
		#header_carousel h2 {
			font-size: 15px;
			font-style: normal;
			line-height: 18px;
		}
		
		h2#header_carousel_title {
			font-size: 15px;
			font-style: italic;
			line-height: 1em;
			text-align: center;
			position: absolute;
			z-index: 3;
			left: 0;
			bottom: 88px;
			width: 100%;
		}



/* --- Home - Entries
-------------------------------------------------------*/

.entry {
	font-family: "Trebuchet MS", Tahoma, Sans-Serif;
}
	
	.entry .rsImg {
		position: absolute;
		z-index: 1;
	}
	
	/* --- | Entry Container | --- */
	
	.entry .entry_container {
		position: relative;
		z-index: 2;
		top: 255px;
		width: 980px;
		margin: 0 auto;
		background: #f5f5f5;
	}
	
	/* --- | Intro Photo | --- */
	
	.entry .intro_photo {
		position: relative;
		overflow: hidden;
		float: left;
		width: 643px;
		height: 383px;
	}
		
		.entry .intro_photo span.box {
			position: absolute;
			left: -13px;
			width: 13px;
			height: 383px;
			background: #38ffe1;
		}
	
	/* --- | Entry Content | --- */
	
	.entry .entry_content {
		float: left;
		width: 257px;
		height: 383px;
		padding: 0 40px;
	}
		
		/* --- | Tables for alignment | --- */
		.entry .entry_content table { height: 100%; }
		.entry .entry_content td { vertical-align: center; }
		
		.entry_content h2 {
			font-size: 15px;
			line-height: 18px;
			text-align: center;
			color: #000;
		}
			
			.entry_content h2 a {
				color: #000;
			}
		
		.entry_content .meta {
			font-size: 11px;
			font-style: italic;
			line-height: 14px;
			text-align: center;
			color: #acacac;
			margin-bottom: 20px;
			padding-bottom: 24px;
			background: url(images/divider_meta.gif) no-repeat center bottom;
		}
			
			.entry_content .meta a { color: #acacac; }
		
		.entry_content .summary {
			line-height: 18px;
			text-align: justify;
		}



/* --- Home - Blog
-------------------------------------------------------*/

.blog_entry {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	/*font-style: italic;*/
	line-height: 1.6em;
	color: #949494;
	position: relative;
	padding: 140px 0 35px;
	border-bottom: 1px solid #eeeeee;
}
	
	.blog_entry h2 {
		font-family: Georgia, Times, Serif;
		font-size: 105px;
		font-style: normal;
		font-weight: normal;
		letter-spacing: -4px;
		line-height: 91px;
		text-align: left;
		color: #9effa3;
		position: absolute;
		z-index: 1;
		top: 75px;
	}
		
		.blog_entry h2 a { color: #9effa3; }
	
	.blog_entry .entry_content {}
		
		.blog_entry img {
			margin-bottom: 1em;
		}
		
		.blog_entry .entry_content p {
			margin-bottom: 1em;
		}
		
		.blog_entry .summary {
			/*line-height: 1em;*/
			text-align: left;
		}
		
		.blog_entry .summary_text {
			float: left;
			width: 655px;
		}
		
		.blog_entry .tags {
			float: right;
			width: 270px;
		}
			
			.blog_entry .tags a { color: #9dead3; }
			.blog_entry .tags a:hover { color: #9effa3; }



	/* --- Pagination
	-------------------------------------------------------*/
	
	.pagination {
		font-family: Georgia, Times, Serif;
		font-size: 48px;
		font-style: italic;
		line-height: 1em;
		color: #d3d3d3;
		list-style: none;
		margin: 0;
		padding: 75px 60px;
		border-bottom: 1px solid #eee;
	}
		
		.pagination li {}
			
			.pagination  li a { color: #9dead3; }
				
				.pagination li a:hover { text-decoration: none; color: #9EFFA3; }
		
		/* --- | Links | --- */
		
		.pagination li.previous {
			float: left;
		}
			
			.pagination li.previous a {
				padding-left: 35px;
				background: url(images/arrow_left.png) no-repeat 0 17px;
			}
				
				.pagination li.previous a:hover { background-position: 0 -83px; }
		
		.pagination li.next {
			float: right;
		}
		
			.pagination li.next a {
				padding-right: 35px;
				background: url(images/arrow_right.png) no-repeat right 17px;
			}
				
				.pagination li.next a:hover { background-position: right -83px; }
		
		/* --- | No Link | --- */
		
		.pagination li.previous.no_link {
			padding-left: 35px;
			background: url(images/arrow_left.png) no-repeat 0 -189px;
		}
		
		.pagination li.next.no_link {
			padding-right: 35px;
			background: url(images/arrow_right.png) no-repeat right -183px;
		}
		
	
/* --- Single - Entries
-------------------------------------------------------*/

body.single .entry {
	background: none;
}
	
	/* --- | Entry Content | --- */
	
	body.single .entry .entry_content {
		float: none;
		width: 370px;
		height: auto;
		margin-bottom: 50px;
		padding: 80px 305px 30px;
		background: #f5f5f5;
	}
		
		body.single .entry .entry_content h2,
		body.single .entry .entry_content .meta {
			font-family: Georgia, Times, serif;
		}
		
		body.single .entry .entry_content h2 {
			font-size: 48px;
			font-weight: normal;
			line-height: 40px;
			margin-bottom: 10px;
		}
		
		
		
		body.single .entry .entry_content .meta {
			font-size: 14px;
			line-height: 18px;
			background: none;
			margin-bottom: 80px;
			padding-bottom: 12px;
			border-bottom: 1px solid #e6e6e6;
		}
			
			body.single .entry .entry_content .meta .url a { color: #000; }
			body.single .entry .entry_content .meta .location { color: #000; }
		
		body.single .entry .entry_content .summary {
			font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
			line-height: 21px;
			font-size: 11px;
			margin-bottom: 160px;
		}
		
		body.single .entry_content .directions {
			font-family: "Trebuchet MS", verdana, sans-serif;
			font-size: 12px;
			font-style: italic;
			text-align: center;
			padding-top: 40px;
			background: url(images/directions.gif) no-repeat center top;
		}
	
	/* --- | Entry Photo | --- */
	
	body.single .entry .photos img {
		margin-bottom: 50px;
	}
	
	body.single .entry .photos p {
		font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}

	body.single .entry .interview { 
		background:#f5f5f5;
		padding: 80px 200px;
	}

	body.single .entry .interview h2{ 
		color: #000000; 
		font-family: Georgia,Times,serif;
		font-size: 24px;
		line-height: 30px;
	 	font-weight: normal;
	}
	
	body.single .entry .interview em{ 
		color: #000000; 
		font-family: Georgia,Times,serif;
		font-style: italic;
		font-size: 14px;
		line-height: 18px;
	}



/* --- About Page
-------------------------------------------------------*/

body.page-template-page-about-php #container {
	background: url(images/about_bg.gif) no-repeat 0 308px;
}

.page_about {
	line-height: 21px;
	margin-bottom: 100px;
}
	
	.page_about .cl {
		float: left;
		width: 450px;
		margin: 0 0 0 57px;
		padding-top:19px;
	}
	
	.page_about .cr {
		float: right;
		width: 375px;
		margin: 75px 57px 0 0;
	}
		
		.page_about #twitter_update_list {
			font-family: "Trebuchet MS", Verdana, Sans-Serif;
			font-size: 14px;
			list-style: none;
			margin: 0;
			padding-top:16px;
			padding-left:5px;
		}
			
			.page_about #twitter_update_list li {
				position: relative;
				margin-bottom: 40px;
				padding-top: 35px;
			}
				
				.page_about #twitter_update_list li span.quotes {
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					width: 64px;
					height: 23px;
					background: url(images/quotes.png) no-repeat;
				}
					
					.page_about #twitter_update_list li span.quotes a { display: block; height: 23px; }
				
				.page_about #twitter_update_list li span.status {
					line-height: 24px;
					display: block;
				}
				
				.page_about #twitter_update_list li a.timestamp {
					font-size: 12px;
					color: #5ce662;
				}
	
	.page_about h2 {
		font-family: Georgia, Times, serif;
		font-size: 48px;
		font-weight: normal;
		line-height: 40px;
		color: #000;
		margin: 59px 0 10px;
	}
	
	.page_about p {
		margin-bottom: 1em;
	}



/* --- Archives
-------------------------------------------------------*/

#archives {
	clear: left;
	margin: 75px 0 50px;
}
	
	#spacer { clear: both; height: 75px; }
	
	/* --- | Heading | --- */
	
	#archives .heading {
		font-family: Georgia, Times, Serif;
		margin-bottom: 30px;
		border-bottom: 1px solid #eee;
	}
		
		#archives .heading h2 {
			font-size: 120px;
			font-weight: normal;
			letter-spacing: -6px;
			line-height: 100px;
			color: #9effa3;
		}
		
		#archives .heading h3 {
			font-size: 30px;
			font-style: italic;
			font-weight: normal;
			letter-spacing: -1px;
			line-height: 48px;
			color: #9dead3;
			margin: -15px 0 0 125px;
		}
	
	/* --- | Entry | --- */
	
	#archives .archive_entry {
		font-family: "Trebuchet MS", Tahoma, Sans-Serif;
		text-align: center;
		float: left;
		margin: 0 2px 20px 0;
	}
		
		#archives .archive_entry.first { clear: left; }
		
		#archives .archive_entry.last { margin-right: 0; }
		
		#archives .archive_entry h2 {
			font-size: 15px;
			font-weight: normal;
			line-height: 18px;
			color: #000;
		}
		
		#archives .archive_entry .meta {
			font-size: 11px;
			font-style: italic;
			line-height: 14px;
		}
			
			#archives .archive_entry .meta a { color: #acacac; }
	
	/* --- | View All | --- */
	
	#archives .view_all {
		font-family: Georgia, Times, Serif;
		font-size: 22px;
		font-style: italic;
		text-align: right;
		clear: both;
		padding: 8px 0 0;
		border-top: 1px solid #eee;
	}
		
		#archives .view_all a {
			color: #9dead3;
			padding-right: 29px;
			background: url(images/arrow.gif) no-repeat right top;
		}
			
			#archives .view_all a:hover {
				text-decoration: none;
				color: #9effa3;
				background-position: right -100px;
			}



/* --- Footer
-------------------------------------------------------*/

#footer {
	clear: both;
	padding-top: 100px;
	background: #f5f5f5;
}
	
	#footer.about {
		padding: 0;
		background: none;
	}
	
	#footer_content {
		position: relative;
		width: 980px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	/* --- | Back to Top | --- */
	
	#back_to_top {
		font-family: Georgia, Times, Serif;
		font-size: 12px;
		font-style: italic;
		line-height: 1em;
		position: absolute;
		right: 0;
		top: -115px;
		padding-top: 18px;
		background: url(images/back_to_top.jpg) no-repeat center top;
	}
		
		#back_to_top a { color: #b7b7b7; }
	
	/* --- | Titles | --- */
	
	#footer h2 {
		font-family: Georgia, Times, Serif;
		font-size: 30px;
		font-weight: normal;
		line-height: 1em;
		color: #000;
		margin: 1em 0 15px;
	}
	
	/* --- | Columns | --- */
	
	#footer .column {
		width: 475px;
	}
		
		#footer .cr { float: right; }
		#footer .cl { float: left; }
	
	/* --- | Copyright | --- */
	
	#copyright {
		font-family: Georgia, Times, Serif;
		font-size: 12px;
		font-style: italic;
		text-align: center;
		color: #b7b7b7;
		clear: both;
		width: 512px;
		margin: 80px auto 0;
		padding: 5px 0;
		border-top: 1px solid #dedede;
	}








	/* v1.0.2 */
	/* Core RS CSS file. 95% of time you shouldn't change anything here. */
	.royalSlider {
		width: 600px;
		height: 400px;
		position: relative;
		direction: ltr;
	}

	.rsWebkit3d .rsSlide,
	.rsWebkit3d .rsContainer,
	.rsWebkit3d .rsThumbs,
	.rsWebkit3d .rsPreloader,
	.rsWebkit3d img,
	.rsWebkit3d .rsOverflow,
	.rsWebkit3d .rsBtnCenterer,
	.rsWebkit3d .rsAbsoluteEl {
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0); 
	}
	.rsFade.rsWebkit3d .rsSlide,
	.rsFade.rsWebkit3d img,
	.rsFade.rsWebkit3d .rsContainer {
		-webkit-transform: none;
	}
	.rsOverflow {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		float: left;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

	.rsContainer {
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

	.rsArrow,
	.rsThumbsArrow {
		cursor: pointer;
	}

	.rsThumb {
		float: left;
		position: relative;
	}

	.rsArrow,
	.rsNav,
	.rsThumbsArrow {
		opacity: 1;
		-webkit-transition:opacity 0.3s linear;
		-moz-transition:opacity 0.3s linear;
		-o-transition:opacity 0.3s linear;
		transition:opacity 0.3s linear;
	}
	.rsHidden {
		opacity: 0;
		visibility: hidden;
		-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
		-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
		-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
		transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	}


	.rsGCaption {
		width: 100%;
		float: left;
		text-align: center;
	}

	/* Fullscreen options, very important ^^ */
	.royalSlider.rsFullscreen {
		position: fixed !important;
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		z-index: 2147483647 !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
	}

	.royalSlider .rsSlide.rsFakePreloader {
		opacity: 1 !important;
		-webkit-transition: 0s;
		-moz-transition: 0s;
		-o-transition:  0s;
		transition:  0s;
		display: none;
	}

	.rsSlide {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		overflow: hidden;

		height: 100%;
		width: 100%;
	}

	.royalSlider.rsAutoHeight,
	.rsAutoHeight .rsSlide {
		height: auto;
	}

	.rsContent {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.rsPreloader {
		position:absolute;
		z-index: 0;	
	}

	.rsNav {
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		user-select: none;
	}
	.rsNavItem {
		-webkit-tap-highlight-color:rgba(0,0,0,0.25);
	}

	.rsThumbs {
		cursor: pointer;
		position: relative;
		overflow: hidden;
		float: left;
		z-index: 22;
	}
	.rsTabs {
		float: left;
	}
	.rsTabs,
	.rsThumbs {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}


	.rsVideoContainer {
		/*left: 0;
		top: 0;
		position: absolute;*/
		/*width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		float: left;*/
		width: auto;
		height: auto;
		line-height: 0;
		position: relative;
	}
	.rsVideoFrameHolder {
		position: absolute;
		left: 0;
		top: 0;
		background: #141414;
		opacity: 0;
		-webkit-transition: .3s;
	}
	.rsVideoFrameHolder.rsVideoActive {
		opacity: 1;
	}
	.rsVideoContainer iframe,
	.rsVideoContainer video,
	.rsVideoContainer embed,
	.rsVideoContainer .rsVideoObj {
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	/* ios controls over video bug, shifting video */
	.rsVideoContainer.rsIOSVideo iframe,
	.rsVideoContainer.rsIOSVideo video,
	.rsVideoContainer.rsIOSVideo embed {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 44px;
	}

	.rsABlock {
		left: 0;
		top: 0;
		position: absolute;
		z-index: 15;
		-webkit-backface-visibility: hidden;
	}

	.grab-cursor {
		cursor:url(grab.png) 8 8, move; 
	}

	.grabbing-cursor{ 
		cursor:url(grabbing.png) 8 8, move;
	}

	.rsNoDrag {
		cursor: auto;
	}

	.rsLink {
		left:0;
		top:0;
		position:absolute;
		width:100%;
		height:100%;
		display:block;	
		z-index: 20;
		background: url(blank.gif);
		-webkit-backface-visibility: hidden;
	}








	/******************************
	*
	*  RoyalSlider Default Skin 
	*
	*    1. Arrows 
	*    2. Bullets
	*    3. Thumbnails
	*    4. Tabs
	*    5. Fullscreen button
	*    6. Play/close video button
	*    7. Preloader
	*    
	*  Sprite: 'rs-default.png'
	*  Feel free to edit anything
	*  If you don't some part - just delete it
	* 
	******************************/


	/* Background */
	.rsDefault .rsOverflow,
	.rsDefault .rsSlide,
	.rsDefault .rsVideoFrameHolder,
	.rsDefault .rsThumbs {
		background: transparent;
	}


	/***************
	*
	*  1. Arrows
	*
	****************/

	.rsDefault .rsArrow {
		height: 100%;
		width: 44px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
	}
	.rsDefault.rsVer .rsArrow {
		width: 100%;
		height: 44px;

	}
	.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
	.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

	.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
	.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

	.rsDefault .rsArrowIcn {		
		width: 32px;
		height: 32px;
		top: 50%;
		left: 50%;
		margin-top:-16px;	
		margin-left: -16px;

		position: absolute;	
		cursor: pointer;	
		background: url('rs-default.png');
		background-color: rgba(0,0,0,0.75);
		*background-color: #111;

		border-radius: 2px;
	}
	.rsDefault .rsArrowIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}

	.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
	.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

	.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
	.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

	.rsDefault .rsArrowDisabled .rsArrowIcn { background-color: rgba(0,0,0,0.4); opacity: .4; *display: none; }


	/***************
	*
	*  2. Bullets
	*
	****************/

	.rsDefault .rsBullets {
		position: absolute;
		z-index: 35;
		left: 0;
		bottom: 55px;
		width: 100%;
		height: auto;
		margin: 0 auto; 
		text-align: center;
		line-height: 18px;
		overflow: hidden;
	}
	.rsDefault .rsBullet {
		cursor: pointer;
		width: 25px;
		height: 25px;
		display: inline-block;
		*display:inline; 
		*zoom:1;
		margin: 0 3px 1px;
		border-radius: 50%;
		background: #777;
		background: rgba(255,255,255,0.5);
	}
	.rsDefault .rsBullet.rsNavSelected  {
		background-color: #FFF;
	}





	/***************
	*
	*  3. Thumbnails
	*
	****************/

	.rsDefault .rsThumbsHor {
		padding-bottom: 4px;
		width: 100%;
		height: 72px;
	}
	.rsDefault .rsThumbsVer {
		padding-right: 4px;
		width: 96px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
	.rsDefault.rsWithThumbsHor .rsThumbsContainer {
		position: relative;
		height: 100%;
	}
	.rsDefault.rsWithThumbsVer .rsThumbsContainer {
		position: relative;
		width: 100%;
	}
	.rsDefault .rsThumb {
		float: left;
		overflow: hidden;
		width: 96px;
		height: 72px;
	}
	.rsDefault .rsThumb img {
		width: 100%;
		height: 100%;
	}
	.rsDefault .rsThumb.rsNavSelected {
		background: #02874a;
	}
	.rsDefault .rsThumb.rsNavSelected img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	.rsDefault .rsTmb {
		display: block;
	}

	/* Thumbnails arrow icons */
	.rsDefault .rsThumbsArrow {
		height: 100%;
		width: 20px;
		position: absolute;
		display: block;
		cursor: pointer;	
		z-index: 21;	
		background: #000;
		background: rgba(0,0,0,0.75);
	}
	.rsDefault .rsThumbsArrow:hover {
		background: rgba(0,0,0,0.9);
	}
	.rsDefault.rsWithThumbsVer .rsThumbsArrow {
		width: 100%;
		height: 20px;
	}
	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

	.rsDefault .rsThumbsArrowIcn {		
		width: 16px;
		height: 16px;
		top: 50%;
		left: 50%;
		margin-top:-8px;	
		margin-left: -8px;
		position: absolute;	
		cursor: pointer;	
		background: url('rs-default.png');
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

	.rsDefault .rsThumbsArrowDisabled { display: none !important; }

	/* Thumbnails resizing on smaller screens */
	@media screen and (min-width: 0px) and (max-width: 800px) {
		.rsDefault .rsThumb {
			width: 59px;
			height: 44px;
		}
		.rsDefault .rsThumbsHor {
			height: 44px;
		}
		.rsDefault .rsThumbsVer {
			width: 59px;
		}
	}




	/***************
	*
	*  4. Tabs
	*
	****************/

	.rsDefault .rsTabs {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align:center;
		overflow: hidden; padding-top: 12px; position: relative;
	}
	.rsDefault .rsTab {
		display: inline-block;
		cursor: pointer;
		text-align: center;
		height: auto;
		width: auto;
		color: #333;
		padding: 5px 13px 6px;
		min-width: 72px;
		border: 1px solid #D9D9DD;
		border-right: 1px solid #f5f5f5;
		text-decoration: none;

		background-color: #FFF;
		background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
		background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
		background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

		-webkit-box-shadow: inset 1px 0 0 #fff;
		box-shadow: inset 1px 0 0 #fff;

		*display:inline; 
		*zoom:1;
	}
	.rsDefault .rsTab:first-child {
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.rsDefault .rsTab:last-child { 
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;

		border-right:  1px solid #cfcfcf;
	}
	.rsDefault .rsTab:active { 
		border: 1px solid #D9D9DD;   
		background-color: #f4f4f4;
		    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
		box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
	}
	.rsDefault .rsTab.rsNavSelected { 
			color: white;
		border: 1px solid #999;
		text-shadow: 1px 1px #838383;
		-webkit-box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
		box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
		background: #ACACAC;
		background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
		background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
		background-image: linear-gradient(to bottom, #ACACAC, #BBB);
	}





	/***************
	*
	*  5. Fullscreen button
	*
	****************/

	.rsDefault .rsFullscreenBtn {
		right: 0;
		top: 0;
		width: 44px;
		height: 44px;
		z-index: 22;
		display: block;
		position: absolute;
		cursor: pointer;

	}
	.rsDefault .rsFullscreenIcn {
		display: block;
		margin: 6px;
		width: 32px;
		height: 32px;

		background: url('rs-default.png') 0 0;
		background-color: rgba(0,0,0,0.75);
		*background-color: #000;
		border-radius: 2px;

	}
	.rsDefault .rsFullscreenIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}
	.rsDefault.rsFullscreen .rsFullscreenIcn {
		background-position: -32px 0;
	}





	/***************
	*
	*  6. Play/close video button
	*
	****************/

	.rsDefault .rsPlayBtn {
		-webkit-tap-highlight-color:rgba(0,0,0,0.3);
		width:64px;
		height:64px;
		margin-left:-32px;
		margin-top:-32px;
		cursor: pointer;
	}
	.rsDefault .rsPlayBtnIcon {
		width:64px;
		display:block;
		height:64px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background:url(rs-default.png) no-repeat 0 -32px;

		background-color: rgba(0,0,0,0.75);
		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
		*background-color: #000;
	}
	.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
		background-color: rgba(0,0,0,0.9);
	}
	.rsDefault .rsBtnCenterer {
		position:absolute;
		left:50%;
		top:50%;
		width: 20px;
		height: 20px;
	}
	.rsDefault .rsCloseVideoBtn {
		right: 0;
		top: 0;
		width: 44px;
		height: 44px;
		z-index: 500;
		position: absolute;
		cursor: pointer;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0);

	}
	.rsDefault .rsCloseVideoBtn.rsiOSBtn {
		top: -38px;
		right: -6px;
		/*top: -6px;
		right: -38px;*/
	}

	.rsDefault .rsCloseVideoIcn {
		margin: 6px;
		width: 32px;
		height: 32px;
		background: url('rs-default.png') -64px 0;
		background-color: #000;
		background-color: rgba(0,0,0,0.75);
	}
	.rsDefault .rsCloseVideoIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}



	/***************
	*
	*  7. Preloader
	*
	****************/

	.rsDefault .rsPreloader {
		width:20px;
		height:20px;
		background-image:url(../preloaders/preloader-white.gif);

		left:50%;
		top:50%;
		margin-left:-10px;
		margin-top:-10px;	
	}