/**

	Theme Name: Creativelife
	Theme URI: 
	Description: WordPress Theme For Creatives.
	Author: The Open Dept.
	Author URI: http://opendept.net
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.8
	
	Handcrafted by The Open Dept.

**/

/*------------------------------------

	Contents summary:
	
	0. CSS Reset & some base styles
	1. Document properties
	2. Structure Setup
	3. Columns
	4. Content Styles
	5. Forms
	6. Javascript plugins styles
	7. Animations
	10. Internet Explorer fixes.

------------------------------------*/


/*----------------------------------------------------------------------------
	0. CSS RESET (modified normalise.css)
----------------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -ms-overflow-y: scroll; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; }
a:hover, a:active, a:focus { outline: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #e5e5e5; margin: 1em 0; padding: 0; }
ins { text-decoration: none; }
mark { font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; }
input:focus, textarea:focus { outline: none; cursor: default; }
select:hover, button:hover { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
object, embed { outline: none; }


/*----------------------------------------------------------------------------
	1. DOCUMENT MAIN PROPERTIES
----------------------------------------------------------------------------*/

body {
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/*
	Text selection
*/
::selection {
	text-shadow: none;
	background-color: #eee;
	color: #333;
}

::-moz-selection {
	text-shadow: none;
	background-color: #eee;
	color: #333;
}

/*
	Form input placeholder
*/
::-webkit-input-placeholder { 
	color: #b0b0b0;
	font-weight: bold;
}

:-moz-placeholder { 
	color: #b0b0b0 !important;
	font-weight: bold;
}

.placeholder { 
	color: #b0b0b0 !important;
	font-weight: bold;
}

/*
	Hyperlinks
*/
a {
	text-decoration: none;
	-webkit-transition: color .20s ease-in-out;
	-moz-transition: color .20s ease-in-out;
	-o-transition: color .20s ease-in-out;
	-ms-transition: color .20s ease-in-out;
	transition: color .20s ease-in-out;
}

a:hover {
	color: #000;
}

/*
	Paragraphs
*/
p {
	margin-top: 0;
	margin-bottom: 10px;
}

/*
	Headings
*/
h1 {
	font-size: 49px;
	line-height: 38px;
	margin-bottom: 12px;
}

h2 {
	font-size: 43px;
	line-height: 34px;
	margin: 23px 0 11px;
}

h3 {
	font-size: 37px;
	line-height: 30px;
	margin: 19px 0 12px;
}

h4 {
	font-size: 31px;
	line-height: 25px;
	margin: 19px 0 10px;
}

h5 {
	font-size: 25px;
	line-height: 20px;
	margin: 13px 0 9px;
}

h6 {
	font-size: 20px;
	margin: 15px 0 9px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

/*
	Headings font
*/
@font-face {
	src: url("font/League_Gothic-webfont.eot");
	src: url("font/League_Gothic-webfontd41d.eot?#iefix") format("embedded-opentype"),
	     url("font/League_Gothic-webfont.txt") format("woff"),
	     url("font/League_Gothic-webfont-2.txt") format("truetype"),
	     url("font/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg");
	font-family: "LeagueGothicRegular";
	font-weight: normal;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
input[type="submit"],
.emph,
.viewer .caption {
	font-family: "LeagueGothicRegular", "HelveticaNeue", "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}


/*----------------------------------------------------------------------------
	2. STRUCTURE SETUP
----------------------------------------------------------------------------*/

/*
	Main container
*/
.container {
	width: 950px;
	padding: 0 5px;
	margin: 0 auto;
}

/*
	Top headers
*/
.header-bar {
	z-index: 10;
	position: relative;
}

.social-bar {
	font-size: 11px;
}

	/*
		Menus
	*/
	.header-bar ul {
		width: 100%;
		text-align: right;
	}
	
	.social-bar ul {
		height: 40px;
	}
	
	.menu-bar ul {
		height: 60px;
	}
		
		.header-bar ul li {
			position: relative;
			display: inline-block;
			overflow: hidden;
			text-align: left;
		}
		
		.social-bar ul li {
			width: 40px;
		}
		
		.menu-bar ul li {
			width: 60px;
		}
		
		.social-bar ul li,
		.social-bar ul li a {
			height: 40px;
		}
		
		.menu-bar ul li,
		.menu-bar ul li a {
			height: 60px;
		}
		
		.header-bar ul li a {
			font-weight: bold;
			z-index: 2;
			position: absolute;
			top: 0;
			left: 0;
			background-repeat: no-repeat;
		}
		
		.social-bar ul li a {
			line-height: 40px;
			padding-left: 52px;
			background-position: 2px;
		}
		
		.menu-bar ul li a {
			line-height: 60px;
			padding-left: 75px;
			background-position: left;
		}
		
		.header-bar ul span {
			position: absolute;
			top: 0;
			left: 0;
			-webkit-transition: background-color .30s ease-in-out;
			-moz-transition: background-color .30s ease-in-out;
			-o-transition: background-color .30s ease-in-out;
			-ms-transition: background-color .30s ease-in-out;
			transition: background-color .30s ease-in-out;
		}
		
		.social-bar ul span {
			width: 40px;
			height: 40px;
			line-height: 40px;
		}
		
		.menu-bar ul span {
			width: 60px;
			height: 60px;
			line-height: 60px;
		}

/*
	About toggle
*/
.social-bar .about-toggle {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/symbols/28s.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: background-color .30s ease-in-out;
	-moz-transition: background-color .30s ease-in-out;
	-o-transition: background-color .30s ease-in-out;
	-ms-transition: background-color .30s ease-in-out;
	transition: background-color .30s ease-in-out;
}
	
	.social-bar .about-toggle:hover,
	.social-bar .about-toggle.active {
		overflow: visible;
	}

	.social-bar .about-toggle span {
		width: 150px; /* open width */
		font-weight: bold;
		line-height: 40px;
		margin-left: 35px;
		display: block;
		padding: 0 15px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: opacity .30s ease-in-out;
		-moz-transition: opacity .30s ease-in-out;
		-o-transition: opacity .30s ease-in-out;
		-ms-transition: opacity .30s ease-in-out;
		transition: opacity .30s ease-in-out;
	}
	
	.social-bar .about-toggle:hover span,
	.social-bar .about-toggle.active span {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.social-bar .about-toggle div,
	.social-bar .mail-toggle div {
		position: absolute;
		left: 12px;
		bottom: 0;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}

/*
	Social network icons
*/
.social-bar .twitter a {
	background-image: url(images/symbols/twitter.png);
}
	
.social-bar .twitter:hover span {
	background-color: #33ccff;
}

.social-bar .facebook a {
	background-image: url(images/symbols/facebook.png);
}

.social-bar .facebook:hover span {
	background-color: #3b5998;
}

.social-bar .vimeo a {
	background-image: url(images/symbols/vimeo.png);
}

.social-bar .vimeo:hover span {
	background-color: #9fc54e;
}

.social-bar .flickr a {
	background-image: url(images/symbols/flickr.png);
}

.social-bar .flickr:hover span {
	background-color: #ff0084;
}

.social-bar .behance a {
	background-image: url(images/symbols/behance.png);
}

.social-bar .behance:hover span {
	background-color: #333333;
}

.social-bar .google a {
	background-image: url(images/symbols/google.png);
}

.social-bar .google:hover span {
	background-color: #d04529;
}

.social-bar .pinterest a {
	background-image: url(images/symbols/pinterest.png);
}

.social-bar .pinterest:hover span {
	background-color: #cb2027;
}

.social-bar .dribbble a {
	background-image: url(images/symbols/dribbble.png);
}

.social-bar .dribbble:hover span {
	background-color: #ec6197;
}

.social-bar .forrst a {
	background-image: url(images/symbols/forrst.png);
}

.social-bar .forrst:hover span {
	background-color: #457b3c;
}

.social-bar .lastfm a {
	background-image: url(images/symbols/lastfm.png);
}

.social-bar .lastfm:hover span {
	background-color: #d81000;
}

.social-bar .tumblr a {
	background-image: url(images/symbols/tumblr.png);
}

.social-bar .tumblr:hover span {
	background-color: #385975;
}

.social-bar .linkedin a {
	background-image: url(images/symbols/linkedin.png);
}

.social-bar .linkedin:hover span {
	background-color: #0073b2;
}

.social-bar .delicious a {
	background-image: url(images/symbols/delicious.png);
}

.social-bar .delicious:hover span {
	background-color: #3171cb;
}

.social-bar .deviantart a {
	background-image: url(images/symbols/deviantart.png);
}

.social-bar .deviantart:hover span {
	background-color: #5c6f61;
}

.social-bar .skype a {
	background-image: url(images/symbols/skype.png);
}

.social-bar .skype:hover span {
	background-color: #00aff0;
}

.social-bar .youtube a {
	background-image: url(images/symbols/youtube.png);
}

.social-bar .youtube:hover span {
	background-color: #bf2e28;
}

.social-bar .mail-toggle {
	overflow: visible;
}

	.social-bar .mail-toggle a {
		width: 40px;
		padding: 0;
		background-image: url(images/symbols/22s.png);
		background-position: center;
	}
	
/*
	About section
*/
.toggle-panel {
	padding: 15px 0;
	display: none;
	position: relative;
	-webkit-animation: scrollDown .7s cubic-bezier( 1, .8, .5, 1 );
	-moz-animation: scrollDown .7s cubic-bezier( 1, .8, .5, 1 );
	-ms-animation: scrollDown .7s cubic-bezier( 1, .8, .5, 1 );
	animation: scrollDown .7s cubic-bezier( 1, .8, .5, 1 );
}
	
	.toggle-panel > div > * {
		margin-left: 10px;
		margin-right: 10px;
	}

/*
	Contact form
*/
.contact-panel-form {
	padding: 0;
}

	.contact-panel-form > div > * {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.contact-panel-form .last {
		margin-bottom: 0;
	}

	.contact-panel-form input[type="text"],
	.contact-panel-form textarea {
		width: 286px;
	}
	
	.contact-panel-form textarea {
		height: 149px;
		-webkit-resize: none;
		-moz-resize: none;
		resize: none;
	}
	
	.contact-panel-form input[type="submit"] {
		width: 300px;
		text-align: right;
		font-size: 21px;
		padding: 5px 10px;
	}

/*
	Menu bar
*/
.menu-bar {
	margin: 10px 0;
	height: 60px;
	line-height: 60px;
}

	/*
		Logo
	*/
	.menu-bar .logo {
		position: absolute;
		top: 0;
		left: 10px;
		margin: 0;
		line-height: 62px;
		cursor: default;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}
	
/*
	Skills table
*/
.skills-table > h5 {
	width: 82%;
	height: 31px;
	line-height: 32px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 5px;
}

	.skills-table > h5 span {
		z-index: 2;
		padding: 0 7px;
		position: relative;
	}
	
	.skills-table > h5 div {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		-webkit-animation: expand 2s cubic-bezier( .7, .2, .1, 1 ) .1s;
		-moz-animation: expand 2s cubic-bezier( .7, .2, .1, 1 ) .1s;
		-ms-animation: expand 2s cubic-bezier( .7, .2, .1, 1 ) .1s;
		animation: expand 2s cubic-bezier( .7, .2, .1, 1 ) .1s;
	}

.skills-table > div {
	width: 17%;
	height: 31px;
	line-height: 33px;
	float: right;
	font-size: 24px;
	text-align: center;
}

/*
	Sliders
*/
.hero-slider {
	height: 450px;
	margin-bottom: 10px;
	position: relative;
}

.mini-slider {
	height: 340px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

	.hero-slider .info {
		width: 230px;
		float: left;
		position: relative;
		overflow: hidden;
		height: 100%;
	}
		
		.hero-slider .info > div {
			padding: 15px 10px;
		}

		.hero-slider .info .box-label {
			display: none;
		}
	
	.hero-slider .slider {
		width: 710px;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		overflow: hidden;
	}
	
		.hero-slider > a,
		.hero-slider .slide iframe {
			display: block;
		}
		
		.hero-slider .slider nav,
		.mini-slider nav {
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 100;
		}
		
			.hero-slider nav a,
			.mini-slider nav a {
				width: 10px;
				height: 10px;
				float: left;
				margin-right: 5px;
				-webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, .4 );
				-moz-box-shadow: 0 0 4px rgba( 0, 0, 0, .4 );
				box-shadow: 0 0 4px rgba( 0, 0, 0, .4 );
				-webkit-transition: background-color .30s ease-in-out;
				-moz-transition: background-color .30s ease-in-out;
				-o-transition: background-color .30s ease-in-out;
				-ms-transition: background-color .30s ease-in-out;
				transition: background-color .30s ease-in-out;
			}
		
		.hero-slider .slider .next,
		.hero-slider .slider .prev,
		.mini-slider .next,
		.mini-slider .prev {
			position: absolute;
			z-index: 100;
			width: 22px;
			height: 22px;
			-webkit-transition: background-color .20s ease-in-out;
			-moz-transition: background-color .20s ease-in-out;
			-o-transition: background-color .20s ease-in-out;
			-ms-transition: background-color .20s ease-in-out;
			transition: background-color .20s ease-in-out;
		}
		
		.hero-slider .slider .next,
		.mini-slider .next {
			bottom: 2px;
			right: 2px;
		}
		
		.hero-slider .slider .prev,
		.mini-slider .prev {
			bottom: 2px;
			right: 25px;
		}
		
		.hero-slider .slider .arrow,
		.mini-slider .arrow {
			top: 5px;
		}
		
		.hero-slider .slider .arrow.pl,
		.mini-slider .arrow.pl {
			left: 7px;
		}
		
		.hero-slider .slider .arrow.pr,
		.mini-slider .arrow.pr {
			right: 7px;
		}
		
	/*
		Articles slider
	*/
	.mini-slider > span {
		position: absolute;
		bottom: 5px;
		left: 5px;
		max-width: 380px;
		z-index: 100;
		font-size: 22px;
		padding: 5px;
		display: none;
	}

/*
	Bottom-right labels
*/
.box-label {	
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-animation: slideIn .5s ease-in-out;
	-moz-animation: slideIn .5s ease-in-out;
	-ms-animation: slideIn .5s ease-in-out;
	animation: slideIn .5s ease-in-out;
}

	.box-label > div {
		width: 0;
		height: 0;
		border-top: 40px solid transparent;
		border-bottom: 40px solid transparent;
		border-right: 40px solid;
		-webkit-transition: border-right-color .20s ease-in-out;
		-moz-transition: border-right-color .20s ease-in-out;
		-o-transition: border-right-color .20s ease-in-out;
		-ms-transition: border-right-color .20s ease-in-out;
		transition: border-right-color .20s ease-in-out;
	}

		.box-label > div > div {
			width: 18px;
			height: 18px;
			margin: -24px 0 0 18px;
			background-position: bottom right;
			background-repeat: no-repeat;
		}
	
		.box-label.link > div > div {
			background-image: url(images/symbols/19s.png);
		}
		
		.box-label.zoom > div > div {
			margin: -23px 0 0 19px;
			background-image: url(images/symbols/31s.png);
		}
		
		.box-label.video > div > div {
			margin: -21px 0 0 19px;
			background-image: url(images/symbols/30s.png);
		}
		
		.box-label.audio > div > div {
			margin: -23px 0 0 19px;
			background-image: url(images/symbols/1s.png);
		}

	
/*
	General sections
*/
.box {
	position: relative;
	margin-bottom: 10px;
}

/*
	Section titles
*/
.box-title {
	padding: 3px 10px;
	margin: 0 0 5px;
}
	
	.box-title small {
		font-size: 100%;
		float: right;
	}
		
/*
	Footer
*/
.site-footer {
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 10px 15px;
}
		
	.site-footer a {
		font-weight: bold;
	}
	
	.site-footer > span {
		float: left;
	}
	
	.site-footer ul {
		list-style: none;
		padding: 0;
		float: right;
	}
	
		.site-footer ul li {
			display: inline-block;
			border-left: 1px solid;
			padding-left: 7px;
			margin-left: 7px;
		}
		
		.site-footer ul li:first-child {
			border-left: none;
		}

/*
	Portfolio
*/
.portfolio {
	overflow: hidden;
}
		
	/*
		Tools bar
	*/
	.portfolio header {
		font-size: 22px;
		margin-bottom: 10px;
		position: relative;
		z-index: 100;
	}
		
		/*
			Filters
		*/
		.portfolio header ul {
			list-style: none;
			float: left;
			padding: 0;
			margin: 0;
		}
		
			.portfolio header ul li {
				display: inline-block;
				padding: 5px 3px 5px;
				cursor: pointer;
				-webkit-transition: color .20s ease-in-out;
				-moz-transition: color .20s ease-in-out;
				-o-transition: color .20s ease-in-out;
				-ms-transition: color .20s ease-in-out;
				transition: color .20s ease-in-out;
			}
			
			.portfolio header ul li:first-child {
				padding: 5px 12px 5px;
				margin-right: 5px;
			}
			
		/*
			Navigation
		*/
		.project-view header {
			font-size: 20px;
		}
		
			.project-view header .right {
				position: relative;
			}
		
			.project-view header a {
				padding: 4px 9px 5px 19px;
				position: relative;
				display: block;
				-webkit-transition: color .20s ease-in-out, background-color .20s ease-in-out;
				-moz-transition: color .20s ease-in-out, background-color .20s ease-in-out;
				-o-transition: color .20s ease-in-out, background-color .20s ease-in-out;
				-ms-transition: color .20s ease-in-out, background-color .20s ease-in-out;
				transition: color .20s ease-in-out, background-color .20s ease-in-out;
			}
			
			.project-view header .next a {
				padding: 4px 19px 5px 9px;
				margin-left: 5px;
			}
		
		.project-view > figure {
			margin-bottom: 15px;
		}
	
	.similar-work {
		margin-top: 15px;
	}
	
	/*
		Portfolio items
	*/
	.portfolio-item {
		overflow: hidden;
	}
	
	.portfolio-feed .portfolio-item {
		height: 295px;
	}
	
	.portfolio-list .portfolio-item {
		-webkit-animation: scrollDown .5s cubic-bezier( 1, .8, .5, 1 );
		-moz-animation: scrollDown .5s cubic-bezier( 1, .8, .5, 1 );
		-ms-animation: scrollDown .5s cubic-bezier( 1, .8, .5, 1 );
		animation: scrollDown .5s cubic-bezier( 1, .8, .5, 1 );
	}
	
	.portfolio-list .portfolio-item.half {
		height: 260px;
	}
	
	.portfolio-list .portfolio-item.one-third {
		height: 220px;
	}
	
	.portfolio-list .portfolio-item.one-fourth {
		height: 155px;
	}
	
	.portfolio-list .portfolio-item.one-fifth {
		height: 182px;
	}
	
	.portfolio-item a {
		display: block;
	}
	
	.portfolio-item > div {
		padding: 22px 15px 13px;
	}
	
	.portfolio-item.one-fourth > div,
	.portfolio-item.one-fifth > div {
		font-size: 11px;
		line-height: 16px;
		padding: 18px 15px 13px;
	}

	.portfolio-item h5 {
		text-align: center;
	}
	
	.portfolio-list .portfolio-item h5 {
		margin-bottom: 13px;
	}
	
	.portfolio-feed .portfolio-item h5,
	.portfolio-list .portfolio-item.one-fourth h5,
	.portfolio-list .portfolio-item.one-fifth h5 {
		font-size: 22px;
		margin-bottom: 7px;
	}
	
	.portfolio-item .meta {
		display: block;
		background-repeat: no-repeat;
		background-position: 98% 2px;
		background-image: url(images/symbols/19s.png);
		padding: 4px;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
	}
	
	.portfolio-item.view .meta {
		background-image: url(images/symbols/31s.png);
	}
	
	.portfolio-list .portfolio-item .meta,
	.portfolio-feed .portfolio-item .meta {
		position: absolute;
		bottom: 0;
	}
	
	.portfolio-list .portfolio-item.half .meta {
		width: 462px;
	}
	
	.portfolio-list .portfolio-item.one-third .meta {
		width: 302px;
	}
	
	.portfolio-list .portfolio-item.one-fourth .meta,
	.portfolio-feed .portfolio-item .meta {
		width: 222px;
	}
	
	.portfolio-list .portfolio-item.one-fifth .meta {
		width: 174px;
	}
	
	.portfolio-item.gallery .meta {
		background-image: url(images/symbols/15s.png);
	}
	
	.portfolio-item.video .meta {
		background-image: url(images/symbols/30s.png);
	}
	
	.portfolio-item.audio .meta {
		background-image: url(images/symbols/1s.png);
	}
	
	.portfolio-list .portfolio-item img {
		position: absolute;
		top: 0;
		z-index: 2;
		-webkit-box-shadow: 0 12px 2px rgba( 0, 0, 0, .3 );
		-moz-box-shadow: 0 12px 2px rgba( 0, 0, 0, .3 );
		box-shadow: 0 12px 2px rgba( 0, 0, 0, .3 );
	}
		
/*
	Content
*/
.content-wrap.left,
.content-wrap.right {
	width: 710px;
}

.content-wrap.left {
	margin-right: 10px;
}

.content-wrap.right {
	margin-left: 10px;
}

	.content-wrap .content {
		padding: 18px;
	}
	
	.homepage.content-wrap .content {
		margin-bottom: 15px;
	}
	
	.blog .content-wrap article .content {
		padding-bottom: 25px;
		min-height: 184px;
	}
	
	.content-wrap.left .one-fourth:nth-child(3n),
	.content-wrap.right .one-fourth:nth-child(3n) {
		margin-right: 0;
	}
	
	.content-wrap.left .one-fourth:nth-child(4n),
	.content-wrap.right .one-fourth:nth-child(4n) {
		margin-right: 10px;
	}

/*
	Pagination links
*/
.pagination {
	padding: 0 7px;
	margin: 15px 0 5px;
}

	.pagination > a,
	.pagination > div {
		position: relative;
		width: 45.5%;
	}
	
	.pagination a {
		font-size: 23px;
		padding: 8px 0 7px;
		display: block;
	}
	
	.pagination .left {
		padding-left: 15px;
	}
	
	.pagination .right {
		text-align: right;
		padding-right: 15px;
	}
	
	.pagination .arrow {
		top: 10px;
	}
	
	.pagination .arrow.pl {
		left: 2px;
	}
	
	.pagination .arrow.pr {
		right: 2px;
	}
	
.portfolio-list .pagination {
	margin-top: 5px;
}

/*
	Arrows
*/
.arrow {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 7px;
	-webkit-transition: border-color .20s ease-in-out;
	-moz-transition: border-color .20s ease-in-out;
	-o-transition: border-color .20s ease-in-out;
	-ms-transition: border-color .20s ease-in-out;
	transition: border-color .20s ease-in-out;
}

.arrow.pl {
	border-right: 6px solid;
	left: 6px;
}

.arrow.pr {
	border-left: 6px solid;
	right: 6px;
}

/*
	Blog posts
*/
article {
	margin-bottom: 10px;
}
	
	article > .one-fourth > a {
		margin-bottom: 5px;
		display: block;
	}
	
	article > .one-fourth > .left,
	article > .one-fourth > .right {
		padding: 10px;
		height: 47px;
	}
	
	article > .one-fourth .left {
		width: 133px;
	}
	
		article > .one-fourth .left .day {
			text-align: center;
			float: left;
			font-size: 30px;
			width: 45px;
			line-height: 47px;
		}
		
		article > .one-fourth .left .month,
		article > .one-fourth .left .year {
			text-align: right;
			float: right;
			font-size: 17px;
			width: 73px;
			padding: 2px 5px;
		}
		
		article > .one-fourth .left .year {
			margin-top: 5px;
		}
	
	article > .one-fourth .right {
		width: 52px;
		text-align: center;
	}
		
		article > .one-fourth .right a {
			display: block;
			padding: 3px 0;
			font-size: 16px;
		}
		
			article > .one-fourth .right a span {
				display: inline-block;
				padding: 3px 0;
				font-size: 30px;
			}
			
	article > .one-fourth .box {
		margin-top: 10px;
		margin-bottom: 0;
	}
			
	article > .half {
		position: relative;
		overflow: hidden;
	}
	
	article .post-title {
		font-size: 35px;
	}
		
		article .post-title a {
			color: inherit;
		}
		
	.single article .post-title {
		margin-bottom: 0;
	}
	
	article > figure {
		margin: 10px 0;
	}
	
	figure.video > iframe {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	figure.audio > img {
		margin-bottom: 10px;
	}
	
	/*
		Comments
	*/
	#comments {
		margin-top: 15px;
	}
	
	.commentlist {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		.commentlist ul {
			list-style: none;
			padding-left: 60px;
		}
	
		.commentlist .comment {
			margin-bottom: 10px;
		}
			
			/*
				Comment info
			*/
			.commentlist .comment-author {
				height: 60px;
				position: relative;
			}
			
				.commentlist .comment-author img {
					float: left;
					margin-right: 10px;
				}
				
				.commentlist .bypostauthor .comment-author img {
					border-right: 5px solid;
				}
				
				.commentlist .comment-author > div {
					padding: 10px 0;
					display: inline-block;
				}
			
					.commentlist .comment-author cite {
						display: block;
						font-size: 26px;
						font-style: normal;
						margin: 4px 0;
					}
					
					.commentlist .comment-author time {
						font-size: 11px;
					}
					
					.commentlist .comment-reply {
						float: right;
						height: 60px;
						position: relative;
						-webkit-transition: background-color .20s ease-in-out;
						-moz-transition: background-color .20s ease-in-out;
						-o-transition: background-color .20s ease-in-out;
						-ms-transition: background-color .20s ease-in-out;
						transition: background-color .20s ease-in-out;
					}

						.commentlist .comment-reply-link {
							font-size: 23px;
							display: block;
							padding: 0 10px;
							line-height: 61px;
							text-align: center;
						}
						
						.commentlist .comment-reply div {
							position: absolute;
							left: -8px;
							top: 22px;
							width: 0;
							height: 0;
							border-top: 8px solid transparent;
							border-bottom: 8px solid transparent;
							border-right: 8px solid;
							-webkit-transition: border-color .20s ease-in-out;
							-moz-transition: border-color .20s ease-in-out;
							-o-transition: border-color .20s ease-in-out;
							-ms-transition: border-color .20s ease-in-out;
							transition: border-color .20s ease-in-out;
						}
			
			/*
				Comment
			*/
			.commentlist .comment-content {
				margin-top: 5px;
				padding: 15px 15px 5px;
			}
		
		/*
			Comment form
		*/
		#respond {
			margin-top: 15px;
		}
		
			#respond form {
				padding: 20px 10px 10px;
				overflow: hidden;
			}
			
			#respond .half {
				width: 340px;
				margin: 0;
			}
			
			#respond input[type="text"],
			#respond input[type="password"] {
				width: 326px;
			}
			
			#respond textarea {
				width: 322px;
				height: 104px;
			}
			
			#respond .full-width textarea {
				width: 672px;
			}
			
			#respond .form-submit {
				text-align: right;
			}
			
			#respond input[type="submit"] {
				width: 340px;
				text-align: right;
				float: right;
			}
			
			#respond ::-webkit-input-placeholder { 
				color: #303030;
			}
			
			#respond :-moz-placeholder { 
				color: #303030 !important;
			}
			
			#respond .placeholder { 
				color: #303030 !important;
			}

/*
	Widgets
*/
.widget {
	margin-bottom: 10px;
}
	
	.sidebar .widget > h5:first-child {
		font-size: 24px;
		margin-bottom: 12px;
	}
	
	.widget a:hover {
		color: inherit;
	}
	
	.widget ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		.widget ul li {
			margin-bottom: 1px;
		}

.sidebar .widget,
.homepage .widget-content {
	padding: 13px;
}

/*
	Home widgets
*/
.homepage .widget {
	width: 230px;
	margin-right: 10px;
	float: left;
}

.homepage.left .widget:nth-child(3n),
.homepage.right .widget:nth-child(3n) {
	margin-right: 0;
}

.homepage.full-width .widget:nth-child(4n) {
	margin-right: 0;
}

/*
	Flickr feed widget
*/
.homepage .flickr-feed {
	position: relative;
	width: 100%;
}

.homepage .flickr-feed .widget-content {
	background-color: transparent;
	padding: 0;
}

	.homepage .flickr-feed .flickr_badge_image {
		float: left;
		margin-left: -38px;
		-webkit-box-shadow: -8px 0 0 rgba( 0, 0, 0, .2 );
		-moz-box-shadow: -8px 0 0 rgba( 0, 0, 0, .2 );
		box-shadow: -8px 0 0 rgba( 0, 0, 0, .2 );
		-webkit-transition: all .05s ease-in-out;
		-moz-transition: all .05s ease-in-out;
		-o-transition: all .05s ease-in-out;
		-ms-transition: all .05s ease-in-out;
		transition: all .05s ease-in-out;
	}
	
	.homepage.full-width .flickr-feed .flickr_badge_image {
		margin-left: -50px;
	}
	
	.homepage .flickr-feed #flickr_badge_image1 {
		margin-left: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.homepage .flickr-feed .flickr_badge_image:hover {
		-webkit-transform: scale( 1.2 );
		-moz-transform: scale( 1.2 );
		-o-transform: scale( 1.2 );
		-ms-transform: scale( 1.2 );
		transform: scale( 1.2 );
		-webkit-box-shadow: 0 8px 2px rgba( 0, 0, 0, .1 );
		-moz-box-shadow: 0 8px 2px rgba( 0, 0, 0, .1 );
		box-shadow: 0 8px 2px rgba( 0, 0, 0, .1 );
	}
	
		.homepage .flickr-feed .flickr_badge_image img {
			width: 150px;
			height: 150px;
		}
		
		.flickr-feed .flickr_badge_image a {
			display: block;
		}
		
.sidebar .flickr-feed > div {
	overflow: hidden;
}

.sidebar .flickr-feed .flickr_badge_image {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

.sidebar .flickr-feed #flickr_badge_image3,
.sidebar .flickr-feed #flickr_badge_image6,
.sidebar .flickr-feed #flickr_badge_image9 {
	margin-right: 0;
}
			
	.sidebar .flickr-feed .flickr_badge_image img {
		width: 63px;
		height: 63px;
	}
	
/*
	Twitter feed
*/
.twitter-feed ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
}
	
	.twitter-feed ul li {
		padding-left: 30px;
		margin-bottom: 10px;
		background-image: url(images/symbols/birds.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	.twitter-feed ul li:last-child {
		margin-bottom: 0;
	}
	
		.twitter-feed ul li time {
			font-size: 10px;
			display: block;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			opacity: .5;
		}
		
	.twitter-feed a {
		color: inherit;
	}
	
/*
	Portfolio feed
*/
.homepage .portfolio-feed .widget-content {
	background-color: transparent;
	padding: 0;
}
		
.sidebar .portfolio-feed .portfolio-item {
	height: auto;
	margin-right: 0;
}

.sidebar .portfolio-feed .meta {
	position: relative;
}
	
.sidebar .portfolio-feed,
.sidebar .video-widget {
	padding: 0;
	background-color: transparent !important;
}
	
	.sidebar .portfolio-feed > h5,
	.sidebar .video-widget > h5 {
		padding: 3px 10px;
		margin: 0 0 5px;
	}

/*
	Search widget
*/
.widget_search form {
	padding: 0;
}

	.widget_search form p {
		margin: 0;
	}
	
	.widget_search form input[type="text"] {
		width: 93%;
	}
	
/*
	Latest articles widget
*/
.latest-articles {
	position: relative;
}

	.latest-articles .widget-content {
		padding: 10px 10px 30px;
		position: relative;
	}

	.latest-articles ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
		.latest-articles ul li {
			margin-bottom: 7px;
		}
		
		.latest-articles li a {
			display: block;
			border-bottom: 1px solid;
			-webkit-transition: color .20s ease-in-out, border-color .20s ease-in-out;
			-moz-transition: color .20s ease-in-out, border-color .20s ease-in-out;
			-o-transition: color .20s ease-in-out, border-color .20s ease-in-out;
			-ms-transition: color .20s ease-in-out, border-color .20s ease-in-out;
			transition: color .20s ease-in-out, border-color .20s ease-in-out;
		}
		
	.latest-articles ul h5 {
		margin: 0 0 1px;
		font-size: 22px;
	}
	
	.latest-articles .jump {
		padding: 2px 10px;
		margin-top: 2px;
		font-size: 11px;
		font-weight: bold;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 210px;
		text-align: right;
	}
	
	.latest-articles time {
		font-size: 11px;
	}

/*
	Video widget
*/
.video-widget .widget-content {
	padding: 0;
}

/*
	Maps widget
*/
.maps-widget .widget-content {
	padding: 0;
}

/*
	Calendar widget
*/
.widget_calendar table {
	text-align: center;
	margin: 0;
}

	.widget_calendar table caption {
		font-weight: bold;
		margin-bottom: 10px;
	}

	.widget_calendar th,
	.widget_calendar td {
		padding: 0;
	}
	
/*
	Featured article widget
*/
.featured-article {
	overflow: hidden;
	position: relative;
}
	
	.featured-article .widget-content > a:first-child {
		display: block;
		margin: -13px 0 15px -13px;
	}
	
	.sidebar .featured-article > a:nth-child(2) {
		display: block;
		margin: 10px 0 12px -13px;
	}
	
	.featured-article .widget-content > div {
		padding: 0 3px 3px;
	}
	
	.featured-article time {
		font-size: 11px;
		font-style: italic;
	}
	
	.featured-article .post-title {
		font-size: 22px;
		margin: 6px 0 8px;
	}
	
/*
	404 page
*/
.error404 .content {
	text-align: center;
	padding: 150px 0 50px;
}

	.error404 .content h1 {
		font-size: 250px;
		margin-bottom: 100px;
	}
	
	.error404 .content h5 {
		font-size: 50px;
		margin-bottom: 25px;
	}

/*
	Stretched image background
*/
.cl_background {
	width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: -1;
}

	.cl_background img {
		width:100%;
		height:100%;
	}

			
/*----------------------------------------------------------------------------
	3. COLUMNS
----------------------------------------------------------------------------*/

/*
	Half
*/
.half {
	width: 470px;
	margin-right: 10px;
	float: left;
}

.content .half {
	width: 449px;
	margin-right: 15px;
}

.half.right {
	margin-right: 0;
}

.half:nth-child(2n) {
	margin-right: 0;
}

/*
	One third
*/
.one-third {
	width: 310px;
	margin-right: 10px;
	float: left;
}

.content .one-third {
	width: 294px;
	margin-right: 15px;
}

.one-third:nth-child(3n) {
	margin-right: 0;
}

/*
	One fourth
*/
.one-fourth {
	width: 230px;
	margin-right: 10px;
	float: left;
}

.content .one-fourth {
	width: 217px;
	margin-right: 15px;
}

.one-fourth:nth-child(4n) {
	margin-right: 0;
}

/*
	One fifth
*/
.one-fifth {
	width: 182px;
	margin-right: 10px;
	float: left;
}

.content .one-fifth {
	width: 170px;
	margin-right: 15px;
}

.one-fifth:nth-child(5n) {
	margin-right: 0;
}

/*
	Two third
*/
.two-third {
	width: 630px;
	margin-right: 10px;
	float: left;
}

.content .two-third {
	width: 609px;
	margin-right: 15px;
}

.two-third:nth-child(2n) {
	margin-right: 0;
}

/*
	Three fourths
*/
.three-fourth {
	width: 710px;
	margin-right: 10px;
	float: left;
}

.content .three-fourth {
	width: 687px;
	margin-right: 15px;
}

.three-fourth:nth-child(2n) {
	margin-right: 0;
}

.half.margin,
.one-third.margin,
.one-fourth.margin,
.one-fifth.margin {
	margin-right: 10px;
}

.no-margin,
.content .no-margin {
	margin-right: 0;
}


/*----------------------------------------------------------------------------
	4. CONTENT STYLES
----------------------------------------------------------------------------*/

/*
	Floats
*/
.left { 
	float: left;
}

.right {
	float: right;
}

/*
	Code
*/
pre {
	line-height: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 2px 0 #fff;
	background-color: lightYellow;
	border: 1px solid #f5e7b1;
	padding: 10px 15px;
}

code {
	font-family: Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
	color: #3f3f3f;
}

/*
	Blockquotes
*/
blockquote {
	font-weight: bold;
	background-image: url(images/symbols/33.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	font-size: 14px;
	margin: 20px 0;
	padding: 15px 15px 15px 50px;
}

	blockquote cite {
		margin-left: 10px;
		font-size: 11px;
	}

.alignleft {
	display: inline;
	float: left;
	margin: 10px 15px 10px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 10px 0 10px 15px;
}

.aligncenter,
.alignnone {
	display: block;
	margin: 15px auto;
}

/*
	Images w/ captions
*/
.wp-caption {
	border: 1px solid;
	padding: 15px 15px 7px;
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: center;
	box-shadow: inset 0 0 1px #fff;
}
	
	.wp-caption a {
		display: block;
	}

	.wp-caption img {
		border: 1px solid;
	}
	
	.wp-caption .wp-caption-text {
		padding: 0;
		text-align: center;
		font-weight: bold;
		font-size: 10px;
		text-shadow: 0 2px 1px #fff;
	}

/*
	Tables
*/
table {
	width: 100%;
	border: 1px solid;
	margin: 20px 0 25px;
	font-size: 13px;
}
	
	table thead th {
		border-bottom: 1px solid;
		padding: 8px 13px;
		text-align: left;
	}
	
	table tbody td {
		padding: 8px 13px;
		border-bottom: 1px solid;
		border-right: 1px solid;
	}

/*
	Etc.
*/
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
	box-shadow: 0 3px 1px rgba( 0, 0, 0, .1 );
}

.padding {
	padding: 13px 10px;
}


/*----------------------------------------------------------------------------
	5. FORMS
----------------------------------------------------------------------------*/

select {
	width: 180px;
}

input[type="text"],
input[type="password"],
textarea {
	outline: none;
	border: none;
}

input[type="text"],
input[type="password"] {
	padding: 10px 7px;
	width: 35%
}

textarea {
	padding: 9px;
	width: 65%;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	outline: none;
}

button,
input[type="submit"] {
	font-size: 24px;
	border: none;
	-webkit-transition: color .20s ease-in-out, background-color .20s ease-in-out;
	-moz-transition: color .20s ease-in-out, background-color .20s ease-in-out;
	-o-transition: color .20s ease-in-out, background-color .20s ease-in-out;
	-ms-transition: color .20s ease-in-out, background-color .20s ease-in-out;
	transition: color .20s ease-in-out, background-color .20s ease-in-out;
}

select {
	font-size: 13px;
}

form {
	padding-top: 10px;
	padding-bottom: 10px;
}

	form > p {
		width: 100%;
	}
	
		form > p textarea {
			margin-top: 2px;
		}

/*----------------------------------------------------------------------------
	6. JAVASCRIPT PLUGINS STYLES
----------------------------------------------------------------------------*/

/*
	Audio.js Skin
*/
.audio audio {
	width: 100%;
}

.audiojs audio {
	display: none;
}

.audiojs {
	width: 100%;
	height: 40px;
	position: relative;
	font-size: 11px;
	overflow: hidden;
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}

.audiojs p {
	padding: 0;
	margin: 0;
}


/*
	Play/pause
*/
.audiojs .play-pause {
	width: 45px;
	height: 40px;
	position: relative;
	float: left;
}

.audiojs .play-pause .play,
.audiojs .play-pause .pause {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 40px;
	cursor: pointer;
}

.audiojs .play-pause .play {
	background: url(images/structure/play.png) center center no-repeat;
}

.audiojs .play-pause .pause {
	background: url(images/structure/pause.png) center center no-repeat;
	visibility: hidden;
}

.audiojs.playing {
	-webkit-animation: glow 4s infinite;
	-moz-animation: glow 4s infinite;
	-ms-animation: glow 4s infinite;
	animation: glow 4s infinite;
}

.audiojs.playing .play {
	visibility: hidden;
}

.audiojs.playing .pause {
	visibility: visible;
}

/*
	Scrubber
*/
.audiojs .scrubber {
	position: relative;
	float: left;
	margin-top: 13px;
	width: 411px;
	height: 13px;
	cursor: pointer;
	background-color: #303030;
	-webkit-transition: background-color .20s ease-in-out;
	-moz-transition: background-color .20s ease-in-out;
	-o-transition: background-color .20s ease-in-out;
	-ms-transition: background-color .20s ease-in-out;
	transition: background-color .20s ease-in-out;
}

.audiojs.playing .scrubber {
	background: #303030;
}

.audio.full-width > .audiojs .scrubber {
	width: 888px;
}

.audiojs .scrubber .loaded {
	position: absolute;
	top: 0;
	left: 0;
	height: 13px;
	z-index: 1;
	-webkit-transition: width .10s ease-in-out;
	-moz-transition: width .10s ease-in-out;
	-o-transition: width .10s ease-in-out;
	-ms-transition: width .10s ease-in-out;
	transition: width .10s ease-in-out;
}

.audiojs .scrubber .progress {
	position: absolute;
	top: 0;
	left: 0;
	height: 13px;
	z-index: 2;
	-webkit-transition: width .10s ease-in-out;
	-moz-transition: width .10s ease-in-out;
	-o-transition: width .10s ease-in-out;
	-ms-transition: width .10s ease-in-out;
	transition: width .10s ease-in-out;
}

.audiojs .time {
	display: none;
}

/*
	View.js
*/
.viewer {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

	.viewer .caption {
		font-size: 24px;
		line-height: 90px;
	}


/*----------------------------------------------------------------------------
	7. ANIMATIONS
----------------------------------------------------------------------------*/

@keyframes "scrollDown" {
	from {
		-webkit-transform: translateY( -450px );
		-moz-transform: translateY( -450px );
		-o-transform: translateY( -450px );
		-ms-transform: translateY( -450px );
		transform: translateY( -450px );
	}
	to {
		-webkit-transform: translateY( 0 );
		-moz-transform: translateY( 0 );
		-o-transform: translateY( 0 );
		-ms-transform: translateY( 0 );
		transform: translateY( 0 );
	}
}

@-moz-keyframes "scrollDown" {
	from {
		-moz-transform: translateY( -450px );
		transform: translateY( -450px );
	}
	to {
		-moz-transform: translateY( 0px );
		transform: translateY( 0 );
	}
}

@-webkit-keyframes "scrollDown" {
	from {
		-webkit-transform: translateY( -450px );
		transform: translateY( -450px );
	}
	to {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
}

@-ms-keyframes "scrollDown" {
	from {
		-ms-transform: translateY( -450px );
		transform: translateY( -450px );
	}
	to {
		-ms-transform: translateY( 0 );
		transform: translateY( 0 );
	}
}

@keyframes "expand" {
	from {
		left: -100%;
		-webkit-transform: scaleX( 1 );
		-moz-transform: scaleX( 1 );
		-o-transform: scaleX( 1 );
		-ms-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
	to {
		left: 0;
		-webkit-transform: scaleX( 1 );
		-moz-transform: scaleX( 1 );
		-o-transform: scaleX( 1 );
		-ms-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
}

@-moz-keyframes expand {
	from {
		left: -100%;
		-moz-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
	to {
		left: 0;
		-moz-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
}

@-webkit-keyframes "expand" {
	from {
		left: -100%;
		-webkit-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
	to {
		left: 0;
		-webkit-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
}

@-ms-keyframes "expand" {
	from {
		left: -100%;
		-ms-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
	to {
		left: 0;
		-ms-transform: scaleX( 1 );
		transform: scaleX( 1 );
	}
}

@keyframes "slideIn" {
	from {
		-webkit-transform: translateX( 22px ) translateY( 22px );
		-moz-transform: translateX( 22px ) translateY( 22px );
		-o-transform: translateX( 22px ) translateY( 22px );
		-ms-transform: translateX( 22px ) translateY( 22px );
		transform: translateX( 22px ) translateY( 22px );
	}
	to {
		-webkit-transform: translateX( 0 ) translateY( 0 );
		-moz-transform: translateX( 0 ) translateY( 0 );
		-o-transform: translateX( 0 ) translateY( 0 );
		-ms-transform: translateX( 0 ) translateY( 0 );
		transform: translateX( 0 ) translateY( 0 );
	}
}

@-moz-keyframes slideIn {
	from {
		-moz-transform: translateX( 22px ) translateY( 22px );
		transform: translateX( 22px ) translateY( 22px );
	}
	to {
		-moz-transform: translateX( 0 ) translateY( 0 );
		transform: translateX( 0 ) translateY( 0 );
	}
}

@-webkit-keyframes "slideIn" {
	from {
		-webkit-transform: translateX( 22px ) translateY( 22px );
		transform: translateX( 22px ) translateY( 22px );
	}
	to {
		-webkit-transform: translateX( 0 ) translateY( 0 );
		transform: translateX( 0 ) translateY( 0 );
	}
}

@-ms-keyframes "slideIn" {
	from {
		-ms-transform: translateX( 22px ) translateY( 22px );
		transform: translateX( 22px ) translateY( 22px );
	}
	to {
		-ms-transform: translateX( 0 ) translateY( 0 );
		transform: translateX( 0 ) translateY( 0 );
	}
}

@-webkit-keyframes glow {
	from {
		-webkit-box-shadow: 0 0 5px #fff;
	}
	50% {
		-webkit-box-shadow: 0 0 35px #fff;
	}
	to {
		-webkit-box-shadow: 0 0 5px #fff;
	}
}