/** RESPONSIVE STYLE BY SUNIL BHANUSHALI  **/
@media only screen and (min-width:500px) 
{html {background: #171717}
body{color:#999999; border:solid 2px #292929; font-family:Arial; background-color:#171717; margin: 10px auto; padding: 0px;min-width: 950px; max-width: 950px; border-radius: 0 0 10px 10px}
#pc {display:block} #mobile {diplay:none}}
/** MOBILE VIEW**/
@media only screen and (max-width:500px) 
{
body{color:#999999;border:solid 1px #292929;font-size:11px;font-family:Arial;background-color:#171717;margin:auto;padding:1px 1px 0;max-width:450px;}
#mobile{display: block;}
#pc {display: none; }
}
/** Kat9.Sextgem.CoM **/
h1 {text-decoration: bold;color:#999999;background-color:#404040;background-repeat:repeat-x;background-position:50% top;margin-top:2px;padding:3px;border-top:1px solid #ff5500;border-bottom:1px solid #303030;font-weight: normal;font-size:15px;margin:0px;font-family: "",Comic sans ms}
h1 a{color:#d73e56;text-decoration:underline;}
h1 a:hover{color:#cacaca;text-decoration:none;}
.divider{background:#F5F5F5;border-bottom:1px solid #dddddd;padding:3px;}
input,textarea,select{color :#6d6d6d;background-color :#101010;border :1px solid #363636;}
input:hover,textarea:hover,select:hover{color :#8f8f8f;background-color :#212121;border :1px solid #434343;}
input:focus,textarea:focus,select:focus{color :#78b100;background-color :#1c2900;border :1px solid #385400;}
a:link, a:visited{ color: #50c211; text-decoration:none;}
a:hover {text-decoration: underline;}
hr{color:#292929;background-color:#2c2c2c;height:1px;border-width:0;margin:2px;width:95%;}
img.ico{border: 0px; vertical-align: middle; max-width: 100%;min-width:auto}
p {margin:0px;padding:0px}
table, *{padding: 0; margin: 0;border:none}
table {max-width:990px}
body:after { content:"♥ Kat9.Sextgem.Com"; background:#333; padding: 6px; display: block; color: #fff; font-weight: bold; position: relative; text-shadow: 0px 1px #2f4f4f;text-align:center;border-radius:0 0 9px 9px;border-top:5px solid #ff5500}

/** NEW CSS FOR HONEYCLUB.SEXTGEM.COM **/

.bkmk { background:#333;background:-moz-linear-gradient(top,#333 0%,#111 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#111));background:-webkit-linear-gradient(top,#333 0%,#111 100%);border:1px dashed #bd2a43;padding:2px;color:#fff;font-weight:bold;}
.M1,.M2 {background-color:#0b0b0b;;background-repeat:repeat-x;background-position:50% top;padding:5px;border-top:1px solid #2d2d2d;border-bottom:2px solid #2d2d2d;}
.M1, M2 img{vertical-align:middle;}
.M1:hover {color:#f4506c;background:#000;background: -moz-linear-gradient(top, #000 0%, #0b0b0b 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#0b0b0b)); background: -webkit-linear-gradient(top, #000 0%, #0b0b0b 100%);}
.M1:active { color:#bd2a43;background:#EDEDED; background: -moz-linear-gradient(top, #fbb757 0%, #ea8615 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb757), color-stop(100%,#ea8615)); background: -webkit-linear-gradient(top, #fbb757 0%, #ea8615 100%); }
.manu {text-align: center;background: #404040;color: #999999;font-size: 120%;padding: 2px;border-bottom: 1px solid #303030;border-top: 1px solid #ff5500;}
.phdr, h2, .bmenu, .nfooter, .header {text-decoration: bold;color:#999999;background-color:#404040;background-repeat:repeat-x;background-position:50% top;margin-top:2px;padding:3px;border-top:1px solid #ff5500;border-bottom:1px solid #303030;font-weight: normal;font-size:15px;margin:0px;font-family: "",Comic sans ms}
.phdr a, .bmenu a, header a{color:#d73e56;text-decoration:underline;}
.bmenu a:hover{color:#cacaca;text-decoration:none;}
.slink:nth-child(odd){ padding:1px; background:#101010; }
.slink:nth-child(even){ padding:1px; background:#1D1D1D; } 
.lini{border-bottom:1px solid #333; padding:1px; background:#111;} 
.lin{border-bottom:1px solid #333; padding:3px; background:#111;} 
#videocontainer{max-width:640px;margin:0 auto;padding:0}
#videopreview{position:relative;width:100%}
#videopreview .videoduration{background-color:rgba(0,0,0,0.5);bottom:5px;color:#fff;font-size:15px;font-weight:700;padding:3px 8px;position:absolute;right:5px}
#videopreview .videothumblrg{ width:100%;height:auto }
#videopreview img.playbtn{width:40px;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%}}
.videothumblrg2 { }


hr{ background-color:#ccc; border:medium none; height:1px; margin:2px 0; padding:0;}
.bmenu2 {text-align:center; background:#900f1b; color:#fff; font-size:110%; padding:5px; border-bottom:1px solid #900f1b; text-shadow:1px 1px 1px #000;background: -moz-linear-gradient(top, #e0394e 0%, #900f1b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0394e), color-stop(100%,#900f1b)); background: -webkit-linear-gradient(top, #e0394e 0%, #900f1b 100%); border-bottom:1px solid #900f1b; border-top:1px solid #e13b50;margin-bottom:1px; }
.head a{ color:#ffffff; }
.x{ padding:2px; margin:5px 0; font-weight:bold; background:#d4eaf3;  }
.xx { background:#F1F1F1;padding:1px;margin-left:2px;}
.daily { border: 1px solid #ddd; background: #eee; padding: 4px; margin: 5px; }
.db { font-size: small; text-align: center; padding: 5px; }
.description { background: #f5f5f5; color: #222; padding: 5px; text-align: center; }
.devider { height: 5px; }
.downLink { margin: 5px 0; font-weight: bold; }
.dtype { border-bottom: 1px solid #ccc; font-size: x-small; padding: 5px; text-align: center; }
.error { background: #ffefef; border: 1px solid #f00; margin: 5px; padding: 5px; font-weight: bold; text-align: center; }
.fb { font-weight: bold; }
.File { border-bottom: 1px solid #ececec; padding: 2px; }
.filedescription { background: #f5f5f5; padding: 5px 0; text-align: center; }
.fileName { font-weight: bold; }
.fl { border-bottom: 1px solid #ccc; background: - webkit-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); }
.fshow { padding: 3px; text-align: center; background: #fff; border-bottom: 1px solid #ddd; }
.ftrLink { background: #fd7920; color: #fff; padding: 5px; text-align: center; font-weight: bold; text-shadow: 1px 1px 3px #555; }
.img { padding: 2px; border: 2px solid #ececec; border-radius: 8px; }
.info { color: red; background: #fff; text-align: center; padding: 2px; }
.box { border:1px solid #ececec;padding:2px;margin:2px; }
.boder { border-width: 1px; border-color: #333; border-style: solid; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; }


.logo { background: #08a0db;padding: 4px} 
.description {background:#f5f5f5;color:#222; padding: 3px}
.path { border-bottom:1px solid #ccc; font-weight:normal; background:#ddd; border-top:-1px solid #ccc; padding: 4px; } 
.footer {border-top:3px solid #08a0db;background:#333;color:#fff;padding: 5px;font-weight:bold}
.x {color:black} .dir {color: #2C75B1}
.dir, .x {text-align:left;padding: 6px;  border-bottom: 1px solid #d4d4d4; border-top: none;  background: #fff; background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec)); background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%); background: linear-gradient(#f7f7f7 0%, #ececec 100%); }
.dir:before {content: url(/codeclubs/2015/img/dir.gif)} 
.dir:hover, .x a:hover, .x a:focus {color:black} 
a div.x:hover, a div.dir:hover {background:#fff}
.padding, .pad { padding: 5px;} 
.center {text-align:center;}
.notic, .notice {padding: 5px; margin: 1px; color: #C09853; text-shadow:0 1px 0 rgba(255,255,255,0.5); background-color: #FFFFCC;border: 1px solid #FBEED5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;} 
.warning {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;} 
.done {color: #468847;background-color: #DFF0D8;border-color: #D6E9C6;}
.new {color: #3A87AD;background-color: #D9EDF7;border-color: #BCE8F1;}
.omenu {color: #333333; border: 1px solid #fc0; background-color: #ffffcc; margin: 2px; padding: 5px; border-radius: 4px}
.mainblok, .blok { border: 1px solid #08a0db; margin: 2px; display: block} 
.whole, .brdr { border: 1px solid #08a0db; margin: 2px; display: block} 
.paging {margin: 0px; font-size: 0px; }
.paging a {font-weight:normal; color: black; display: inline-block;
background: #fff; border: 1px solid #08a0db; margin: 2px; padding: 3px 5px; font-size: 15px; text-decoration: none; }
.paging b, .paging a:hover {color: white; display: inline-block; background: #08a0db; margin: 2px;
padding: 3px 5px; font-size: 15px;font-weight:normal} .toplock:before, .top:before{content:"[TOP]";color:lime} .lock{text-decoration:line-through} 
r {border: 1px solid gray; background: darkgray; padding: 1px 2px;color: white; float: right; text-shadow: none;} 
.m {font-weight: bold; text-align:center; color: red;
background: #fff; border: 1px solid #abc; padding: 2px 5px; text-decoration: none; border-radius: 3px;} 
.m a {padding: 2px 4px; font-weight: normal;margin:0px -2px} 
#m {font-size: 0px} 
.watermark {margin-top: -19px; color: #222; font-weight: small; content: Kat9.Sextgem.CoM} .thumb img {max-width: 95px; max-height: 120px: border: 1px solid #ddd; padding: 2px}
.update, .updates div {padding: 6px;border-bottom:1px solid #ddd;font-weight:bold;background:#fff} .update b{color:red} .update a {font-weight:normal}
.global_search{} .relative { position:relative; } 
.search_input, .textarea {padding:5px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; outline:none;  padding-bottom:6px;} 
.search_icon { background:transparent url(/codeclubs/2015/img/search.png) no-repeat !important; width:23px; height:23px; position:absolute; right:1px; top:3px; border:0px solid transparent !important; background-position: 0px 0px; } 
.searcah_icon:hover { background-position: 0px -23px !important; } 
.body {border: none;background: #dedfe7; padding: 3px 4px} 
.border, .brdr {border: 1px solid #c6c7ce;border-radius:5px} 
#global_search{} 
.relative { position:relative; } 
#search_input {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; outline:none; font-size:20px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #AAA;padding:5px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;} 
#search_icon {background:transparent url(/codeclubs/2015/img/s_input.png) no-repeat !important; width:32px; height:32px; position:absolute; right:1px; top:3px; border:0px solid transparent !important; background-position: 0px 0px}
.replybox {background: #e5e5e5; padding: 5px; display: block}
.pdr {background-color: #7797ac; color: #ffffff; border: 1px solid #5a7f97;margin-left:-1px; margin-right:-1px; margin-top:-1px; margin-bottom:0px; padding:4px}
.gmenu {color :#75bf00;background-color :#fafff0;margin-top :1px;margin-bottom :1px;padding :2px;border :1px solid #d4eba1}
.list1, .b{background:#fff; padding: 4px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 4px} .xlist, .line {background: white; padding: 4px; border-top: 1px solid #ddd;} 
.list2, .c{background:#e5e5e5; padding: 4px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 4px;}
.list3, .d{background: #eceff5; padding: 4px; border-top: 1px solid #eee; border-radius: 4px;}
.reply{border-left :4px solid #ff2600;color :#f42400;padding :2px 0 2px 4px;}
.rmenu, .alarm {background-color :#FFF0F0;margin-top :1px;margin-bottom :1px;padding :2px;border :1px solid #FFD0D0; }
.o {background: white; margin: 3px; border: 1px solid #ddd;}
.u {background: white; padding: 4px; }
.uu {background: #eceff5;
padding: 4px; display:
block; border-radius:4px;}
.anuselected {background: #e5e5e5; margin: 3px; padding: 5px; border: solid 1px #414040; display:block}
.dot { border-bottom: dotted #ccc 1px; padding-bottom: 3px; margin-bottom: 3px; }
.frame { background: #fff; padding: 2px; border: solid 1px #ddd;border-radius:3px; }
.frame:hover {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform: scale(1.2);
-o-transform:scale(1.2);
-ms-transform: scale(1.2);
}
.inline { background: #fffafa; color: #008000; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; padding: 5px; border: solid 1px #ddd; display: inline; }
.tag {padding:5px;text-align:center}
.notif { background: #c1ffc1; padding: 5px; display: block; border: #b4eeb4 solid 1px; margin: 0px; }
.propic { background: #fff; padding: 2px; border: solid 1px #ccc; margin-bottom: -70px; }
.title { background: #fffafa; color: #333; padding: 5px; display: block; border-bottom: solid 1px #eee0e5; border-top: solid 1px #eee0e5; }
.topmenu, .top {background-color:#DADDE0; color: gray;padding:4px;margin-bottom:1px;border-bottom:1px solid #A8B1BB;border-right:1px solid #e1e4e8;border-left:1px solid #e1e4e8;}
.ttl { background: #ccc; padding: 5px; border-bottom: 1px solid #a9a9a9; display: block; }
.boxd {background: #F6F6F6;margin-top: -1px;border-top:1px solid #ddd; padding: 3px}
.boxd img {opacity: 0.6; filter: alpha(opacity=60);}
.boxd img:hover { opacity: 1; filter: alpha(opacity=100)} .textarea, .textarea:hover, .textarea:focus{border:none;width:99%;border:none;resize:none}
#search-form [type=text]
{ width:79%;background:#fff;margin:0;padding: 6px
0;color:#333;border:1px solid #aaa;border-width:1px 0 1px 1px} #search-form [type=submit] {;width:40px;margin:0 0 0 -3px;padding: 6px 0;color:#ffe;background:#fff url(http://bdboys.ga/tools/submit.png)center center no-repeat;text-indent:-9999px;border:1px solid #aaa;border-width:1px 1px 1px 0}
.fd { background-color: #f7f7f8; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #dfdfdf; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.fw { background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.icon { display: inline-block; border: 1px solid #eee; padding: 1px; margin: 2px; }