@charset "utf-8";
/* 
------------------------------------------------------
tnk.com.tr theme was designed and coded by Creaspaces 
For more information please enter our website
Creaspaces.net
------------------------------------------------------
*/


body{margin:0px; padding:0px; font-family:Arial, sans-serif; font-weight:normal; background:url(http://www.tnk.com.tr/img/backgrounds/bg.gif) repeat-y center top #212121;}
ul,li,p {list-style:none; padding:0px; margin:0px;}
img {border:0px;}

.visibilityHidden {visibility:hidden;}
.displaynone {display:none;}

.font9{font-size:7px; color:#959595;} .font9 a{font-size:9px; text-decoration:none; color:#959595;} .font9 a:hover{font-size:9px; text-decoration:underline; color:#959595;}
.font9h{font-size:7px; color:#959595;} .font9h a{font-size:9px; text-decoration:none;color:#959595;} .font9h a:hover{font-size:9px; text-decoration:underline;color:#959595;}

.font10{font-size:8px;}
.font10b{font-size:8px; color:#000; font-weight:normal;} .font10b a{font-size:8px; text-decoration:none; color:#000; font-weight:normal;} .font10b a:hover{font-size:8px; text-decoration:underline; color:#000; font-weight:normal;}
.font10w{font-size:8px; color:#fff; font-weight:normal;} .font10w a{font-size:8px; text-decoration:none; color:#fff; font-weight:normal;} .font10w a:hover{font-size:8px; text-decoration:underline; color:#fff; font-weight:normal;}
.font10g{font-size:8px; color:#959595; font-weight:normal;} .font10g a{font-size:8px; text-decoration:none; color:#959595; font-weight:normal;} .font10g a:hover{font-size:8px; text-decoration:underline; color:#959595; font-weight:normal;}

.font11{font-size:9px;}
.font11b{font-size:9px; color:#000; font-weight:normal;} .font11b a{font-size:9px; text-decoration:none; color:#000; font-weight:normal;} .font11b a:hover{font-size:9px; text-decoration:underline; color:#000; font-weight:normal;}
.font11w{font-size:9px; color:#fff;} .font11w a{font-size:9px; text-decoration:none; color:#fff;} .font11w a:hover{font-size:9px; text-decoration:underline; color:#fff;}
.font11g{font-size:9px; color:#3f3e3e; font-weight:normal;} .font11g a{font-size:9px; text-decoration:none; color:#3f3e3e;} .font11g a:hover{font-size:9px; text-decoration:underline; color:#3f3e3e;}

.font12g{font-size:10px; color:#959595; font-weight:normal;} .font12g a{font-size:10px; text-decoration:none; color:#959595;} .font12g a:hover{font-size:10px; text-decoration:underline; color:#959595;}
.font12b{font-size:10px; color:#000; line-height:12pt; font-weight:normal;} .font12b a{font-size:10px; text-decoration:none; color:#000;} .font12b a:hover{font-size:10px; text-decoration:underline; color:#000;}
.font12h{font-size:10px; color:#000; line-height:12pt} .font12h a{font-size:10px; text-decoration:none; color:#000;} .font12h a:hover{font-size:10px; text-decoration:underline; color:#000;}
.font12w{font-size:10px; color:#fff;} .font12w a{font-size:10px; text-decoration:none; color:#fff;} .font12w a:hover{font-size:10px; text-decoration:underline; color:#fff;}

.font13w{font-size:11px; color:#fff; line-height:13pt;} .font13w a{font-size:11px; text-decoration:none; color:#fff;} .font13w a:hover{font-size:11px; text-decoration:underline; color:#fff;}
.font13g{font-size:11px; color:#2e2d2d; line-height:13pt;} .font13g a{font-size:11px; text-decoration:none; color:#2e2d2d;} .font13g a:hover{font-size:11px; text-decoration:underline; color:#2e2d2d;}
.font13d{font-size:11px; color:#4b4949; line-height:13pt;} .font13d a{font-size:11px; text-decoration:none; color:#4b4949;} .font13d a:hover{font-size:11px; text-decoration:underline; color:#4b4949;}
.font13r{font-size:11px; color:#a11823; line-height:13pt;} .font13r a{font-size:11px; text-decoration:none; color:#a11823;} .font13r a:hover{font-size:11px; text-decoration:underline; color:#a11823;}
.font13b{font-size:11px; color:#364a53; line-height:13pt;} .font13b a{font-size:11px; text-decoration:none; color:#364a53;} .font13b a:hover{font-size:11px; text-decoration:underline; color:#364a53;}

.font14{font-size:12px; color:#000; line-height:14pt;} .font14 a{font-size:12px; text-decoration:none; color:#000;} .font14 a:hover{font-size:12px; text-decoration:underline; color:#000;}
.font14g{font-size:12px; color:#959595; line-height:14pt;} .font14g a{font-size:12px; text-decoration:none; color:#959595;} .font14g a:hover{font-size:12px; text-decoration:underline; color:#959595;}
.font14w{font-size:12px; color:#fff; line-height:14pt;} .font14w a{font-size:12px; text-decoration:none; color:#fff;} .font14w a:hover{font-size:12px; text-decoration:underline; color:#fff;}
.font14r{font-size:12px; color:#a11823; line-height:14pt;} .font14r a{font-size:12px; text-decoration:none; color:#a11823;} .font14r a:hover{font-size:12px; text-decoration:underline; color:#a11823;}
.font14b{font-size:12px; color:#364a53; line-height:14pt;} .font14b a{font-size:12px; text-decoration:none; color:#364a53;} .font14b a:hover{font-size:12px; text-decoration:underline; color:#364a53;}


.font16{font-size:14px; color:#fff;} .font16 a{font-size:14px; text-decoration:none; color:#fff;} .font16 a:hover{font-size:14px; text-decoration:underline; color:#fff;}
.font16g{font-size:14px; color:#959595; margin-bottom:10px; font-weight:normal;} .font16g a{font-size:14px; text-decoration:none; color:#959595;} .font16g a:hover{font-size:14px; text-decoration:underline; color:#959595;}

.font18white {font-size:16px; color:#fff;} .font18white a{font-size:16px; text-decoration:none; color:#fff;} .font18white a:hover{font-size:16px; text-decoration:underline; color:#fff;}

.font21white {font-size:19px; color:#fff;} .font21white a{font-size:19px; text-decoration:none; color:#fff;} .font21white a:hover{font-size:19px; text-decoration:underline; color:#fff;}
.font21black {font-size:19px; color:#000;} .font21white a{font-size:19px; text-decoration:none; color:#000;} .font21white a:hover{font-size:19px; text-decoration:underline; color:#000;}

.font25white {font-size:23px; color:#fff;} .font25white a{font-size:23px; text-decoration:none; color:#fff;} .font25white a:hover{font-size:23px; text-decoration:underline; color:#fff;}
.font25red{font-size:23px; color:#a11823;} .font25red a{font-size:23px; text-decoration:none; color:#a11823;} .font25red a:hover{font-size:23px; text-decoration:underline; color:#a11823;}
.font25black {font-size:23px; color:#000;} .font25black a{font-size:23px; text-decoration:none; color:#000;} .font25black a:hover{font-size:23px; text-decoration:underline; color:#000;}
.font25gray {font-size:23px; color:#303030;} .font25gray a{font-size:23px; text-decoration:none; color:#303030;} .font25gray a:hover{font-size:23px; text-decoration:underline; color:#303030;}
.font25whiter {font-size:23px; color:#fff;} .font25white a{font-size:23px; text-decoration:none; color:#fff;} .font25white a:hover{font-size:23px; text-decoration:underline; color:#fff;}
.font25whiter span {background:#000; padding:5px;}

.font30w {font-size:28px; color:#fff} .font30w a{font-size:28px; text-decoration:none; color:#fff;} .font30w a:hover{font-size:28px; text-decoration:underline; color:#fff;}
.font30b {font-size:28px; color:#000} .font30w a{font-size:28px; text-decoration:none; color:#000;} .font30w a:hover{font-size:28px; text-decoration:underline; color:#000;}

.font33b {font-size:31px; color:#000} .font33b a{font-size:33px; text-decoration:none; color:#000;} .font33b a:hover{font-size:33px; text-decoration:underline; color:#000;}

.font36w {font-size:34px; color:#fff} .font36w a{font-size:34px; text-decoration:none; color:#fff;} .font36w a:hover{font-size:34px; text-decoration:underline; color:#fff;}
.font36b {font-size:34px; color:#000} .font36b a{font-size:34px; text-decoration:none; color:#000;} .font36b a:hover{font-size:34px; text-decoration:underline; color:#000;}

.lineht15 {line-height:15pt;} .lineht17 {line-height:17pt;} .lineht19 {line-height:19pt;} .lineht21 {line-height:21pt;} .lineht23 {line-height:23pt;} .lineht25 {line-height:25pt;}


.uppercase {text-transform:uppercase;}

.tip{width:403px; height:auto; display:inline; float:left; position:relative; padding:10px; border:1px #2d2d2d solid; background:#2e2e2e; margin-bottom:15px;}
.error {width:400px; height:auto; display:inline; float:left; position:relative; padding:10px; border:1px #a11823 solid; margin-bottom:15px;}
.success {width:400px; height:auto; display:inline; float:left; position:relative; padding:10px; border:1px #3e7611 solid; background:#3e7611; margin-bottom:15px;}



.centered {width:900px; height:auto; position:relative; margin-left:auto; margin-right:auto; left:auto; right:auto;}

/*vertical align: middle for text*/
.text div{#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.text div div {width:650px; #position: relative; #top: -55%;}


ul#nav {width:100%; height:84px; position:relative; overflow:hidden; z-index:2;}
ul#nav li{width:110px; height:83px; display:inline; float:left; overflow:hidden; margin-right:2px; border-bottom:1px #fff solid; position:relative; top:-20px;}
ul#nav li.home{background:url(http://www.tnk.com.tr/img/nav/nav_home.gif) repeat-x;}
ul#nav li.news{background:url(http://www.tnk.com.tr/img/nav/nav_news.gif) repeat-x;}
ul#nav li.releases{background:url(http://www.tnk.com.tr/img/nav/nav_releases.gif) repeat-x;}
ul#nav li.tours{background:url(http://www.tnk.com.tr/img/nav/nav_tours.gif) repeat-x;}
ul#nav li.media{background:url(http://www.tnk.com.tr/img/nav/nav_media.gif) repeat-x;}
ul#nav li.widgets{background:url(http://www.tnk.com.tr/img/nav/nav_widgets.gif) repeat-x;}
ul#nav li.contact{background:url(http://www.tnk.com.tr/img/nav/nav_contact.gif) repeat-x;}
ul#nav li.band{background:url(http://www.tnk.com.tr/img/nav/nav_band.gif) repeat-x;}
ul#nav li a{width:110px; height:83px; display:inline; float:left; overflow:hidden;}

ul#header {width:100%; height:507px; position:relative; margin-top:-35px; overflow:hidden; z-index:1;}
ul#header li.logo {width:211px; height:93px; position:relative; overflow:hidden; top:50px;}
ul#header li#slider {width:900px; height:333px; position:relative; top:80px;}
ul#header li.#slider #cloud {position: relative; float: left; top:400px; display:none;}

ul#twitter {width:100%; height:78px; position:relative; border-bottom:1px #fff solid; border-top:1px #fff solid;}
ul#twitter li.logo{width:250px; display:inline; float:left; overflow:hidden;}
ul#twitter li.text{width:600px; display:inline; float:left; position:relative; top:10px; overflow:hidden;}
ul#twitter li.floral{width:59px; height:21px; position:relative; margin-left:auto; margin-right:auto; top:68px;}

ul#social {width:100%; height:50px; position:relative; margin-top:20px; margin-bottom:40px; overflow:hidden;}
ul#social li.link {width:auto; height:50px; display:inline; float:left; position:relative; margin-right:34px; overflow:hidden;}
ul#social li.linkNR {width:auto; height:50px; display:inline; float:left; position:relative; margin-left:2px; overflow:hidden;}
ul#social li.search {width:170px; height:42px; display:inline; float:left; position:relative; padding-top:8px; overflow:hidden;}
ul#social li.search input.searchvalue {width:160px; height:19px; border:1px #fff solid; padding-top:5px; padding-left:5px; background:none; font-family:Arial, sans-serif;}
ul#social li.button {width:35px; height:42px; display:inline; float:left; position:relative; padding-top:8px; overflow:hidden;}
ul#social li.button input.submit {width:35px; height:25px; padding-top:8px; border:0px; padding-left:5px; background:none; font-family:Arial, sans-serif;}

ul#content {width:100%; height:auto; position:relative; margin-top:10px;}
ul#content .left {width:425px; height:auto; display:inline; float:left; margin-right:50px;}
ul#content .right {width:425px; height:auto; display:inline; float:left; overflow:hidden;}

ul.module, ul.module li.build {width:100%; height:auto; display:inline; float:left; position:relative; overflow:hidden; margin-bottom:10px;}
ul.module {margin-bottom:30px;}
ul.module li.desc {width:420px; height:25px; padding-top:5px; padding-left:5px; background:#000;}
ul.module li.item {padding-left:1px;}
ul.module li.itemNoBackG {padding-top:17px; padding-left:1px; padding-bottom:17px;}

/*MODULE : NEWS*/
ul.module li.item div.image{width:40px; height:40px; display:inline; float:left; position:relative; margin-right:10px; overflow:hidden; border:1px #000 solid;}
ul.module li.item div.title{width:380; height:auto; display:inline; float:left; position:relative; overflow:hidden;}
ul.module li.item div.desc {width:100%; height:auto; display:inline; float:left; position:relative; overflow:hidden;}
ul.module li.item div.desc img {border:5px #fff solid; margin-top:5px; margin-bottom:15px;}


/*MODULE : TOURS*/
ul.module li.item div.calender {width:56px; height:55px; display:inline; float:left; position:relative; background:url(http://www.tnk.com.tr/img/module/item_calendar.png) no-repeat; margin-right:10px; text-align:center; padding-top:13px}
ul.module li.item div.calender_past {width:56px; height:55px; display:inline; float:left; position:relative; background:url(http://www.tnk.com.tr/img/module/item_calendar_past.png) no-repeat; margin-right:10px; text-align:center; padding-top:13px}
ul.module li.item div.time {width:50px; height:40px; display:inline; float:left; position:relative; border:1px #fff solid; background:#000; margin-right:10px; text-align:center; padding-top:10px}

/*MODULE : PHOTOS*/
ul.module li.itemNoBackG ul li.photos {width:72px; height:72px; display:inline; float:left; position:relative; margin-right:15px; margin-bottom:15px;}
ul.module li.itemNoBackG ul li.photoSmall {width:40px; height:40px; display:inline; float:left; position:relative; margin-right:7px; margin-bottom:7px;}


ul.module li.itemOV div.image{border:1px #db2130 solid;}
ul.module li.itemOV div.title{width:380; height:auto; display:inline; float:left; position:relative; overflow:hidden;}
ul.module li.itemOV div.calender {width:60px; height:40px; display:inline; float:left; position:relative; border:1px #fff solid; background:#000; margin-right:10px; text-align:center; padding-top:20px}
ul.module li.itemOV div.time {width:60px; height:50px; display:inline; float:left; position:relative; border:1px #fff solid; background:#000; margin-right:10px; text-align:center; padding-top:10px}


/*MODULE : Newsletter*/
.newsletterInput {width:425px; height:auto; display:inline; float:left; position:relative;}
.newsletterInput #inputarea {width:auto; height:auto; display:inline; float:left; overflow:hidden; margin-top:15px; margin-bottom:5px;}
.newsletterInput #inputarea .input {width:150px; height:19px; border:1px #fff solid; padding-top:5px; padding-left:5px; background:none; font-family:Arial, sans-serif; margin-right:15px;}
.newsletterInput #inputarea .submit {width:50px; height:auto; position:relative; margin-top:25px; border:0px; background:none; font-family:Arial, sans-serif;}

/*FOOTER*/

ul#footer {width:100%; height:auto; display:inline; float:left; position:relative; overflow:hidden; background:url(http://www.tnk.com.tr/img/footer/footer_top_line.gif) no-repeat top; padding-top:100px; padding-bottom:100px; margin-top:30px; margin-bottom:30px;}
ul#footer li.logo {width:270px; height:auto; display:inline; float:left; overflow:hidden; position:relative;}
ul#footer li.line {width:8px; height:220px; display:inline; float:left; overflow:hidden; position:relative; background:url(http://www.tnk.com.tr/img/footer/footer_beside_line.gif) no-repeat top;}
ul#footer li.menu1 {width:120px; height:auto; display:inline; float:left; overflow:hidden; position:relative; padding-left:30px;}
ul#footer li.menu2 {width:250px; height:auto; display:inline; float:left; overflow:hidden; position:relative; padding-left:10px;}


/*RELEASES*/
.coverarea {width:170px; height:auto; display:inline; float:left; overflow:hidden; margin-right:10px;}
.playlistarea {width:245px; height:auto; display:inline; float:left; overflow:hidden;}


/*VIMEO VIDEOS*/
.VimeoList {width:425px; height:50px;}
.VimeoList .thumb {width:50px; height:50px; display:inline; float:left; overflow:hidden; margin-right:15px;}
.VimeoList .desc {width:350px; height:72px; display:inline; float:left; overflow:hidden;}
#embed {margin-bottom:30px;}

.popup {width:100%; height:100%; display:none; background:url(http://www.tnk.com.tr/img/popup_bg.png) repeat; z-index:9999;}
.popup .in {width:auto; height:auto; position:relative; margin-left:auto; margin-right:auto; overflow:hidden; border:5px #fff solid;}
.popup .in .data {position:fixed;}
.loader {width:100%; height:auto; position:relative; margin-top:20%; text-align:center;}
.hidewindow {width:18px; height:18px; position:relative; margin-top:-29px; left:-30px; float:right; text-align:right; cursor:pointer;}
.popupcontent {width:600px; height:300px; position:relative; overflow:auto; padding:20px; border:1px #c9c9c9 solid;}
.popupwindow {width:642px; height:auto; position:relative;}
.popupRegister {width:442px; height:auto; position:relative;}
.popupcontentReg {width:400px; height:auto; position:relative; overflow:auto; padding:20px; border:1px #c9c9c9 solid;}