/*--------------------- General styles start ---------------------*/

body {
 margin: 0px;
 background-color: #000000;
 font: 11px 'Tahoma', 'Arial';
 color: #6b6b6b;
 text-align: center;
}

td, input, select {
 font: 11px 'Tahoma', 'Arial';
}

body a {
 color: #F05014;
 text-decoration: none;
}

body a:hover {
 text-decoration: underline;
}

* {}

img {border: 0px;}

/*--------------------- General styles end ---------------------*/


/*--------------------- All content start ---------------------*/

#all {
 width: 100%;
 min-width: 1000px;
 background: url(/web/1.png) repeat-x;
}

#top-stripe {
 margin: auto;
 width: 1000px;
 height: 13px;
 overflow: hidden;
 background: url(/web/2.jpg);
}

/*--------------------- All content end ---------------------*/



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

#header {
 margin: auto;
 margin-top: 12px;
 width: 1000px;
 height: 180px;
 background: url(/web/3.png);
}

#player {
 float: right;
 margin-top: 100px;
 margin-right: 25px;
}

#top-menu {
 height: 39px;
 line-height: 39px;
 text-align: right;
 margin-right: 10px;
 padding-top: 1px;
 cursor: default;
}

#top-menu a {
 margin-top: 9px;
 display: block;
 width: auto;
 cursor: pointer;
 color: #ffffff;
 font: 12px 'Tahoma';
 text-transform: uppercase;
 line-height: 20px;
 text-decoration: none;
 margin-left: 8px;
 outline: none;
}

#top-menu a:hover span.tm, #top-menu a:hover span.tm_left, #top-menu a:hover span.tm_right {
 background-position: 0px -21px;
}

.tm_left {
 display: block;
 float: right;
 width: 5px;
 height: 21px;
 background: url(/web/4.png);
 margin-left: 8px;
}

.tm {
 display: block;
 float: right;
 height: 21px;
 background: url(/web/5.png);
}

.tm_right {
 display: block;
 float: right;
 width: 5px;
 height: 21px;
 background: url(/web/6.png);
}

span.ico {
 padding-left: 15px;
 background-position: 0px 1px;
}

#top-menu a:hover span.ico {
 background-position: 0px -15px;
}

.home {
 background: url(/.s/t/798/7.png) no-repeat;
}

.prof {
 background: url(/.s/t/798/8.png) no-repeat;
}

.reg {
 background: url(/.s/t/798/9.png) no-repeat;
}

.logout {
 background: url(/.s/t/798/10.png) no-repeat;
}

.login {
 background: url(/.s/t/798/11.png) no-repeat;
}

.rss {
 background: url(/.s/t/798/12.png) no-repeat;
}

#sitelogo {
 float: left;
 margin-left: 10px;
 margin-top: 13px;
 width: 760px;
 height: 73px;
 overflow: hidden;
}

#sitelogo-left {
 float: left;
 width: 10px;
 height: 73px;
 background: url(/.s/t/798/13.png);
}

#sitelogo-mid {
 float: left;
 height: 73px;
 font: 40px/73px 'Tahoma';
 color: #ffffff;
 max-width: 735px;
 background: url(/.s/t/798/14.png);
}

#sitelogo-right {
 float: left;
 width: 10px;
 height: 73px;
 background: url(/.s/t/798/15.png);
}

#header-right {
 float: right;
 margin-right: 10px;
 width: 215px;
}

#search {
 height: 75px;
 width: 192px;
 float: right;
 margin-top: 35px;
}

#searchbg {
 background: url(/.s/t/798/16.png) no-repeat;
}

#today {
 position:static;
 text-align: left;
 height: 30px;
 font: 13px/30px 'Tahoma';
 color: #ffffff;
 margin-left: 10px;
 margin-top: -40px;
}

#nav {
 width: 1000px;
 margin: auto;
 margin-top: 5px;
 background: url(/.s/t/798/17.png);
}

#nav-mid {}

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


/*--------------------- Main content start ---------------------*/

#content {
 width: 1000px;
 margin: auto;
}

#content-top {
 width: 1000px;
 height: 5px;
 overflow: hidden;
 background: url(/.s/t/798/18.png);
}

#content-mid {
 background: #ffffff;
 padding: 1px 0px;
}

#maincol {
 float: left;
 width: 714px;
 margin-left: 10px;
 text-align: justify;
 padding-bottom: 10px;
}

#rightcol {
 float: right;
 width: 256px;
 margin-right: 5px;
 text-align: justify;
}

#soc {
 width: 256px;
 height: 44px;
 margin-bottom: 6px;
 background: url(/.s/t/798/19.png);
}

#soc a {
 display: block;
 width: 32px;
 height: 32px;
 float: left;
 margin-top: 6px;
 margin-left: 6px;
}

#soc a:hover {
 background-position: 0px -32px;
}

.soc-rss {
 background: url(/.s/t/798/20.png);
}

.soc-del {
 background: url(/.s/t/798/21.png);
}

.soc-facebook {
 background: url(/.s/t/798/22.png);
}

.soc-memori {
 background: url(/.s/t/798/23.png);
}

.soc-twitter {
 background: url(/.s/t/798/24.png);
}

.soc-vkontakte {
 background: url(/.s/t/798/25.png);
}

.eTitle {
 font: 13px/32px 'Tahoma';
 color: #FFFFFF;
 border: 0px solid #F05014;
 background: url(/web/26.png) repeat-y top right;
 padding: 0px 50px 0px 10px !important;
 text-transform: uppercase;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.eTitle a {
 font: 13px/32px 'Tahoma';
 color: #FFFFFF;
}

.eTitle a:hover {}

.eMessage, .eText, .eAnswer {
 font: 11px/15px 'Tahoma';
 color: #6b6b6b;
 text-align: justify !important;
 padding: 5px 10px !important;
}

.cMessage {
 font: 11px 'Tahoma';
 text-align: justify !important;
}

.eDetails, .eDetails1, .eDetails2 {
 background: #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
 color: #848484;
 text-transform: uppercase;
 padding: 6px 10px;
}

.cBlock1, .cBlock2 {
 background: #e5e5e5;
 border: 1px solid #cdcdcd;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

/*--------------------- Main content end ---------------------*/


/*--------------------- Containers start ---------------------*/

.block {
 width: 100%;
 align: center;
}

.block-top {
 width: 256px;
 height: 9px;
 overflow: hidden;
 background: url(/web/27.png) no-repeat;
}

.block-top2 {
 width: 225;
 height: 9px;
 overflow: hidden;
 background: url(/web/27b.png) no-repeat;
}

.blocktitle {
 background: url(/web/28.png);
 line-height: 16px;
 font: 13px 'Tahoma';
 text-shadow: 1px 1px #000000;
 color: #ffffff;
 padding-left: 10px;
 text-transform: uppercase;
}

.blocktitle2 {
 background: url(/web/28b.png) no-repeat;
 line-height: 15px;
 font: 12px 'Tahoma';
 text-shadow: 1px 1px #000000;
 color: #ffffff;
 padding-left: 10px;
 text-transform: uppercase;
}

.block-between {
 width: 256px;
 height: 16px;
 overflow: hidden;
 background: url(/web/29.png);
}

.block-between2 {
 width: 225;
 height: 16px;
 overflow: hidden;
 background: url(/web/29b.png);
}

.blockcontent {
 text-align: left;
 background: url(/.s/t/798/30.png);
 width: 256px;
}

.blockcontent2 {
 text-align: left;
 background: url(/web/30b.png);
 width: 225px;
}


.blockcontent-inside2 {
 margin-left: 10px;
 padding: 1px 0px;
 width: 205px;
}

.blockcontent-inside {
 margin-left: 10px;
 padding: 1px 0px;
 width: 236px;
}

.blockbottom {
 width: 256px;
 height: 5px;
 overflow: hidden;
 background: url(/.s/t/798/31.png);
 margin-bottom: 5px;
}

.blockbottom2 {
 width: 225;
 height: 5px;
 overflow: hidden;
 background: url(/web/31b.png);
 margin-bottom: 5px;
}


.block-betweena {
 width: 256px;
 height: 16px;
 overflow: hidden;
 background: url(/web/29a.png);
}

.blockcontenta {
 text-align: left;
 background: url(/web/30a.png);
 width: 256px;
}

.blockbottoma {
 width: 256px;
 height: 5px;
 overflow: hidden;
 background: url(/web/31a.png);
 margin-bottom: 5px;
}

.blockcontent ul {
 margin: 0;
 padding: 0;
}

.blockcontent li {
 margin-left: 15px;
}

.blockcontent li a {}

.blockcontent li a:hover {}

.blockcontent a {
 color: #d5793f;
}

.blockcontent a:hover {}

.catsTable {
 border-collapse: collapse;
}

.catsTd {
 line-height: 18px;
 font-size: 10px;
 text-transform: uppercase;
 color: #525252;
 border-top: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
 padding: 6px 10px;
}

.catsTd a {
 color: #525252;
}

td.catsTd:hover {
 background: #F05014;
 color: #ffffff;
}

td.catsTd:hover a {
 color: #ffffff;
}

.calTable td {
 font: 10px 'Tahoma';
 color: #777777;
 padding: 5px 10px;
}

a.calMonthLink {
 color: #C64110;
}

td.calMdayIs, .calMdayIsA {
 color: #ffffff;
 background: #f19e61;
}

a.calMdayLink {
 color: #ffffff;
}

td.calWday {}

td.calWdaySe, td.calWdaySu {
 color: #ffffff;
 background: #F05014;
}

td.calMdayA {
 font-weight: bold;
 color: #C64110;
}

a.groupAdmin {
 color: #ff0000;
}

.swchItem span, .swchItemA span {
 background: url(/web/32.png) repeat-x;
 padding: 3px 5px;
 color: #ffffff;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.swchItem span:hover {
 background-position: 0px -18px;
}

.swchItem span:active {
 background-position: 0px -36px;
}

.swchItem span:active {}

a.swchItem {
 color: #ffffff;
}

td.pagesinfo, td.switchActive, td.switch {
 border: 1px solid #e1e1e1;
 padding: 3px 5px;
}


td.switchActive, td.switch {
 background: #cdcccc;
}



/*---------------- Mainmenu start------------*/

#mainmenu {
 text-align: left;
 width: 980px;
 margin: 0px 10px;
 margin-left: 7px;
}

#mainmenu li {
 float: left;
 height: 44px;
 line-height: 44px;
}

#mainmenu li a {
 display: block;
 margin-top: 9px;
 margin-left: 5px;
 font: 11px/25px 'Tahoma';
 color: #F05014;
 padding: 0px 10px;
 text-transform: uppercase;
 border: 1px solid transparent;
 white-space: nowrap;
}

#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a.uMenuItemA {
 font: 11px/25px 'Tahoma';
 color: #ffffff;
 background: #C54110;
 padding: 0px 10px;
 text-decoration: none;
 border-left: 1px solid #7D290A;
 border-top: 1px solid #7D290A;
 border-right: 1px solid #f1f1f1;
 border-bottom: 1px solid #f1f1f1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.uMenuH li {float:left;padding: 0 5px;list-style:none;}

ul.uMenuRoot {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

.uMenuV li {}

.uMenuV .uMenuItem {}

.uMenuV a {}

.uMenuV .uMenuItem a:hover {}

.uMenuV .uMenuItem a:active {}

.uMenuV a.uMenuItemA {}

.uMenuV .uMenuItem span {}

#mainmenu .x-sh {
 display: none;
}

#mainmenu .xw-tl, #mainmenu .xw-tc, #mainmenu .xw-tr, #mainmenu .xw-bl, #mainmenu .xw-bc, #mainmenu .xw-br {
 display: none;
}

#mainmenu .xw-ml, #mainmenu .xw-mr {
 padding: 0 !important;
}


#mainmenu .u-menu .u-menubody, #mainmenu .u-menu .xw-mc {
 border: 0 !important;
}

#mainmenu .u-menu .u-menuvitem {
 background: #C54110;
}

#mainmenu .u-menu .u-menuvitem:first-child {
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px
}

#mainmenu .u-menu .u-menuvitem:last-child {
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px
}

.u-menubody span {
 color: #ffffff !important;
 font: 11px 'Tahoma';
 text-transform: uppercase;
}

#mainmenu .u-menu {
 margin-left: 4px;
}

#mainmenu .u-menu a {
 padding: 5px 7px;
}

#mainmenu .u-menu a.u-menuvitem {
 border-bottom: 1px solid #FF7F00;
 border-top: 1px solid #7D290A;
}


#mainmenu .u-menu .u-menuitemhl {
 background: #F05014 !important;
}

#mainmenu .xw-ml, #mainmenu .xw-mc, #mainmenu .xw-mr, #mainmenu .u-menubody, #mainmenu .u-menucont {
 background: none !important;
}

.u-menuarrow {
 width: 5px !important;
 height: 8px !important;
 top: 11px !important;
 right: 5px !important;
 background: url(/web/33.png) no-repeat !important;
}

#mainmenu .uMenuArrow {
 position: absolute;
 /*height: 5px;
 width: 17px;
 top: 100%;
 margin-top: -7px;
 left: 50%;
 margin-left: -8px;*/
 height: 17px;
 width: 5px;
 top: 14px;
 right: 2px;
 background: url(/.s/t/798/34.png) no-repeat;
}


#mainmenu li:hover .uMenuArrow {
 display: none;
}

/*------------------- Mainmenu end -------------------*/
/*--------------------- Containers end ---------------------*/


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

#footer {
 width: 1000px;
 text-align: left;
 border-top: 1px solid #c6c6c6;
 background: #;
 padding-top: 0px;
}

#left {
 float: left;
 width: 200px;
 margin-left: 10px;
 text-align: left;
}

#middle {
 float: left;
 width: 200px;
 margin-left: 10px;
 text-align: center;
}

#right {
 float: left;
 width: 200px;
 margin-right: 10px;
 text-align: right;
}

#inf1 a{
 float: left;
 width: 200px;
 margin-left: 10px;
 text-align: left;
 color: #6b6b6b;
 font: 12px 'Tahoma';
 text-transform: none;
 line-height: 20px;
 text-decoration: none;
 margin-left: 8px;
 outline: none;
 vertical-align: middle
}

#inf1 {
 float: left;
 text-align: left;
 color: #6b6b6b;
 font: 12px 'Tahoma';
 text-transform: none;
 line-height: 20px;
 text-decoration: none;
 outline: none;
 vertical-align: middle
}

#inf1 a:hover {
 color: #FFFFFF;
}


#inf {
 float: left;
 width: 205px;
 height: 130px;
 margin-left: 10px;
 margin-right: 10px;
 text-align: left;
 color: ;
 font: 12px 'Tahoma';
 text-transform: uppercase;
 line-height: 20px;
 text-decoration: none;
 outline: none;
 background: #101010;
 padding: 0px 10px;
 border-left: 1px solid #a1a1a1;
 border-top: 1px solid #a1a1a1;
 border-right: 1px solid #404040;
 border-bottom: 1px solid #404040;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

#copyrgt {
 margin-top: 10px;
 float: center;
 text-align: center;
}

#powered_by img {
 vertical-align: middle !important;
}

#footer-top {
 clear: both;
 width: 1000px;
 height: 5px;
 overflow: hidden;
 background: url(/.s/t/798/35.png);
 margin-bottom: 10px;
}

#footer-bottom {
 clear: both;
 width: 1000px;
 height: 5px;
 overflow: hidden;
 margin-bottom: 10px;
}

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


/*--------------------- Forum start ---------------------*/

.forumContent {
}

.forumContent a {}

.forumContent table {}

.gTable, .postTable {
 background: #ffffff;
}

.gTable td {
 background: #ffffff;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.postTable td {
 border-collapse: collapse;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

td.postRest1, td.postRest2, td.postFirst {
 border: 0px;
}

.gTable td.gTableTop {
 padding: 0px 10px;
 border: 0px solid #F05014;
 background: url(/web/26.png) no-repeat top right;
 font: 14px/32px 'Tahoma';
 color: #FFFFFF;
 text-transform: uppercase;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.gTableTop a {
 color: #FFFFFF;
}

.gTableTop a:hover {}

.gTable td.gTableSubTop {
 background: #e1e1e1;
 color: #848484;
 border: 0px;
 font-size: 10px;
}

.gTableSubTop a {
 color: #848484;
}

.gTableTop, .gTableSubTop, .forumNameTd, .forumThreadTd, .forumPosrTd, .forumLastPostTd, .threadNametd, .threadPostTd, .threadAuthTd, .threadViewTd, .threadLastPostTd, td.threadsDetails, td.forumOnlineBar {
 padding: 4px 10px;
}

#frM6 td, #frM14 td, #frM50 td, #frM56 td, #frM59 td, #frM3 td, #frM45 td {
 padding: 4px 10px;
}

.postBottom table td {
 border: 0px;
}

.postTable td {
 padding: 4px 10px;
}

.postSeparator {
 display: none;
}

.posttdMessage {
 text-align: justify;
}

.threadPostTd, .threadViewTd, .threadAuthTd, .forumThreadTd, .forumPostTd {
 text-align: center !important;
}

a.TopSortLink {}

a.TopSortLink:hover {}

a.postUser {
 font-weight: bold;
}

a.forum, a.threadLink {
 font-size: 12px;
 color: #F05014;
}

.quoteMessage {}

.forumDescr, .threadDescr {
 font-size: 10px;
 color: #a1a1a1;
}

td.postTdTop {
 background: #e1e1e1;
}

td.postTdTop a {}

td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.threadIcoTd, td.threadPostTd, td.threadViewTd {
 padding: 2px;
}

td.pollQuestion, .pollResults td, td.pollResults, td.pollTotal, td.pollAnswer, td.pollButtons, .smiles td{
 border: 0px;
}

td.pagesInfo, td.switch, td.switchActive {}

td.switch, td.switchActive {}

td.switch a {}

.switchActive {
 font-weight: bold;
}

/*--------------------- Forum end ---------------------*/


/*--------------------- INPUTS start ---------------------*/

input[type=submit], input[type=reset], input[type=button] {
 background: url(/web/32.png);
 border: 1px solid #F05014;
 border-radius: 5px;
 -moz-border-radius: 5px;
 font: 10px 'Tahoma';
 color: #ffffff;
 text-transform: uppercase;
 cursor: pointer;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 2px;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
 background-position: 0px -18px;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
 background-position: 0px -36px;
}

input[type=text], input[type=password] {
 background: #ffffff;
 border: 1px solid #abadb3;
 padding: 2px 2px;
}

input[type=text]:hover, input[type=password]:hover {
 background: #EBE4DD;
}

textarea {
 background: #ffffff;
 border: 1px solid #abadb3;
 padding: 2px 2px;
}

textarea:hover {
 background: #EBE4DD;
}

#mchatBtn, input.codeButtons, input.button {
 padding-left: 0px;
 padding-right: 0px;
 text-transform: none;
}

.searchForm {
 height: 27px;
 overflow: hidden;
}

#search input.queryField {
 background: none;
 width: 159px !important;
 float: left;
 border: 0px;
 font-size: 11px;
 display: inline;
 margin-top: 5px;
 padding-left: 6px;
}

#search input.queryField:hover {
 background: none;
}

#search input.queryField:focus {
 outline: none;
}

#search input.searchSbmFl {
 float: left;
 height: 27px;
 width: 33px;
 text-indent: -1000px;
 border: 0px;
 margin: 0;
 padding: 0;
 border-radius: 0px;
 -moz-border-radius: 0px;
 background: none;
 display: inline;
 cursor: pointer;
}

input.searchSbmFl:hover {
 background-position: 0px 0px;
}

textarea.commFl {
 width: 100%;
}

.commTable {
 background: #e5e5e5;
 border: 1px solid #cdcdcd;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

/*--------------------- INPUTS end ---------------------*/


/*--------------------- POPUP start ---------------------*/

.popup a {}

.popup {
 margin: 10px;
 background: #ffffff;
 border: 1px solid #cdcdcd;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.popuptitle {
 background: url(/.s/t/798/36.gif);
 height: 34px;
 font: 13px/33px 'Tahoma';
 text-shadow: 1px 1px #d2753d;
 color: #ffffff;
 padding-left: 10px;
 text-transform: uppercase;
 text-align: left;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.popuptitle2 {
 background: #000000;
 height: 34px;
 font: 13px/33px 'Tahoma';
 text-shadow: 1px 1px #848484;
 color: #ffffff;
 padding-left: 10px;
 text-transform: uppercase;
 text-align: left;
 border-left: 1px solid #a1a1a1;
 border-top: 1px solid #a1a1a1;
 border-right: 1px solid #404040;
 border-bottom: 1px solid #404040;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.popupbody {
 margin: 10px;
}

/*--------------------- POPUP end ---------------------*/


#escarapela {
	position:relative;
	top:10px;
	left:-300px;
        width: 70px;
}

#escarapela2 {
	position:relative;
	top:10px;
	left:-100px;
        width: 70px;
}


/*
	Page style
*/

#container {
	width:100%;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:100%;
	height:400px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-1px;
	left:30px;
	z-index:500;
}

#frame {
	position:relative;
	z-index:0;
	width:100%;
	height:400px;
	top:-3px;
	left:-80px;
}

/*--------------------- Slideshow ---------------------*/

#slides {
	position:relative;
	top:5px;
	left:5px;
        right:5px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:650px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:650px;
	height:375px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left:8px;
	display:block;
	z-index:101;
}

#slides .next {
	left:680px;
}

/*
	Pagination
*/

.pagination {
	margin:10px auto 0;
	width:630px;
}

.pagination li {
	float:center;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

#footerb {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footerb p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*--------------------- Media Player ---------------------*/

.audio-player,
.audio-player div,
.audio-player h1,
.audio-player a,
.audio-player img,
.audio-player span,
.audio-player button {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

div.audio-player {
	position: relative;
	width: 400px;
	height: 120px;
	
	background: #4c4e5a;
	background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Title */
.audio-player h1 {
	position: absolute;
	top: 37px;
	left: 165px;

	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ececec;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
}

/* Cover */
.audio-player .cover {
	position: absolute;
	top: 0;
	left: 0;
}

/* Buttons */
.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px;
}

/* Play & Pause */
.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
	width: 21px;
	height: 21px;
	top: 35px;
	left: 135px;
	background: transparent url(/img/play-pause.png) 0 0;
}

.mejs-controls .mejs-pause button { background-position:0 -21px; }

/* Mute & Unmute */
.mejs-controls .mejs-mute button,
.mejs-controls .mejs-unmute button {
	width: 14px;
	height: 12px;
	top: 70px;
	left: 140px;
	background: transparent url(/img/mute-unmute.png) 0 0;
}

.mejs-controls .mejs-unmute button { background-position: 0 -12px; }

/* Volume Slider */
.mejs-controls div.mejs-horizontal-volume-slider {
	position: absolute;
	top: 71px;
	left: 165px;
	cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 200px;
	height: 8px;
	background: #212227;

	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
	box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	height: 6px;
	top: 1px;
	left: 1px;
	background: url(/img/volume-bar.png) repeat-x;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Progress Slider */
.mejs-controls div.mejs-time-rail { width: 400px; }

.mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	width: 400px;
	height: 5px;
	left: 0;
	bottom: 0;
	cursor: pointer;
	
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}

.mejs-controls .mejs-time-rail .mejs-time-total { background: #999999; }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	width: 0;
	background: #cccccc;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #64b44c;
}

/* Volume Slider & Progress Bar Handle */
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	position: absolute;
	display: block;
	width: 12px;
	height: 14px;
	top: -4px;
	background: url(/img/handle.png) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { top: -2px; }

/* Time Float Box */
.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 23px;
	top: -26px;
	margin-left: -17px;
	background: url(/img/time-box.png);
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

/*************************************************

*************************************************/

/* Pretty printing styles. Used with prettify.js. */

/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 }  /* plain text */

@media screen {
  .str { color: #080 }  /* string content */
  .kwd { color: #008 }  /* a keyword */
  .com { color: #800 }  /* a comment */
  .typ { color: #606 }  /* a type name */
  .lit { color: #066 }  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo { color: #660 }
  .tag { color: #008 }  /* a markup tag name */
  .atn { color: #606 }  /* a markup attribute name */
  .atv { color: #080 }  /* a markup attribute value */
  .dec, .var { color: #606 }  /* a declaration; a variable name */
  .fun { color: red }  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str { color: #060 }
  .kwd { color: #006; font-weight: bold }
  .com { color: #600; font-style: italic }
  .typ { color: #404; font-weight: bold }
  .lit { color: #044 }
  .pun, .opn, .clo { color: #440 }
  .tag { color: #006; font-weight: bold }
  .atn { color: #404 }
  .atv { color: #060 }
}

pre.prettyprint, code.prettyprint {
	background-color: #eee;
	border:  1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

pre.prettyprint {
	padding: 0;
}

ol.linenums{margin-top:0;margin-bottom:0}

ol.linenums li{padding:0 0 0 5px}

li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{list-style-type:none}
li.L1,li.L3,li.L5,li.L7,li.L9{background:#e8e8e8}

/*
 * Project: CirclePlayer
 * http://www.jplayer.org
 *
 * Copyright (c) 2011 Happyworm Ltd
 *
 * Author: Silvia Benvenuti
 * Edited by: Mark J Panaghiston
 * Date: 6th May 2011
 * Artwork inspired by: http://forrst.com/posts/Untitled-CJz
 */

.cp-container {
	position: relative;
	width: 104px; /* 200 - (2 * 48) */
	height: 104px;
	background: url("http://jplayer.org/latest/skin/circle.skin/bgr.jpg") 0 0 no-repeat;
	padding: 48px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.cp-container :focus {
	border:none; 
	outline:0;
}

.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 104px;
	clip:rect(0px,52px,104px,0px);

	-moz-border-radius:52px;
	-webkit-border-radius:52px;
	border-radius:52px;
}

.cp-buffer-1,
.cp-buffer-2 {
	background: url("http://jplayer.org/latest/skin/circle.skin/buffer.png") 0 0 no-repeat;
}     


/* FALLBACK for .progress
 * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
 * (It needs the container selector to work. Or use div)
 */ 

.cp-container .cp-fallback {
	background: url("http://jplayer.org/latest/skin/circle.skin/progress_sprite.jpg") no-repeat;
	background-position: 0 104px; 
}

.cp-progress-1,
.cp-progress-2 {
	background: url("http://jplayer.org/latest/skin/circle.skin/progress.png") 0 0 no-repeat;
} 

.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
	position:absolute;
	width:104px;
	height:104px;
} 

.cp-circle-control {
	cursor:pointer;
}

.cp-buffer-holder,
.cp-progress-holder {
	clip:rect(0px,104px,104px,52px);
	display:none;
}


/* This is needed when progress is greater than 50% or for fallback */

.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress.cp-fallback{
	clip:rect(auto, auto, auto, auto);
}  

.cp-controls {
	margin:0;
	padding: 26px;
}

.cp-controls li{
	list-style-type:none;
	display: block;

	/*IE Fix*/  
	position:absolute;
}

.cp-controls li a{
	position: relative;
	display: block;
	width:50px;
	height:50px;
	text-indent:-9999px;
	z-index:1;      
}

.cp-controls .cp-play {
	background: url("http://jplayer.org/latest/skin/circle.skin/controls.jpg") 0 0 no-repeat;
}

.cp-controls .cp-play:hover {
	background: url("http://jplayer.org/latest/skin/circle.skin/controls.jpg") -50px 0 no-repeat;
}

.cp-controls .cp-pause {
	background: url("http://jplayer.org/latest/skin/circle.skin/controls.jpg") 0 -50px no-repeat;
}

.cp-controls .cp-pause:hover {
	background: url("http://jplayer.org/latest/skin/circle.skin/controls.jpg") -50px -50px no-repeat;
}

.cp-jplayer {
	width: 0;
	height: 0; 
}