/* 
	Theme Name: Revolution Church
	Theme URL: http://www.revolutiontwo.com/themes/church
	Description: Revolution Church is a 3-column Widget-ready theme created for WordPress.
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.0
	Tags: three columns, fixed width, white, gray, black, red, sidebar widgets
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 09.27.08
		First Release of Revolution Church
*/

body {
	background: #333366 url("/users/0/5years/bg-dark-4813.png");
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px auto 0px;
	padding: 0px;
	}

#wrap {
	background: #EEEEEE;
	width: 975px;
	margin: 0px auto 0px;
	padding: 0px;
	position: relative;
	border: 0px solid #333333;
	}

#flash_video, #flash_video0 {
	width: 640px; height: 610px;
	text-align: center;
	background: #000000;
}

#flash_video1, #flash_video2, #flash_video3, #flash_video4, #flash_video5 {
	width: 640px; height: 550px;
	text-align: center;
	background: #000000;
}		
	
/************************************************
*	Hyperlinks	f								*
************************************************/

a, a:visited {
	color: #A91B33;
	text-decoration: none;
	}
	
	
	
a:hover {
	color: #A91B33;
	text-decoration: underline;
	}
	
/************************************************
*	Headers 									*
************************************************/

h1, h1 a, h1 a:visited, h1 a:hover {
	color: #444444;
	font-size: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px;
	line-height: 15px;
	text-decoration: none;
}

h2, h2 a, h2 a:visited, h2 a:hover {
	color: #444444;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 14px 0px 4px;
	line-height: 14px;
	text-decoration: none;
}

h3, h3 a, h3 a:visited, h3 a:hover {
	color: #444444;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 13px 0px 3px;
	line-height: 13px;
	text-decoration: none;
}

h4, h4 a, h4 a:visited, h4 a:hover {
	color: #444444;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 12px 0px 2px;
	line-height: 12px;
	text-decoration: none;
}
/************************************************
*	Top Navbar      							*
************************************************/

#topnavbar {
	background-color: #333333;
	width: 975px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
#topnavbar a, #topnavbar a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#topnavbar a:hover {
	text-decoration: underline;
	}
	
#topnavbar p {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	}
	
.topnavbarleft {
	width: 480px;
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 10px;
	}
	
.topnavbarright {
	width: 400px;
	float: right;
	margin: 0px;
	padding: 7px 10px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	}
	
.topnavbarright a img {
	border: none;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	}
	
.top_img_menu {
	text-align: center; 
	background-color: #252525;
}
.top_img_menu a {
	text-decoration: none;
}
.top_img_menu img {
	margin: 3px 5px; 
	padding: 0px; 
	display: inline;
	border: 3px solid #333333;
}

.top_img_menu img:hover {
	border: 3px solid #F1345D;
}
/************************************************
*	Header  									*
************************************************/

#header {
	background: #111111 url(/images/header.png);
	width: 960px;
	height: 100px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}

#header p {
	color: #FFFFFF;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	line-height: 20px;
	}
	
.headerleft {
	width: 460px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.headerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.headerright {
	width: 486px;
	float: right;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-weight: bold;
	}
	
.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	}
	
/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #555555 url(/images/navbar.png);
	width: 975px;
	height: 35px;
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
#navbarleft {
	width: 640px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

		
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	text-transform: lowercase;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	}

#nav li a:hover, #nav li a:active {
	color: #FFFFFF;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #555555;
	color: #FFFFFF;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #777777;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li {
	float: left;
	padding: 0px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 171px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
/************************************************
*	SubNavbar      								*
************************************************/

#subnavbar {
	background: #666666;
	width: 960px;
	height: 24px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	}
	
#subnav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li a, #subnav li a:link, #subnav li a:visited {
	color: #FFFFFF;
	display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}

#subnav li a:hover, #subnav li a:active {
	background: #888888;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #666666;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #888888;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}

#subnav li {
	float: left;
	padding: 0px;
	}

#subnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px;
	padding: 0px;
	}

#subnav li li { 
	}

#subnav li ul a { 
	width: 140px;
	}

#subnav li ul a:hover, #subnav li ul a:active { 
	}

#subnav li ul ul {
	margin: -25px 0 0 161px;
	}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
	left: -999em;
	}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
	left: auto;
	}

#subnav li:hover, #subnav li.sfhover { 
	position: static;
	}
	
/************************************************
*	Homepage 		    	                    * 
************************************************/
	
#homepage {
	float: left;
	width: 660px;
	margin: 0px;
	padding: 0px;
	}
	
#homepage p {
	margin: 0px;
	padding: 0px;
	}

#homepage p img {
	border: none;
    float: left;
	margin: 0px;
	}
	
#homepage ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#homepage ul li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}

.hpdate {
	margin: 0px;
	padding: 0px;
	}
	
#homepagetop {
	background: #FFFFFF;
	float: left;
	width: 660px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #DDDDDD;
	}
	
#homepagetop p {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}
	
.featuredtop {
	float: left;
	margin: 0px;
	padding: 10px;
	display: inline;
	}
	
.featuredtop img {
	border: none;
	margin: 0px;
	}
	
#homepagebottom {
	background: #FFFFFF;
	float: left;
	width: 660px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #DDDDDD;
	}
	
#homepagebottom p {
	margin: 0px;
	padding: 0px;
	}
	
.hpbottom {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 10px;
	display: inline;
	}
	
.hpbottom img {
	border: none;
	margin: 0px;
	}
	
#homepageleft {
	float: left;
	width: 325px;
	margin: 0px;
	padding: 0px;
	}

.hpfeatured {
	background: #FFFFFF;
	float: left;
	width: 305px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #DDDDDD;
	}
	
.hpfeatured img {
	border: none;
	margin: 0px;
	}
	
#homepageright {
	float: right;
	width: 325px;
	margin: 0px;
	padding: 0px;
	}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 975px;
	margin: 0px 2px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 20px;
	}
	
#content iframe {
	margin: 10px 0px;
}
	
#content .subheader {
	color: #444444;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	}
	
#content .subheader a, #content .subheader a:visited  {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	}

#content .subheader a:hover {

	}

#download {
	background: #333333 url(/images/headline.png);
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	display: block;
	}
	
#mosterrors {
	background: #333333 url(/images/headline.png);
	color: #FFFF00;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	display: block;
	}
.headerthree {
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	display: block;
}
	
#contentleft {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: justify;
	}
	
#contentleft p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}

#contentleft ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
#contentleft ul ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

blockquote {
	background: #E8E8E8;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 0px 15px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#content blockquote p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea {
	background: #FFFFFF;
	float: left;
	width: 640px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
.postarea img {
	padding: 0px;
}
	
.breadcrumb {
	float: left;
	width: 640px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: double #EAEAEA;
	}
	
.breadcrumbbottom {
	float: left;
	width: 640px;
	margin: 20px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	border-top: double #EAEAEA;
	}
	
.date {
	width: 640px;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
.dateleft {
	width: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.dateright {
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
	
.time {
	background: #FFFFFF url(/images/icon_time.gif) no-repeat top left;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 20px;
	}
	
.comment {
	background: #FFFFFF url(/images/icon_comments.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
.tags {
	background: #FFFFFF url(/images/icon_tags.gif) no-repeat top left;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	}
	
.category {
	background: #FFFFFF url(/images/icon_category.gif) no-repeat top left;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	}
	
.postmeta {
	width: 590px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	border-top: double #EAEAEA;
	}
	
.postmeta2 {
	width: 590px;
	padding: 5px 0px 40px 0px;
	margin: 0px;
	border-top: double #EAEAEA;
	}
	
.archive {
	float: left;
	width: 275px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.adsense-post {
	background: #FFFFFF url(/images/homepagetop.gif) top no-repeat;
	float: left;
	width: 590px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.comments {
	background: #FFFFFF;
	float: left;
	width: 640px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
/************************************************
*	Images  					     		    * 
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption {
	margin: 0px;
	padding: 0px;
	}
	
.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-style: italic;
	font-weight: bold;
	line-height: 12px;
	}
	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	float: right;
	width: 310px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	display: inline;
	}
	
#sidebar p {
	margin: 0px;
	padding: 0px 0px 0px 45px;
	}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	background: #FFFFFF url(/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
#sidebar ul li ul li {
	background: #FFFFFF url(/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
.widgetarea {
	background: #FFFFFF url(/images/sidebartop.gif) top no-repeat;
	float: left;
	width: 280px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.widgetarea.no_space {
	margin: 0px;
}

.widgetarea_overflow {

	width: 260px;
	max-height: 80px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	overflow-y: auto;
	}
	
.emty_area {
	width: 300px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	background: #FFFFFF url(/images/sidebartop.gif) top no-repeat;
}
	
.video {
	background: #FFFFFF url(/images/sidebartop.gif) top no-repeat;
	float: left;
	width: 280px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
	}
.video .sp-wrap {
	width: 100%;
	padding: 0px 0px;
	margin: 0px;
}
.video .sp-wrap .sp-body {
	padding: 5px 0px;
	margin: 0px;
}
.adsense .sp-wrap .sp-body {
	padding: 5px 0px;
	margin: 0px;
}
	
.adsense {
	background: #FFFFFF url(/images/sidebartop.gif) top no-repeat;
	float: left;
	width: 280px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
	}
	
	
	
.newsletter {
	background: #FFFFFF url(/images/newsletter.gif) top no-repeat;
	float: left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}

/************************************************
*	Left Sidebar                    	        * 
************************************************/

#l_sidebar {
	background: #FFFFFF url(/images/leftsidebartop.gif) top no-repeat;
	float: left;
	width: 135px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #DDDDDD;
	display: inline;
	margin: 0px 0px 10px 0px;
	}
	
#l_sidebar p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#l_sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#l_sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li li {
	background: #FFFFFF url(/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
#l_sidebar ul li ul li {
	background: #FFFFFF url(/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
/************************************************
*	Right Sidebar                       	    * 
************************************************/

#r_sidebar {
	background: #FFFFFF url(/images/rightsidebartop.gif) top no-repeat;
	float: right;
	width: 135px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #DDDDDD;
	display: inline;
	margin: 0px 0px 10px 0px;
	}
	
#r_sidebar p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
#r_sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#r_sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul li li {
	background: #FFFFFF url(/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
#r_sidebar ul li ul li {
	background: #FFFFFF url(/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
/************************************************
*	Footer      								*
************************************************/
#footer .alpha {
	text-transform: uppercase;
}

#footer {
	background: #333333;
	width: 980;
	margin: 0px;
	padding: 0 0 10px 10px;
	text-align: left;
	}
	
#footer p {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/************************************************
*	Search Form									*
************************************************/
	
#navbarright {
	width: 300px;
	margin: 0px 0px 10px;
	padding-top: 1px;
	padding-left: 1px;
}

#searchform {
}
	
#searchbox {
	width: 210px;
	height: 25px;
	margin: 0px;
	padding: 0px 5px; 
	color: #202020;
	display: inline;
	float: left;
	border: 0px;
}

#searchbutton {
	background: #555555 url("/images/2bg.gif");
	height: 25px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 5px; 
	font-weight: bold;
	border: 0px;
	float: right;
}

	
	
#subscribe {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
	}

#subbox {
	background: #EEEEEE !important;
	width: 250px;
	color: #202020;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
	
#subbutton {
	background: #555555 url(/images/topnav.png);
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px 0px 0px 7px;
	padding: 3px 3px 2px 3px;
	font-weight: bold;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#name, #email, #site, #pass, #captcha, #mail, #confirm_code {
	background: #EEEEEE !important;
	width: 250px;
	color: #202020;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
#captcha {
	width: 102px;
	margin: 0px 0px 10px 0px;
}
	
#submit {
	background: #7B7B7B url(/images/subbutton.gif);
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 2px 3px;
	font-weight: bold;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#text {
	background: #EEEEEE;
	width: 100%;
	color: #202020;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}

.page_header {
	margin-bottom: 15px;
}

.page_header_left {
	float: left;
}

.d_ad_pt {
	
}

/************************************************
*	Page Navigation									*
************************************************/
.wp-pagenavi {
	background-color: #f2f2f2;
	padding: 6px;
	border: 1px solid #ddd;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #c00;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #c00;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #c00;
	color: #fff;
	background-color: #c00;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #c00;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	font-weight:bold;
	font-family: Verdana, Arial, sans-serif;
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ccc;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi b.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ccc;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi b.current a {
	color: #000000;
}
.wp-pagenavi a.current {
	color: #000000;
}
.wp-pagenavi a:hover.current {
	color: #FFFFFF;
}
	
/************************************************
*	Comments									*
************************************************/
#contentleft .comments ol li {
	margin: 0 0 15px 0;
	padding: 10px;
}

.comments ol li {
	list-style-position: inside;
}
.commentlist li ul li {

	}

.commentlist li {

	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

.commentmetadata {
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Post Wiget									*
************************************************/	
	
.postwidget {
	background: #FFFFFF url(/images/homepagetop.gif) top no-repeat;
	float: left;
	width: 590px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: center;
	}









/* ---------------------------------- *
     Post elements
 * ---------------------------------- */
.post-align, .post-br, .post-hr, var.postImgAligned {
	display: block;
}
.sp-wrap, .post-hr                 { margin: 8px auto; }
.c-wrap, .q-wrap                   { margin: 8px auto; }
.c-wrap, .q-wrap, .sp-wrap         { width: 98%; clear: both; }
.q-wrap .q-wrap, .sp-wrap .sp-wrap { margin: 2px auto 4px; }
.c-head, .q-head                   { padding: 0 1px; color: #444444; }
.c-body, .q, .sp-wrap, .sp-head, .sp-body {
	border: solid #C3CBD1; border-width: 1px 1px 1px 2px; clear: both;
}
.c-body, .q, .sp-body      { padding: 2px 6px; }
.c-head, .q-head, .sp-head { text-align: left !important; }

.post-align { margin: 8px auto; }
.post-br    { line-height: 12px; }
.post-b     { font-weight: bold; }
.post-u     { text-decoration: none; }
.post-i     { font-style: italic; }
.post-s     { text-decoration: line-through; }

.MarketGidHorisontal {
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.MarketGidVertical {
	overflow: hidden;
}

.page_info {
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.page_header_image {
	float: left;
}

.page_header_image img {
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px; 
}

.studio {

}

.studio img {
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px; 
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {width:975px; height:46px; position:relative; z-index:100;background:url('/images/2bg.gif');}
.menu ul li a, .menu ul li a:visited {padding: 0px 10px; display:block; text-decoration:none; color:#000; height:46px; color:#fff;  line-height:46px; overflow:hidden; font-weight:bold; border-right: 0px solid #999900;}
.menu ul {padding:0; margin:0; list-style: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; }

/* specific to non IE browsers */
.menu ul li:hover a {color:white; background:url('/images/2bg_sel2.gif'); border-right: 0px solid #999900;}
.menu ul li:hover ul {display:block; position:absolute; top:46px; left:0; }
.menu ul li:hover ul li a.hide {background: #666699 url('/images/2bg.gif') repeat-x; color:#fff; font-weight:normal; height:25px;line-height:25px;padding-top:4px; border-right: 5px solid #999900;}
.menu ul li:hover ul li:hover a.hide {background: #666699 url('/images/2bg_sel2.gif') repeat-x; color:white;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: #666699 url('/images/2bg.gif') repeat-x;color:#fff; font-weight:normal; height:25px;line-height:25px;padding-top:4px;}
.menu ul li:hover ul li a:hover {background: #666699 url('/images/2bg_sel2.gif') repeat-x; repeat-y; color:white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-150px;}

.menu ul li ul li {width:140px;}
.menu ul li ul li ul li {width:120px;}


/* top submenu */

.top_menu_2 {
	width: 975px;
	background-color: #666699;
	height:36px;
	background: #666699 url("/images/2bg_gray.gif");
}

.top_menu_2 a, .top_menu_2 a:visited, .top_menu_2 a:hover {
	text-decoration: none;
	color: #ffffff;
}

.top_menu_2 a:hover {
	text-decoration: underline;
}

.top_menu_2_element {
	float: left;
	display: inline;
	padding: 10px;
}


/* ---------------------------------- *
    Mini Menu
 * ---------------------------------- */

.mini_menu {
	text-align: center;
}
.mini_menu a, .mini_menu a:visited {padding: 0px 10px;  text-decoration:none; width: 70px; height:46px; color:#fff;  line-height:46px; font-weight:bold; border-right: 3px solid #eeeeee;height:46px; background:url('/images/2bg.gif'); border-left: 3px solid #eeeeee; margin: 2px auto;text-align: center;
/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;} 
.mini_menu a:hover {background:url('/images/2bg_sel2.gif');} 
.mini_menu a.active, .mini_menu a.active:visited {color: #ffff00;}
 
/* ---------------------------------- *
     Radio TABS
 * ---------------------------------- */
#website_radio_div_buttons {
	margin: 7px 7px;
	padding: 0px;
}
#website_radio_div_buttons span {
	margin-right: 10px;
	background-color: #F2F2F2;
	border: 1px solid #F2F2F2;
	float: left;
	text-align: left;
}
#website_radio_div_buttons span a {
	padding: 5px;
	display: block;
	line-height: 25px;
}
#website_radio_div_buttons span.active {
	border: 1px solid #DDDDDD;
	font-weight: bold;
}
#website_radio_div_buttons span.active a {
	color: #000000;
}

.page_mini_image_item {
	float: left;
	display: block;
	margin-right: 5px;
}

.page_mini_image_item a img {
    height: auto; 
    width: auto; 
    max-width: 100px; 
    max-height: 100px;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	border: 0px;
}

.page_mini_ir_title {
	width: 100%;
	display: block;
	overflow: hidden;
	height: 20px;
	margin-bottom: 5px;
}

.page_mini_ir_content {
	overflow: hidden;
	height: 100px;
}

.page_mini_ir_params_rating {
	padding-bottom: 10px;
}

.page_mini_ir_params_ments {
	display: inline-block;
	background: url("/images/doc_edit_icon_16.png") no-repeat scroll left top;
	width: 150px;
	height: 25px;
	padding-left: 20px;
}

.page_mini_ir_params_views {
	display: inline-block;
	background: url("/images/user_icon_16.png") no-repeat scroll left top;
	width: 150px;
	height: 25px;
	padding-left: 20px;
}

.page_mini_image_item_right {

}

.page_mini_image_item_right_red, .page_mini_image_item_right_green {
	width: 50px;
	height: 18px;
	font-weight: bold;
	padding-right: 9px;
}

.page_mini_image_item_right_red {
	color: #990000;
}

.page_mini_image_item_right_green {
	color: #009900;
}

.mini_view_user a {
	width: 70px;
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
}


.page_image_item {
	float: left;
	display: block;
	margin-right: 5px;
}

.page_image_item_image a img {
	border: 3px solid #eeeeee;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
}

.page_image_item_score {
	width: 206px;
	height: 25px;
	background-color: #eeeeee;
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	float: left;
	padding-top: 1px;
}

.clear {
	clear: both;
}

.page_image_item_left {
	float: left;
	padding-left: 5px;
}

.page_image_item_right {
	float: right;
	text-align: right;
}

.page_image_item_right_red, .page_image_item_right_green {
	width: 50px;
	height: 18px;
	float: right;
	text-align: right;
	font-weight: bold;
	padding-right: 9px;
}

.page_image_item_right_red {
	color: #990000;
}

.page_image_item_right_green {
	color: #009900;
}

.page_ir_gallery {
	float: left;
}

.page_ir_gallery a, .page_ir_gallery a:visited {
	text-decoration: none;
	color: #000000;
}

.page_ir_gallery a:hover {
	text-decoration: underline;
	color: #A91B33;
}

.page_ir a, .page_ir a:visited {
	text-decoration: none;
	color: #000000;
}

.page_ir a:hover {
	text-decoration: underline;
	color: #A91B33;
}

.page_ir_title {
	width: 420px;
	height: 20px;
	padding-top: 5px;
	float: left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
	font-size: 14px;
}

.page_ir_title a, .page_ir_title a:visited {
	text-decoration: none;
	color: #A91B33;
	font-weight: bold;
}

.page_ir_right_block {
	float: left;
	display: block;
}

.page_ir_content {
	overflow-y: auto;
}

.page_ir_params {
	width: 420px;
	float: left;
	margin-left: 8px;
	margin-top: 2px;
}

.page_ir_params_date {
	width: 206px;
	height: 20px;
	background-color: #eeeeee;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 5px;
	float: left;
	font-weight: bold;
	text-align: center;
}

.page_ir_params_views {
	float: left;
	background: url("/images/user_icon_16.png") no-repeat scroll left top;
	height: 25px;
	padding-left: 20px;
}

.page_ir_params_ments {
	float: right;
	background: url("/images/doc_edit_icon_16.png") no-repeat scroll left top;
	height: 25px;
	padding-left: 20px;
}

.page_ir_bottom {
	border-bottom: 1px dotted #94B1DF; 
	margin-bottom: 10px; 
	padding: 0px 0px 10px 0px; 
	clear: both;
}

/* slider */
.slider {
	position: relative;
	width: inherit;
	overflow: scroll;
	text-align: center; 
	background-color: #252525;
}

.slider ul {
	width: 20000px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.slider li {
	width: 975px;
	float: left;
	margin: 0;
	padding: 0;
}

.slider_nav a{
	position:absolute;
	top:50%;
    width:30px;
    height:30px;
    cursor:pointer;
    opacity:0.7;
	display: block;
	margin-top:-15px;
}
.slider_nav a:hover{
    opacity:1.0;
}
.slider_nav a.slider_next{
    background:transparent url("/images/fancy_nav_right.png") no-repeat top left;
	right: 0px;
}
.slider_nav a.slider_prev{
    background:transparent url("/images/fancy_nav_left.png") no-repeat top left;
}

/* right slider */

.right_slider .slider {
	background-color: #ffffff;
}

.right_slider .slider ul li {
	width: 300px;
	text-align: center;
}

/* video added */

.video-added {
	font-weight: bold; 
	display: block;
}

.video-added a, .video-added a:visited, .video-added a:hover {
	color: #006699; 
}

.menu_head {
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	font-size: 11px;
}

.menu_head a, .menu_head a:visited {
	color: #ffffff;
	text-decoration: none;
}


.snowman {
	background: url("/images/snowman.png") no-repeat left top;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 170px;
	height: 181px;
	cursor: pointer;
}

.up_arrow_animekun {
	background: url("http://doramakun.ru/users/0/up_arrow_animekun_new_year.png") no-repeat left top;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 146px;
	height: 150px;
	cursor: pointer;
}

.up_arrow_animekun_original {
	background: url("http://animekun.ru/users/0/up_arrows/up_arrow_animekun.png") no-repeat left top;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 146px;
	height: 150px;
	cursor: pointer;
}

.up_arrow_animekun {
	background: url("http://animekun.ru/users/0/up_arrows/up_arrow_animekun.png") no-repeat left top;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 146px;
	height: 150px;
	cursor: pointer;
}

.up_arrow_doramakun {
	background: url("http://doramakun.ru/users/0/up_arrow_doramakun_new_year.png") no-repeat left top;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 100px;
	height: 151px;
	cursor: pointer;
}

.up_arrow_doramakun_original {
	background: url("http://animekun.ru/users/0/up_arrows/up_arrow_doramakun_1.png") no-repeat left top;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 100px;
	height: 151px;
	cursor: pointer;
}

.up_arrow_doramakun {
	background: url("http://animekun.ru/users/0/up_arrows/up_arrow_doramakun_1.png") no-repeat left top;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 100px;
	height: 151px;
	cursor: pointer;
}

/*
	Онлайн Радио
*/

.player-container {
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-image: url("/images/player-background.png");
}


.jp-play, .jp-pause1 {
    width: 83px;
    height: 94px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
	cursor: pointer;
    margin-left:10px;
    margin-top:5px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}

.jp-play {
    background-image: url("/images/play.png");
}

.jp-play:hover {
    background: url("/images/play_hover.png");
}

.jp-play:active {
    background: url("/images/play_active.png");
}

.jp-pause1 {
    background: url("/images/pause.png");
    display: none;
}

.jp-pause1:hover {
    background: url("/images/pause_hover.png");
}

.jp-pause1:active {
    background: url("/images/pause_active.png");
}

div.jp-volume-bar {
    overflow: hidden;
    position:absolute;
    width: 83px;
    height: 8px;
    cursor: pointer;
    background-color:#595959;
    margin-top:10px;
    margin-left:10px;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

div.jp-volume-bar-value {
    background: #a4a4a4;
	border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    height: 8px;
}

.player-container p span.play-channel-name, .player-container p span.play-track-name {
    color: #CC0090;
}
.volume-logo
{
   background: url("/images/sound.png");
   width:7px;
   height:11px;
   position:absolute;
   top:+16px;
   left:37px;
}
#noplaying_data p {
	padding: 0px;
	display: inline;
}


/* ---------------------------------- *
     Content
 * ---------------------------------- */
.post-align {
	display: block;
}
.center {
	text-align: center;
}

/* ---------------------------------- *
     Spoiler
 * ---------------------------------- */
.sp-wrap { 
	padding: 0; 
	background: #dedede; 
	border: 0px; 
}

.anime_sp-head { 
	font-family: Verdana;
	height: 35px; 
	border: 0px; 
	font-size: 12px; 
	margin-left: 6px; 
	color: #2A2A2A; 
	cursor: pointer; 
	font-weight: bold;
	line-height: 15px; 
}
.default_sp-head { 
	font-family: Verdana;
	height: 22px; 
	border: 0px; 
	font-size: 11px; 
	margin-left: 6px; 
	color: #2A2A2A; 
	cursor: pointer; 
	font-weight: bold;
	line-height: 15px; 
}
.sp-body { 
	font-weight: normal; 
	background: #F5F5F5; 
	padding: 10px;
}
.sp-body a {
	
}
.anime_bg_0 { background: transparent url("/images/side_flame.png") no-repeat right center; }
.anime_bg_1 { background: transparent url("/images/side_girl_1.png") no-repeat right center; }
.anime_bg_2 { background: transparent url("/images/side_ano_hana.png") no-repeat right center; }
.anime_bg_3 { background: transparent url("/images/side_girl_sleep.png") no-repeat right center; }
.anime_bg_4 { background: transparent url("/images/side_couple.png") no-repeat right center; }
.anime_bg_5 { background: transparent url("/images/side_legs.png") no-repeat right center; }
.anime_bg_6 { background: transparent url("/images/side_girl_4.png") no-repeat right center; }
.anime_bg_7 { background: transparent url("/images/side_girl_5.png") no-repeat right center; }
.anime_bg_8 { background: transparent url("/images/side_naruto.png") no-repeat right center; }
.anime_bg_9 { background: transparent url("/images/side_girl.png") no-repeat right center; }
.anime_bg_10 { background: transparent url("/images/side_lucy.png") no-repeat right center; }
.anime_bg_11 { background: transparent url("/images/side_ichigo.png") no-repeat right center; }
.anime_bg_12 { background: transparent url("/images/side_girl_2.png") no-repeat right center; }
.anime_bg_13 { background: transparent url("/images/side_happy.png") no-repeat right center; }
.anime_bg_14 { background: transparent url("/images/side_higurashi.png") no-repeat right center; }
.anime_bg_15 { background: transparent url("/images/side_toradora.png") no-repeat right center; }
.anime_bg_16 { background: transparent url("/images/side_k_on.png") no-repeat right center; }
.anime_bg_17 { background: transparent url("/images/side_girl_3.png") no-repeat right center; }
.anime_bg_18 { background: transparent url("/images/side_glass.png") no-repeat right center; }
.anime_bg_19 { background: transparent url("/images/side_uno.png") no-repeat right center; }
.anime_bg_20 { background: transparent url("/images/otaku.png") no-repeat right center; }
.anime_bg_21 { background: transparent url("/images/k-on_laptop.png") no-repeat right center; }
.anime_bg_22 { background: transparent url("/images/k-on_girl.png") no-repeat right center; }
.anime_bg_23 { background: transparent url("/images/k-on_2.png") no-repeat right center; }
.anime_bg_24 { background: transparent url("/images/geass.png") no-repeat right center; }
.anime_bg_25 { background: transparent url("/images/teddy_bear.png") no-repeat right center; }
.anime_bg_26 { background: transparent url("/images/k-on.png") no-repeat right center; }
.anime_bg_27 { background: transparent url("/images/side_girl_open.png") no-repeat right center; }
.anime_bg_28 { background: transparent url("/images/side_girl_6.png") no-repeat right center; }
.anime_bg_29 { background: transparent url("/images/side_girl_7.png") no-repeat right center; }
.anime_bg_30 { background: transparent url("/images/side_k-on.png") no-repeat right center; }
.anime_bg_31 { background: transparent url("/images/side_girl_8.png") no-repeat right center; }
.anime_bg_32 { background: transparent url("/images/side_another.png") no-repeat right center; }
.anime_bg_33 { background: transparent url("/images/side_all.png") no-repeat right center; }
.anime_bg_34 { background: transparent url("/images/side_vocaloid.png") no-repeat right center; }
.anime_bg_35 { background: transparent url("/images/side_girl_sleep_1.png") no-repeat right center; }
.anime_bg_36 { background: transparent url("/images/side_girl_juice.png") no-repeat right center; }
.anime_bg_37 { background: transparent url("/images/side_guilty_crown.png") no-repeat right center; }
.anime_bg_38 { background: transparent url("/images/side_tohou.png") no-repeat right center; }
.anime_bg_39 { background: transparent url("/images/side_girl_photo.png") no-repeat right center; }

.anime_folded { 
	width: 60px;
	height: 35px;
	display: block;
	background: transparent url("/images/icon_plus_3.png") no-repeat left center;
	float: left;
}

.anime_title { 
	padding-top: 9px;
	float: left;
	letter-spacing: 1px;
}

.default_title { 
	padding-top: 2px;
	float: left;
	letter-spacing: 1px;
}

.default_bg_0 { background: transparent url("/images/default_bg_0.png") no-repeat right center; }

.default_folded { 
	width: 60px;
	height: 20px;
	display: block;
	background: transparent url("/images/default_spoiler_arrows.png") no-repeat left center;
	float: left;
}

.clickable { cursor: pointer; }

.unfolded, .unfolded2 { 
	display: block;
}
.folded2   { background-image: url(http://doramakun.ru/images/icon_plus_2.gif); }
.unfolded2 { background-image: url(http://doramakun.ru/images/icon_minus_2.gif); }

/* ---------------------------------- *
     lightsoff
 * ---------------------------------- */
#lightsoff {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}
#lightsoff a {
	color: #999999;
	text-decoration: none;
}
#lightsoff-background  {
	position: absolute;
	margin:0;
	padding: 0;
	z-index: 990;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

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

.page_vote_title {
	margin-bottom: 7px;
	display: block;
}
.page_vote {
	font-weight: bold;
	font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	margin-bottom: 7px;
}
.page_vote a {
	text-decoration: none;
}
.page_vote div {
	display: inline;
}
.page_vote_plus {
	border: 1px solid #666666;
	background-color: #5bbe76;
}
.page_vote_plus a {
	padding: 0 10px;
	color: #FFFFFF;
}
.page_vote_minus {
	border: 1px solid #666666;
	background-color: #990000;
}
.page_vote_minus a {
	padding: 0 10px;
	color: #FFFFFF;
}
.page_vote_score_plus {
	padding: 0 10px;
	margin: 0 3px;
	border: 1px solid #666666;
	background-color: #5bbe76;
}
.page_vote_score_neutral {
	padding: 0 10px;
	margin: 0 3px;
	border: 1px solid #666666;
	background-color: #666666;
}
.page_vote_score_minus {
	padding: 0 10px;
	margin: 0 3px;
	border: 1px solid #666666;
	background-color: #CC0000;
}

.page_order_by {
	margin: 10px 0px;
	text-align: center;
}
.page_order_by img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.breadcrumb {
	margin: 10px 0px;
}

/* ---------------------------------- *
     Page Admins
 * ---------------------------------- */
.page_admins {
	background-color: #EEEEEE;
	text-align: center;
	padding: 5px;
	border: 3px dotted #999999;
}
.page_admins_block {
	width: 100%;
    text-align: center;
	display: block;
}
.page_admins_item_25, .page_admins_item_33, .page_admins_item_50, .page_admins_item_100 {
	float: left;
	display: block;
	margin: 5px 0px;
	padding: 0px;
}
.page_admins_item_25 {
	width: 25%;
}	
.page_admins_item_33 {
	width: 33%;
}
.page_admins_item_50 {
	width: 50%;
}
.page_admins_item_100 {
	width: 100%;
}
.page_admins img {

}
.page_admins_title {
	color: #666666;
	font-weight: bold;
}
.page_admins_block_title {
	font-weight: bold;
}
.page_admins_block_title a, a:visited {
	font-weight: normal;
}
.page_admins_block_img {
	height: 120px;
	text-align: center;
}
.page_admins_block_group {
	margin-top: 10px;
	text-align: center;
}
.page_admins_line {
	width: 100%;
	border-bottom: 3px dotted #999999;
	clear: both;
}
 
/* ---------------------------------- *
     Playlist
 * ---------------------------------- */
.parce_playlist, .parce_playlist_mini {
	width: 100%;
	margin: 13px 0px;
	padding: 0px;
	border: 1px solid #eee;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}

.parce_playlist {
	height: 286px;
	overflow-y: scroll;
}
.parce_playlist_mini {

}
.parce_playlist table, .parce_playlist_mini table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.parce_playlist table, .parce_playlist_mini table {
	padding: 0px;
}
.parce_playlist img, .parce_playlist_mini img {
	margin: 0px;
	padding: 3px;
	border: 0px;
	display: block;
}
.remember_video, .remember_video_on {
	
}
.remember_video {
	color: #999999;
}
.remember_video_on {
	color: #000000;
	font-weight: bold;
}
.remember_video_remote {
	clear: both;
	text-align: center;
}
.remember_video_remote_left, .remember_video_remote_right {
	display: inline;
}
.remember_video_remote_left a, .remember_video_remote_right a {

}
.remember_video_remote_left {
	float: left;
}
.remember_video_remote_right {
	float: right;
}
.remember_video_remote_comment {
	clear: both;
	text-align: center;
}
.video_title {
	width: 100%;
	text-align: left;
}
.eps, .ep1, .ep2 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.eps img, .ep1 img, .ep2 img {

}
.eps td, .ep1 td, .ep2 td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.eps {
	background-color:#000000;
	color: #FFFFFF;
}
.ep1 {
	background-color:#EEEEEE;
}
.ep2 {
	background-color:#DDDDDD;
}

/* ---------------------------------- *
     Cools
 * ---------------------------------- */
.clear {
	clear: both;
}

/* ---------------------------------- *
     Mini Login Form
 * ---------------------------------- */
.mini_login_form_head {
	width: 295px;
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 7px;
	font-size: 11px;
}

.mini_login_form_head a, .mini_login_form_head a:visited {
	color: #ffffff;
	text-decoration: none;
}

.mini_login_form_exit {
	width: 302px;
	background-color: #333333;
	color: #FFFFFF;
	border: 1px solid #333333;
	padding: 4px;
	text-transform: uppercase;
}

.mini_login_form_exit:hover {
	color: #FFFF00;
	border: 1px solid #999;
}

.mini_login_form_profile {
	float: right;
	padding-right: 5px;
	text-decoration: underline;
} 
 
.mini_login_form {
	
}
.mini_login_form td {
	padding-bottom: 5px;
	text-align: center;
}
.mlf_user_name {
	width: 98%;
	border: 1px solid #333333;
}
.mlf_user_pass {
	width: 98%;
	border: 1px solid #333333;
}
.mlf_user_submit {
	width: 98%;
	border: 1px solid #333333;
}



/* ---------------------------------- *
     Comments
 * ---------------------------------- */
.comments {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	width: 100%;
}
#comments {
	width: 100%;
}
#comments table {
	width:100%;
	table-layout:fixed;
	overflow: hidden;
}
#comments table tr {
	vertical-align: top;
}
#comments .ment_user_info {
	width: 140px;
}
.mention_top td {
	padding: 5px 5px;
	border: 1px solid #e1e1e1;
	background-color: #f2f2f2;
	font-weight: bold;
}
.mention_top td table td {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.mention_top_admin td{
	padding: 5px 5px;
	border: 1px solid #ffdd8c;
	background-color: #fff1d7;
	font-weight: bold;
}
.mention_top_admin td table td {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.mention_body td {
	padding: 5px 5px;
	border: 1px solid #e1e1e1;
}
.mention_body_admin td{
	width: 100%;
	padding: 5px 5px;
	border: 1px solid #ffdd8c;
	background-color: #fffbee;
}
.mention_vote {
	font-weight: bold;
	font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	float: right;
}
.mention_vote a {
	text-decoration: none;
}
.mention_vote div {
	display: inline;
}
.ment_vote_plus {
	border: 1px solid #666666;
	background-color: #5bbe76;
}
.ment_vote_plus a {
	padding: 0 10px;
	color: #FFFFFF;
}
.ment_vote_minus {
	border: 1px solid #666666;
	background-color: #990000;
}
.ment_vote_minus a {
	padding: 0 10px;
	color: #FFFFFF;
}
.ment_vote_score_plus {
	padding: 0 10px;
	margin: 0 3px;
	border: 1px solid #666666;
	background-color: #5bbe76;
}
.ment_vote_score_neutral {
	padding: 0 10px;
	margin: 0 3px;
	border: 1px solid #666666;
	background-color: #666666;
}
.ment_vote_score_minus {
	padding: 0 10px;
	margin: 0 3px;
	border: 1px solid #666666;
	background-color: #CC0000;
}
.mention_space {
	padding-bottom: 20px;
}

.spoiler {
	color: #333333; 
	background: #333333;
	padding: 3px 5px;
}
.spoiler img {
	transition: opacity 700ms linear;
	-webkit-transition: opacity 700ms linear;
	-moz-transition: opacity 700ms linear;
	opacity: 0.0;
	background:#333333;
}
.spoiler a {
	color: #333333; 
}
.spoiler a:visited {
	color: #333333; 
}
.spoiler:hover {
	color: #FFFFFF; 
	background: #333333;
	opacity: 1;
}
.spoiler:hover img {
	opacity: 1;
	background: #FFFFFF;
}
.spoiler:hover a {
	color: #FFFFFF; 
	text-decoration: underline;
}
.spoiler:hover a:visited {
	color: #FFFFFF; 
	text-decoration: underline;
}
.comment_smiles_block {
	padding: 15px 0px;
	text-align: center;
}
.comment_smiles {
	padding-top: 10px;
	width: 100%;
	height: 150px;
	overflow-y: auto;
	text-align: center;
}
.comment_smiles a { 
	line-height: 20px;
}
.comment_smiles a img { 
	border: 0px;
	background-color: transparent;
}
.ment_name {
	width: 150px;
	overflow: hidden;
}
.ment_body_quote {
	padding-bottom: 20px;
	display: block; 
	text-align: right;
}
.ment_body_quote a {
	padding-left: 10px;
}
#comments_form .ment_text {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 17px 0px 0px;
}
#comments_form .ment_text div {
	width: 100%;
	border: 0px solid #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#comments_form .ment_text textarea {
	border: 2px solid #333333;
	width: 100%;
	height: 150px;
	padding: 5px;
	margin: 0px;
}
#comments_form .ment_submit {
	border: 2px solid #333333;
	width: 100px;
	height: 164px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
#comments_form .ment_buttons div {
	padding: 10px 0px 0px 0px;
	text-align: center;
}
.comment_text {
	overflow: hidden;
}
.bad5 { opacity: 0.1;background:#fff;  }
.bad4 { opacity: 0.15;background:#fff; }
.bad3 { opacity: 0.2;background:#fff;  }
.bad2 { opacity: 0.25;background:#fff; }
.bad1 { opacity: 0.3;background:#fff;  }
.entry-content-only {
	transition: opacity 700ms linear;
	-webkit-transition: opacity 700ms linear;
	-moz-transition: opacity 700ms linear;
}
.entry-content-only:hover {
	opacity: 1;
}

/* ---------------------------------- *
     Качаем с плейлиста
 * ---------------------------------- */
.display_none {
	display: none;
}
.download_div {
	border: #DDDDDD 3px solid;
	padding: 5px;
	margin: 5px 0px;
	text-align: center;
}
.download_div input {
	margin: 5px;
	padding: 5px;
	display: block;
}
.download_input {
	width: 90%;
}
/* ---------------------------------- *
     SHARE 24
 * ---------------------------------- */
#share42 {
  text-align: center;
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin: 10px 0px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {
  opacity: 0.5;
  vertical-align: bottom;
}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

/* ---------------------------------- *
     COMMENT TABS
 * ---------------------------------- */
#comments-tabs {
	margin: 0xp;
	padding: 0px;
}
#comments-tabs span {
	margin-right: 10px;
	padding: 5px;
	background-color: #F2F2F2;
	border: 1px solid #F2F2F2;
	float: left;
	text-align: left;
	width: 150px;
	line-height: 25px;
}
#comments-tabs span a {
	display: block;
}
#comments-tabs span.active {
	border: 1px solid #DDDDDD;
	font-weight: bold;
}
#comments-tabs span.active a {
	color: #000000;
}

/* ---------------------------------- *
     Gallery
 * ---------------------------------- */
 .gallery {
	text-align: center;
}
 
 .gallery_item {
	
}

.gallery_item_image {
	background: #E8E8E8;
	margin: 10px 0px 0px 0px;
	padding: 10px 20px 10px 15px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
}	

.gallery_item_text {
	background: #E8E8E8;
	padding: 10px 20px 10px 15px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	font-size: 14px;
}
.gallery_h1 {
	width: 544px;
}
.gallery_h1 h1 {
	padding: 0px;
	margin: 0px;
	line-height: 30px;
}

.gallery_prev, .gallery_next {
	float: left;
}

.gallery_prev a, .gallery_next a {
	display: block;
	text-decoration: none;
	width: 48px;
	height: 48px;
}

.gallery_h1 {
	float: left;
	display: block;
}

.gallery_next {
	background: transparent url('/images/icon-next.png') no-repeat left center;
}

.gallery_prev a {
	background: transparent url('/images/icon-prev.png') no-repeat left center;
}

/* ---------------------------------- *
     Private Messages
 * ---------------------------------- */
.pm_dialog_list_visited, .pm_dialog_list_not_visited, .pm_dialog_list_not_visited_my {
	border-bottom: 1px solid #dae1e8;
	border-right: 1px solid #edf1f5;
	border-left: 1px solid #edf1f5;
}

.pm_dialog_list_visited, .pm_dialog_list_not_visited_my{
	border-right: 1px solid #dae1e8;
	border-left: 1px solid #dae1e8;
}
 
.pm_dialog_list_visited {
	width: 100%;
}

.pm_dialog_list_not_visited {
	width: 100%;
	background-color: #edf1f5;
}

.pm_dialog_list_not_visited_my {
	width: 100%;
}

.pm_dialog_list_who {
	width: 140px;
	float: left;
}

.pm_dialog_list_text {
	margin-left: 120px;
	margin-right: 10px;
}

.pm_dialog_list_text_message_block {
	padding-top: 40px;
	margin-left: 120px;
}

.pm_dialog_list_visited .pm_dialog_list_text_message_block {
	
}

.pm_dialog_list_not_visited .pm_dialog_list_text_message_block {
	background-color: #edf1f5;
}

.pm_dialog_list_not_visited_my .pm_dialog_list_text_message_block {
	
}

.pm_dialog_list_readed {
	
}

.pm_dialog_list_text_message {
	
}

.pm_dialog_list_who_name {
	width: 100px;
	margin: 45px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pm_dialog_list_who_name a, .pm_dialog_list_who_name a:visited, .pm_dialog_list_who_name a:hover {
	color: #2b587a;
	text-decoration: none;
}

.pm_dialog_list_who_name a:hover {
	text-decoration: underline;
}

.pm_dialog_list_text_date {
	margin: 0px;
	font-size: 10px;
	color: #8795a5;
}

.pm_dialog_list_who_avatar {
	width: 120px;
	height: 120px;
	padding: 5px 5px 5px;
	text-align: center;
}

.pm_dialog_list_who_avatar_border {
	width: 120px;
	height: 120px;
	background-color: #edf1f5;
}

.pm_dialog_list_who_avatar img {
	padding: 0px;
	margin: 0px;
}

.pm_dialog_list_text_message_avatar {
	width: 65px;
	height: 60px;
	float: left;
}

.pm_dialog_list_text_message_avatar img {
	margin: 0px;
	padding: 0px;
}

.pm_dialog_list_name_date {
	width: 110px;
	float: left;
}

.pm_dialog_list_text_message_block_background {
	padding: 5px 5px 0px;
	height: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pm_dialog_list_not_visited .pm_dialog_list_text_message_block_background {
	background-color: #edf1f5;
}

.pm_dialog_list_not_visited_my .pm_dialog_list_text_message_block_background {
	background-color: #edf1f5;
}

.pm_pagination {
	margin: 0px 0px 20px;
}

.pm_pagination_pagination {
	float: right; 
	display: inline;
}

.pm_pagination_pagination a, .pm_pagination_pagination a:visited {
	padding: 0px 5px 0px;
}

.pm_pagination_pagination .bolder {
	font-weight: bold;
}

.pm_read_all_link {
	margin: 20px 0px 0px;
}

.pm_read_all_link_link {
	display: inline;
}

/* pm-read-list */
.read_block {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.read_block_avatar {
	width: 60px;
	height: 60px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

.read_block_avatar img {
	margin: 0px;
	padding: 0px;
}

.read_block_user_name {
	margin: 0px 0px 10px 0px;
}

.read_block_date {
	margin: 0px 0px 0px 10px;
	font-size: 10px;
	color: #8795a5;
}

.read_block_message {
	padding: 0px 0px 20px 0px;
}

/* форма отправки сообщения */
.pm_send {
	width: 100%;
	margin: 0px 0px 20px;
	padding: 20px 0px;
	background-color: #F2F2F2;
}

.pm_send_left_avatar {
	width: 60px;
	height: 60px;
}

.pm_send_left_avatar img {
	margin: 0px;
	padding: 0px;
}

.pm_send_right_avatar {
	width: 60px;
	height: 60px;
	text-align: right;
}

.pm_send_right_avatar img {
	margin: 0px;
	padding: 0px;
}

.pm_send_textarea textarea {
	width: 99%; 
	height: 60px; 
	margin: auto;
	margin: 0px;
	padding: 0px;
}

/* ховэры */

.pm_dialog_list_hover_visited {
	background-color: #edf1f5;
	cursor: pointer;
}
.pm_dialog_list_hover_visited .pm_dialog_list_who {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_visited .pm_dialog_list_text {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_visited .pm_dialog_list_name_date {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_visited .pm_dialog_list_text_message_block {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_visited .pm_dialog_list_text_message_block_background {
	background-color: #edf1f5;
}

.pm_dialog_list_hover_not_visited {
	background-color: #edf1f5;
	cursor: pointer;
}
.pm_dialog_list_hover_not_visited .pm_dialog_list_who {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited .pm_dialog_list_text {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited .pm_dialog_list_name_date {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited .pm_dialog_list_text_message_block {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited .pm_dialog_list_text_message_block_background {
	background-color: #edf1f5;
}


.pm_dialog_list_hover_not_visited_my {
	background-color: #edf1f5;
	cursor: pointer;
}
.pm_dialog_list_hover_not_visited_my .pm_dialog_list_who {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited_my .pm_dialog_list_text {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited_my .pm_dialog_list_name_date {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited_my .pm_dialog_list_text_message_block {
	background-color: #edf1f5;
}
.pm_dialog_list_hover_not_visited_my .pm_dialog_list_text_message_block_background {
	background-color: #dae1e8;
}

/* slider */

.slider {
	position: relative;
	width: inherit;
	overflow: scroll;
}

.slider ul {
	width: 10000px;
	list-style: none;
}

.slider li {
	width: 975px;
	float: left;
	min-height: 50px;
}

.slider_nav a{
	position:absolute;
	top:50%;
    width:30px;
    height:30px;
    cursor:pointer;
    opacity:0.7;
	display: block;
	margin-top:-15px;
}
.slider_nav a:hover{
    opacity:1.0;
}
.slider_nav a.slider_next{
    background:transparent url("/images/fancy_nav_right.png") no-repeat top left;
	right: 0px;
}
.slider_nav a.slider_prev{
    background:transparent url("/images/fancy_nav_left.png") no-repeat top left;
}


/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2011 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	animation: 1s ease;
}

.animated.hinge {
	-webkit-animation: 2s ease;
	-moz-animation: 2s ease;
	-ms-animation: 2s ease;
	animation: 2s ease;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-ms-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-ms-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-ms-keyframes shake {
	0%, 100% {-ms-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-ms-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	40% {-ms-transform: translateY(-30px);}
	60% {-ms-transform: translateY(-15px);}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-ms-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -moz-transform-origin: top center; }
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-ms-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -ms-transform-origin: top center; }
	20% { -ms-transform: rotate(15deg); }	
	40% { -ms-transform: rotate(-10deg); }
	60% { -ms-transform: rotate(5deg); }	
	80% { -ms-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@keyframes swing {
	20%, 40%, 60%, 80%, 100% { transform-origin: top center; }
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-ms-keyframes wobble {
  0% { -ms-transform: translateX(0%); }
  15% { -ms-transform: translateX(-25%) rotate(-5deg); }
  30% { -ms-transform: translateX(20%) rotate(3deg); }
  45% { -ms-transform: translateX(-15%) rotate(-3deg); }
  60% { -ms-transform: translateX(10%) rotate(2deg); }
  75% { -ms-transform: translateX(-5%) rotate(-1deg); }
  100% { -ms-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
    0% { -ms-transform: scale(1); }	
	50% { -ms-transform: scale(1.1); }
    100% { -ms-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-ms-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-ms-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-ms-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-ms-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-ms-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-ms-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-ms-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-ms-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-ms-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
}
@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-ms-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-ms-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-ms-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-ms-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-ms-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-ms-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-ms-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-ms-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-ms-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-ms-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-ms-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-ms-keyframes bounceIn {
	0% {
		opacity: 0;
		-ms-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-ms-transform: scale(1.05);
	}
	
	70% {
		-ms-transform: scale(.9);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-ms-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
	}
	
	80% {
		-ms-transform: translateY(10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}
@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-ms-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
	}
	
	80% {
		-ms-transform: translateY(-10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
	}
	
	80% {
		-ms-transform: translateX(-10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-ms-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-ms-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-ms-keyframes bounceOut {
	0% {
		-ms-transform: scale(1);
	}
	
	25% {
		-ms-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-ms-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-ms-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-ms-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-ms-keyframes bounceOutUp {
	0% {
		-ms-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-ms-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-ms-keyframes bounceOutDown {
	0% {
		-ms-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-ms-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-ms-keyframes bounceOutLeft {
	0% {
		-ms-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-ms-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-ms-keyframes bounceOutRight {
	0% {
		-ms-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-ms-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-ms-keyframes rotateIn {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-ms-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInUpLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-ms-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInDownLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-ms-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInUpRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-ms-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInDownRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-ms-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOut {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-ms-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutUpLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-transform-origin: left bottom;
		-transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-ms-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutDownLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-ms-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutUpRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-ms-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutDownRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-ms-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-ms-keyframes hinge {
	0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	100% { -ms-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-ms-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-ms-keyframes rollIn {
	0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-ms-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-ms-keyframes rollOut {
    0% {
		opacity: 1;
		-ms-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-ms-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-ms-animation-name: rollOut;
	animation-name: rollOut;
}




.buttonArea{
    float: left;
    left: 50%;
    position: relative;            
    top: 100%;
	margin-top: -32px;	
}                     
.buttonCon{  
    float: left;
    left: -50%;
    position: relative;        
}
.buttonCon .theButton {
	display: block;
	color: #B22222;
	width: 20px;
	height: 22px;
	background: url(/images/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.buttonArea a.active {
	background-position: 0 -22px;
}             

.arrowButton{    
	cursor: pointer;  
}            
.arrowButton .prevArrow{
	background: url(/images/prev.png) no-repeat; 
	width: 40px;
	height: 80px;      
	position: absolute;
	top: 170px;	 
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	background: url(/images/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 170px;
	right: 12px;	          
}   

.animate0{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}         

.animate1{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate2{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate3{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   

.animate4{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}  

.animate5{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    


#banner{   
	position: absolute;  
}     

.oneByOne1{
	margin: 0;
	width: 975px;
	height: 150px;     
	position: relative;
	overflow: hidden;
	background: #ECB842 url("/users/0/fon.jpg") no-repeat right center;
}   

#banner .oneByOne_item{
	position: absolute;
	width: 975px;
	height: 150px;  
	overflow: hidden;  
}         
                      
#banner .oneByOne_item span{
	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}                                                                                              

#banner .oneByOne_item a{
	text-decoration: none;
	color: #B22222;
}
              
.arrowButton .prevArrow{
	top: 35px;	 
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	top: 35px;
	right: 12px;	          
}  

#banner .oneByOne_item span.slide1txt1{
	position: absolute;
	display: block;
	top: 10px;
	left: 20px;
	background: #B22222;     
	color: #FFFFFF;
	font-size: 20px;
	padding: 20px;
} 

#banner .oneByOne_item span.slide1txt1 a{
	color: #FFFFFF;
}

#banner .oneByOne_item span.slide1txt2{
	position: absolute;
	display: block;
	top: 100px;
	left: 20px;
	background: #B22222;     
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
} 

#banner .oneByOne_item span.slide1txt2 a{
	color: #FFFFFF;
}
/* #00AE2F #049CED */

#banner .oneByOne_item span.slide1txt3{
	position: absolute;
	display: block;
	top: 100px;
	right: 330px;
	background: #049CED;     
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
} 


#banner .oneByOne_item span.slide1txt3 a{
	color: #FFFFFF;
}

#banner .oneByOne_item span.slide1txt4{
	position: absolute;
	display: block;
	top: 100px;
	right: 190px;
	background: #00AE2F;     
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
} 


#banner .oneByOne_item span.slide1txt4 a{
	color: #FFFFFF;
}

#banner .oneByOne_item span.slide1txt5{
	position: absolute;
	display: block;
	top: 100px;
	right: 100px;
	background: #FD1F2C;     
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
} 


#banner .oneByOne_item span.slide1txt5 a{
	color: #FFFFFF;
}

#banner .oneByOne_item span.slide1txt6{
	position: absolute;
	display: block;
	top: 100px;
	right: 20px;
	background: #3399cc;     
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
} 


#banner .oneByOne_item span.slide1txt6 a{
	color: #FFFFFF;
}

/* ---------------------------------- *
     Выпадающий список просмотренных страниц
 * ---------------------------------- */
.save_release {
	border: 1px solid #666666;
	padding: 3px;
}
.save_release.selected {
	background-color: #5bbe76;
	color: #fff;
}