* {
	margin:  0;
	padding: 0;
	outline: 0;
}

body {
	background: #131313 url('../static/images/header_line.png') repeat-x;
	font:       bold 15px Arial;
	text-align: right;
}

body.facebook {background-image: none;}

header, footer, .page, .subpage {
	position: relative;
	width:    980px;
	margin:   0 auto;
}

.subpage article, .subpage #social, .transcription {
	width: 750px;
}

body.facebook .page {
	width:        778px;
	margin:       0;
	padding-left: 32px;
}

body.facebook article {
	width:       810px;
	margin-left: -32px;
}

aside {
	float: right;
	width: 220px;
}

.c {clear: both;}

.strip {height: 33px;}

.world {
	position:          absolute;
	top:               28px;
	right:             246px;
	width:             1024px;
	height:            328px;
	background-image:  url('../static/images/header_backgrn.jpg');
	background-repeat: no-repeat;
}

ul.langs a {
	display:         block;
	width:           51px;
	line-height:     28px;
	padding:         0 8px 5px;
    color:           #d8eafe;
    font-family:     Georgia, Times New Roman, Times,serif;
	font-weight:     normal;
    font-size:       14px;
    text-decoration: none;
	text-align:      center;
}

ul.langs  a.ar {
	font-family:       Arial;
	font-size:         18px;
	background-image:  url('../static/images/header_strip_active2.png');
	background-repeat: none;
}

a.rt {
	display:           block;
	float:             left;
	width:             28px;
	height:            28px;
	background-image:  url('rt.png');
	background-repeat: no-repeat;
}

a.title {
	position:          relative;
	z-index:           1;
	display:           block;
	width:             980px;
	height:            140px;
	margin:            5px auto 20px;
	background-image:  url('header_jc_ar.png');
	background-repeat: repeat-x;
}

ul.langs,
ul.langs li {float: right;}
ul.langs {list-style-type: none;}

video {background: #000;}

#social {
	height:  30px;
	padding: 7px 0;
}

.soc {float: left;}

a.button {text-decoration: none;}

a.button,
a.button span {
	float:             right;
	height:            30px;
	line-height:       30px;
}

a.button span {background-image:  url('../static/images/comments_btn.png');}

a.button span.left,
a.button span.right, a.button span.back{
	width:             11px;
	background-repeat: no-repeat;
}

a.button span.left {
	float:               left;
	background-position: 0 -30px;
}

a.button span.right {background-position: 0 -60px;}
a.button span.back {background-position: 0 -240px;}
a.button:link, a.button:visited {color: black;}
a.button:hover span.left,
a.button:active span.left {background-position: 0 -150px;}
a.button:hover span.text,
a.button:active span.text {background-position: 0 -120px;}
a.button:hover span.right,
a.button:active span.right {background-position: 0 -180px;}
a.button:hover span.back,
a.button:active span.back {background-position: 0 -270px;}

nav#tabs {
    display:             block;
    height:              34px;
	margin:              18px 0;
    background-image:    url('../static/images/tabs_bg.png');
	background-repeat:   repeat-x;
	background-position: 0 -150px;
}

nav#tabs ul {list-style-type: none;}
nav#tabs li,
nav#tabs span {float: right;}

nav#tabs span {
	height:      34px;
	line-height: 34px;
}

nav#tabs  li.active span {
	background-image:  url('../static/images/tabs_bg.png');
	background-repeat: repeat-x;
}

nav#tabs  li.active span.text {background-position: 0 -50px;}
nav#tabs span.left, nav#tabs span.right {width: 10px;}
nav#tabs  li.active span.right {background-position: 0 -100px;}
nav#tabs a:link, nav#tabs a:visited {color: #075272;}
nav#tabs a:hover, nav#tabs a:active {color: #006666;}

nav#tabs  li.active a:link,
nav#tabs  li.active a:visited,
nav#tabs  li.active a:hover,
nav#tabs  li.active a:active {color: #fff;}


.transcription  article {
	color:      #8b8b8b;
	font-size:  18px;
	text-align: justify;
}

.transcription p {margin-bottom: 8px;}
.transcription p.answer {color: green;}
.transcription p.source {color: red;}

#videos {
	position:   relative;
	height:     307px;
	margin-top: 26px;
}

body.facebook #videos {width: 744px;}

aside #videos, aside #videos ul {height: auto;}

aside #videos {margin-top: 0;}

#videos .wrap {
	position:          relative;
	overflow:          hidden;
	height:            200px;
	padding:           53px 0;
	background-image:  url('../static/images/videoline_bgr.png');
	background-repeat: repeat-x;
}

#videos ul {
	position:        relative;
	left:            0;
	top:             0;
	overflow:        hidden;
	height:          200px;
	list-style-type: none;
}

#videos li {
	position:      relative;
	float:         right;
	width:         320px;
	height:        182px;
	padding:       9px;
	padding-right: 11px;
}

#videos li.active {background-image: url('../static/images/video_frame_active.png');}
aside #videos li.active {background-image: url('../static/images/video_frame_left_active.png');}

aside #videos li {
	float:         none;
	width:         auto;
	height:        121px;
	margin-right:  0;
	margin-bottom: 15px;
	padding:       3px;
	padding-left:  5px;
}

#videos  img {display: block;}
aside #videos img {width: 100%;}

#videos a.play {
	position:            absolute;
	z-index:             1;
	top:                 0;
    display:             block;
    width:               100%;
    height:              100%;
    background-image:    url('../static/images/play.png');
	background-position: center;
	background-repeat:   no-repeat;
}

aside #videos a.play {background-position: 3px 7px;}
aside #videos a.play:hover,
aside #videos a.play:active {background-color: rgba(0, 0, 0, 0.18);}

#videos .text {
	position:         relative;
    display:          block;
	height:           38px;
	margin-top:       -44px;
    padding:          3px 5px;
    background-color: rgba(0, 0, 0, 0.66);
    color:            #fff;
    font:             bold 14px/19px Arial;
}

#videos .prev, #videos .next {
	position:          absolute;
	top:               0;
	width:             16px;
	height:            300px;
	background-image:  url('shadow.png');
	background-repeat: no-repeat;
}

#videos .prev {right: 0;}

#videos .next {
	left:                0;
	background-position: -15px;
}

#videos .prev a, #videos .next a {
	position:          absolute;
	top:               50%;
	margin-top:        -21px;
	display:           block;
	width:             23px;
	height:            42px;
	background-repeat: no-repeat;
}

#videos .next a {margin-left: -28px;}

#videos .next a:link,
#videos .next a:visited {background-image:  url('../static/images/arrow_left.png');}
#videos .next a:hover,
#videos .next a:active {background-image:  url('../static/images/arrow_left_h.png');}
#videos .prev a {margin-left: 21px;}
#videos .prev a:link,
#videos .prev a:visited {background-image:  url('../static/images/arrow_right.png');}
#videos .prev a:hover,
#videos .prev a:active {background-image:  url('../static/images/arrow_right_h.png');}

footer {
    clear:          both;
    margin-top:     83px;
    padding-bottom: 20px;
    border-top:     1px solid #030303;
    color:          #353535;
    text-align:     right;
}

footer div {
	padding-top: 19px;
	border-top:  1px solid #272727;
    font-family: Tahoma;
	font-weight: normal;
	font-size:   17px;
}

#addthis {
	overflow: hidden;
	height:   0;
}

#social #addthis {
	float:  left;
	height: auto;
}

.time {
	position:            relative;
	z-index:             1;
    height:              535px;
	background-image:    url('../static/images/sand_watch.png');
	background-repeat:   no-repeat;
	background-position: center top;
    text-align:          center;
}

.error {
    color: #343434;
    font-size: 24px;
}

.error span {display: block;}

span.error_code {font: normal 88px/88px Arial;}

span.error_text {
    padding-bottom: 52px;
    padding-top:    33px;
    color:          #666666;
}

.time a {
    font-size:       15px;
	text-decoration: none;
}

.time a:link,
.time a:visited {color: #0C445C;}
.time a:hover,
.time a:active {color: #0F6D95;}