/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family:arial, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
blockquote *:first-child:after {content: "\201D";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}
/*
-----------------------------
CONTENT ONLY
-----------------------------
*/
/* BASE SIZES */
body {font-size: 1.2em; line-height: 1.6em; background:#000000;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}
/* LISTS */
ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";}
li {text-indent: -.85em; margin-left: .85em;}
li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}
/* TABLES */
table {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
th, td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}
/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
/*ul {margin-left: 1.5em;}*/
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}
/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}
/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #36c;}
a:visited {text-decoration: underline; color: #99c;}
a:hover {text-decoration: underline; color: #c33;}
a:active, a:focus {text-decoration: underline; color: #000;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */
/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}
/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}
#menu_body ul{margin-left:0; padding:0; list-style:none;}
.menu_head{margin: 1em auto auto 11px ;z-index: 100; border:1px solid #001E01;}
.menu_body {z-index: 100;margin: 0em auto auto 11px ; display:none; width:184px;border-right:1px solid #001E01;border-bottom:1px solid #001E01;border-left:1px solid #001E01;}
.menu_body li{background:#000000;}
.menu_body li.alt{background:#001E01;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 10px; font-weight:bold;}
#background {
float:right;
position:fixed;
z-index:-111;
width:100%;
min-width:1270px;
}
#logo {position:relative; margin-top:4em; margin-left:1em;}
#kapak {position:relative; margin:1em auto auto 1em;}
#main {height:100%; margin-top:0; padding:0 17%; min-width:810px; padding-top:15px; margin-left:30px;}
#sidebar {float:left; position:fixed;}
#menu {width:184px; position:relative;}
#content {z-index:100; color:white; padding:2em; overflow:auto;}
#content a {text-decoration:underline;}
#video-kutu {margin:auto;}
#contactFormArea {float:left;}
#upload {float:right;margin-top:-3.6em;}
#hayat-icon {margin:1em;}
#empire-link{margin-left:2.5em;}
.left {width: 30%; float:left;}
.right {float:right;margin-top:1.5em;}
body {
overflow: auto;background:#000; overflow-x: hidden;
}
/* styling of the container. */
.myplayer {
display:block;
width: 320px;
height:240px;
text-align:center;
margin:1em 0.2em 1.5em 1.5em;
float:left;
border:1px solid #999;
}
/* play button */
.myplayer img {
margin-top:70px;
border:0px;
}
/* when container is hovered we alter the border color */
.myplayer:hover {
border:1px solid #000;
}
fieldset { border:0;margin:0;padding:0; }
label { display:block; line-height:2em; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
#message_box {
position: absolute;
top: 0; left: 0;
z-index: 10;
background:#ffc;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
width:99%;
}
#link-kutu {color:white; width:184px;border:thin;}
div.comment_body {width:320px;float:right;}
#tweet_button {background:black;}
#video-aday {float:left;
height:17em;
margin-right:15px;
overflow:hidden;
width:150px;
}