/* ------------- Master Stylesheet ------------- */
/* --------------------------------------------- */
/* -------- @: Greeze, %: Invert Foxbat -------- */
/* --------------------------------------------- */


/* Global, begin */
* {
    padding: 0;
    margin:  0;
}
body {
    line-height: 18px;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    color:       #666;
    font-size:   12px;
    text-align:  left;
    background:  #fff ;
}
* html body {
    behavior: url("templates/Ap_iGadget/greeze/csshover.htc");
}
ul {
    list-style: none;
}
img {
    vertical-align: middle;
    font-size:      12px;
}
div {
    vertical-align: top;
}
table {
    width: 100%;
}
table, td {
    border-collapse: collapse;
    border-spacing:  0;
}
fieldset {
    border:  1px solid #ccc ;
    padding: 5px;
}
button {
    border:  0 ;
    padding: 0;
    cursor:  pointer;
}
input, select, textarea, button {
    font:       normal 14px "Trebuchet MS", Sans-serif, Tahoma;
    background: #fff url(input.jpg) 0 0 repeat-x ;
    border:     1px dotted #666666;
    padding:    1px 3px 1px 3px;
    color:  	#555;
}

/* ÑÒÀÐÛÉ ÑÒÈËÜ ÏÎËÅÉ È ÔÎÐÌ
input, select, textarea, button {
    font:       normal 14px "Trebuchet MS", Sans-serif, Tahoma;
    background: #fff url(input.jpg) 0 0 repeat-x ;
    border:     1px solid #DDE3BF ;
    padding:    2px 5px;
    color:      #555;
}
*/
textarea:focus, input:focus, textarea:hover, input:hover {
    border-color: #C7C68B;
}
a {
    color:           #0086E5;
    text-decoration: underline;
}
a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}
a:hover {
    color:           #000;
    text-decoration: none;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-family: Arial, Tahoma;
}
h1, h5 {
    letter-spacing: -1px;
}
h1, h2, h3, h4 {
    line-height: 35px;
}
h1 {
    font-size: 25px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 18px;
}
h1, h2 {
    padding-bottom: 5px;
}
h3 {
    padding-bottom: 20px;
}
h4 {
    font-size: 21px;
    padding:   0 0 30px 25px;
}
h5 {
    font-size:   21px;
    line-height: 25px;
}
h3 span {
    font-size: 20px;
}
h3 img, h4 img, h5 img {
    padding-right: 10px;
}
/* Global, end */



/* Holders and hacks begin */
#wrapper {
    min-width: 1000px;
}
#top-menu, .acomment dl, .subpage dl {
    overflow:   hidden;
    min-height: 1%;
}
* html #wrapper {
    width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");
}
* html #top-menu, * html .acomment dl, * html .subpage dl {
    height:   1%;
    overflow: visible;
}
* html #footer {
    border-top: 3px solid #ccc ;
}
* html .pages .next {
    right: 335px;
}
* html .pages .prev {
    left: 95px;
}
* html .nblock .com-link {
    left: -120px;
}
* html .comment .text {
    padding: 0px 20px 20px 20px;
}
/* Holders and hacks end */



/* Header navigation begin */
#top-menu {
    display:     block;
    height:      35px;
    font-family: Arial, Tahoma;
    font-size:   12px;
    font-weight: bold;
    color:       #999;
    background:  #f1f1f1 url(bg-nav.gif) 0 0 repeat-x ;
}
#top-menu li {
    float:       left;
    height:      35px;
    line-height: 35px;
    white-space: nowrap;
}
#top-menu li a {
    display:         block;
    padding:         0 12px;
    text-decoration: none;
}
#top-menu li a:hover {
    background: #fff ;
}
#top-menu li.active {
    background: #fff ;
    padding:    0 25px;
}
#top-menu li.login {
    float: right;
}
#top-menu li.login a {
    color:           #FF6600;
    padding:         0 12px;
    text-decoration: none;
}
#top-menu li.login img {
    padding-right: 5px;
}
#top-menu li.linkin a {
    background:   url(key.png) 15px 10px no-repeat ;
    padding-left: 40px;
}
#top-menu li.linkin a:hover {
    background: #fff url(key.png) 15px 10px no-repeat ;
}
#top-menu li.linkout a {
    background:   url(logout.png) 15px 10px no-repeat ;
    padding-left: 40px;
}
#top-menu li.linkout a:hover {
    background: #fff url(logout.png) 15px 10px no-repeat ;
}
/* Header navigation end */



/* Header begin */
#header {
    padding:  20px 30px;
    position: relative;
}
#header div {
    position: absolute;
    top:      10px;
    right:    40px;
}
.logo, .logo b {
    display: block;
    width:   215px;
    height:  70px;
}
.logo {
    position:    relative;
    line-height: 70px;
    font-size:   40px;
}
.logo b {
    position:   absolute;
    top:        0;
    left:       0;
    background: url(logo_a4.png) 0 0 no-repeat ;
}
/* Header end */



/* Footer begin */
#footer {
    clear:       both;
    border-top:  1px solid #ccc ;
    padding:     20px 0 20px 50px;
    white-space: nowrap;
    position:    relative;
}
#footer ul {
    display:     block;
    padding-top: 10px;
}
#footer li {
    display:       inline;
    padding-right: 15px;
}
#footer div {
    position: absolute;
    top:      30px;
    right:    50px;
}
#footer div img {
    margin-left: 15px;
}
#footer .count {
    width:  88px;
    height: 31px;
}
/* Footer end */



/* Dividing on columns begin */
#main {
    float: left;
    width: 100%;
}
#content {
    margin-right: 280px;
    padding:      0 0 70px 20px;
    left:         45%;
    z-index:      1;
}
#sidebar {
    float:       left;
    width:       240px;
    margin-left: -260px;
    padding:     0 20px 70px 0;
}
/* Dividing on columns end */



/* Sidebar begin */
.block {
/*    background-image:    url(grey-bottom.gif); */
    background-color:    #EEEEEE;
    background-position: 0 100%;
    background-repeat:   no-repeat;
    width:               200px;
    padding:             25px 20px 20px 20px;
    margin-bottom:       22px;
    z-index:             auto;
}
.blockfrm {
/*    background-image:    url(grey-bottom.gif); */
    background-color:    #EEEEEE;
    background-position: 0 100%;
    background-repeat:   no-repeat;
    width:               200px;
    padding:             25px 20px 20px 20px;
    margin-bottom:       22px;
    z-index:             auto;
}
.yellow {
/*    background-image: url(yellow-bottom.gif); */
    background-color: #fbffcc;
    padding:          20px;
}
.yellow span {
    display:   block;
    font-size: 11px;
    padding:   3px 0;
}
.yellow p {
    padding-top: 15px;
}
.block h5 {
    display:             block;
/*    background-image:    url(grey-top.gif); */
    background-position: 0 0;
    background-repeat:   no-repeat;
    margin:              -25px -20px 0 -20px;
    padding:             20px;
}
.yellow h5 {
/*    background-image: url(yellow-top.gif); */
    margin:           -20px -20px 0 -20px;
}
.rss {
    margin: 15px 0 30px 20px;
}
.rss a {
    color: #FF9900;
}
.rss li {
    background:   url(rss.gif) 0 5px no-repeat ;
    line-height:  22px;
    padding-left: 25px;
}
.mmenue {
    margin: 15px 0 30px 20px;
}
.mmenue a {
    color: #FF9900;
}
.mmenue li {
    background:   url(folder.gif) 0 5px no-repeat ;
    line-height:  22px;
    padding-left: 25px;
}
.tags {
    margin: 50px 0 50px 10px;
}
.tags h5 {
    padding: 0 0 15px 10px;
}
.tags a {
    margin: 0 5px;
}
.news {
    margin: 20px 0 35px 8px;
}
.news a {
    margin: 0 1px;
}
/* Sidebar blocks end */



/* NEWS begin */
.nblock {
    position:      relative;
    margin-bottom: 40px;
    padding-left:  120px;
}
.nblock .com-link {
    display:  block;
    position: absolute;
    left:     0;
    top:      0;
    width:    100px;
    height:   85px;
}
.nblock .com-link a {
    display:         block;
    width:           100px;
    height:          82px;
    margin-right:    20px;
    padding-top:     38px;
    float:           left;
    background:      url(com-link.gif) 0 0 no-repeat ;
    font-size:       25px;
    text-align:      center;
    color:           #ccc;
    text-decoration: none;
    line-height:     23px;
}
.nblock .com-link a:hover {
    font-size:  31px;
    color:      #000000;
    background: url(com-link-h.gif) 0 0 no-repeat ;
}
.nblock .date {
    width:      200px;
    background: url(date-r.gif) 100% 0 no-repeat ;
}
.nblock .date span {
    display:     block;
    height:      26px;
    line-height: 26px;
    background:  url(date-l.gif) 0 0 no-repeat ;
    text-align:  center;
    color:       #999;
    font-weight: bold;
    white-space: nowrap;
    font-size:   11px;
    font-family: Arial, Tahoma;
}
.nblock .text {
    line-height: 20px;
    padding:     0 0 15px 0;
    text-align:  justify;
    overflow:    auto;
}
.nblock .nfoot span {
    margin-right: 20px;
}
.nblock .nfoot span img {
    padding-right: 5px;
}
.nblockfs {
    position:      relative;
    margin-bottom: 40px;
    padding-left:  30px;
}
.nblockfs .com-link {
    display:  block;
    position: absolute;
    left:     0;
    top:      0;
    width:    100px;
    height:   85px;
}
.nblockfs .com-link a {
    display:         block;
    width:           100px;
    height:          82px;
    margin-right:    20px;
    padding-top:     38px;
    float:           left;
    background:      url(com-link.gif) 0 0 no-repeat ;
    font-size:       25px;
    text-align:      center;
    color:           #ccc;
    text-decoration: none;
    line-height:     23px;
}
.nblockfs .com-link a:hover {
    font-size:  31px;
    color:      #0086e5;
    background: url(com-link-h.gif) 0 0 no-repeat ;
}
.nblockfs .date {
    width:      200px;
    background: url(date-r.gif) 100% 0 no-repeat ;
}
.nblockfs .date span {
    display:     block;
    height:      26px;
    line-height: 26px;
    background:  url(date-l.gif) 0 0 no-repeat ;
    text-align:  center;
    color:       #999;
    font-weight: bold;
    white-space: nowrap;
    font-size:   11px;
    font-family: Arial, Tahoma;
}
.nblockfs .text {
    line-height: 20px;
    padding:     15px 0;
    text-align:  justify;
    overflow:    auto;
}
.nblockfs .nfoot span {
    margin-right: 20px;
}
.nblockfs .nfoot span img {
    padding-right: 5px;
}
.rating, .unit-rating {
    width:       85px;
    height:      16px;
    line-height: 16px;
    font-size:   11px;
}
.unit-rating li, .unit-rating li a, .unit-rating li.current-rating {
    text-indent: -90000px;
}
.unit-rating li a, .unit-rating li.current-rating {
    display:  block;
    position: absolute;
    height:   16px;
}
.unit-rating {
    list-style: none;
    position:   relative;
    background: url(../dleimages/rating.gif) top left repeat-x ;
}
.unit-rating li {
    float: left;
}
.unit-rating li a {
    width:           17px;
    text-decoration: none;
    z-index:         17;
}
.unit-rating li a:hover {
    background: url(../dleimages/rating.gif) 0 50% ;
    z-index:    2;
    left:       0px;
}
.unit-rating a.r1-unit {
    left: 0px;
}
.unit-rating a.r1-unit:hover {
    width: 17px;
}
.unit-rating a.r2-unit {
    left: 17px;
}
.unit-rating a.r2-unit:hover {
    width: 34px;
}
.unit-rating a.r3-unit {
    left: 34px;
}
.unit-rating a.r3-unit:hover {
    width: 51px;
}
.unit-rating a.r4-unit {
    left: 51px;
}
.unit-rating a.r4-unit:hover {
    width: 68px;
}
.unit-rating a.r5-unit {
    left: 68px;
}
.unit-rating a.r5-unit:hover {
    width: 85px;
}
.unit-rating li.current-rating {
    background-image:    url(../dleimages/rating.gif);
    background-position: left bottom;
    z-index:             1;
}
/* NEWS end */



/* Comments begin */
.comment {
    padding:   0 0 25px 20px;
    font-size: 11px;
}
.comment .author {
    padding: 0 0 10px 5px;
}
.comment .author span {
    color:  #bfbfbf;
    margin: 0 10px;
}
.comment .field {
    border:     1px solid #e5e5e5 ;
    background: url(comment-bg.gif) 0 100% repeat-x ;
    position:   relative;
}
.comment .arrow {
    position:   absolute;
    top:        -5px;
    left:       30px;
    background: url(comment-arrow.gif) 0 0 no-repeat ;
    width:      9px;
    height:     6px;
}
.comment .text {
    padding:    15px 20px 20px 20px;
    text-align: justify;
}
.acomment {
    padding: 20px 0 0 20px;
}
.acomment h4 {
    padding: 0 0 10px 10px;
}
.acomment dl {
    padding: 5px 0 10px 5px;
}
.acomment dt {
    float:   left;
    width:   30%;
    padding: 5px 0;
}
.acomment dd {
    float:   left;
    width:   65%;
    padding: 5px 0;
}
.acomment dd input {
    width: 70%;
}
.acomment dd p {
    padding-top: 10px;
}
.acomment textarea {
    width:  76%;
    height: 150px;
}
.acomment button {
    margin-left: 31%;
    width:       100px;
}
/* Comments end */



/* Dividing on pages begin */
.pages {
    position: relative;
}
.pages .prev, .pages .next {
    position: absolute;
    top:      10px;
}
.pages .prev {
    left:         100px;
    background:   url(arrow-left.gif) 0 5px no-repeat ;
    padding-left: 25px;
}
.pages .next {
    right:         -20px;
    background:    url(arrow-right.gif) 100% 5px no-repeat ;
    padding-right: 25px;
}
.pages .list {
    font-size:  18px;
    margin:     0 3px;
    text-align: center;
    padding:    40px 0 0 130px;
}
.pages .list a {
    margin: 0 3px;
}
/* Dividing on pages end */



/* Subpage begin */
.subpage {
    padding-left: 30px;
}
.subpage dl {
    padding: 35px 0 0 5px;
}
.subpage dt {
    float:   left;
    width:   35%;
    padding: 5px 0 10px 0;
}
.subpage dd {
    float:   left;
    width:   60%;
    padding: 5px 0 10px 0;
}
.subpage dd input {
    width: 70%;
}
.subpage dd textarea {
    width:  100%;
    height: 150px;
}
.subpage dd p {
    padding-top: 10px;
}
.stats b {
    display: block;
    padding: 0 0 5px 5px;
}
.stats ul {
    margin-bottom: 20px;
}
.stats li {
    display: block;
    padding: 3px 10px;
}
.reg li {
    display: block;
    color:   #000;
    padding: 10px 20px;
}
.reg label {
    display:        block;
    font-size:      16px;
    font-family:    Verdana, Tahoma;
    padding-bottom: 10px;
}
.reg input {
    width:            100%;
    height:           26px;
    font-size:        18px;
    background-color: #f9f9f9;
    background-image: none;
    border:           2px dotted #DDE3BF;
    border-bottom:    none ;
    border-right:     none ;
    color:            #000;
}
.reg input#rcode {
    width: 30%;
}
.reg small {
    display: block;
    padding: 5px 0 10px 3px;
    color:   #999;
}
.reg textarea {
    width:     80%;
    height:    100px;
    font-size: 14px;
}
.sms .links {
    padding:    30px 0;
    font-size:  18px;
    text-align: center;
}
.sms dl {
    padding: 0;
}
.sms dt {
    width:       20%;
    padding:     5px 0;
    font-weight: bold;
}
.sms dd {
    width:   75%;
    padding: 5px 0;
}
.sms dd.last {
    padding-top: 15px;
}
.sms input.check {
    width: 20px;
}
.error {
    padding-bottom: 40px;
}
.feedback button {
    margin-left: 36%;
    width:       100px;
}
.addnews button {
    margin: 0 10px 0 36%;
    width:  100px;
}
.userinfo dt {
    width: 25%;
}
.userinfo dd {
    width: 70%;
}
.userinfo dd input {
    width: 50%;
}
.userinfo dd b {
    font-weight:  bold;
    padding-left: 10px;
}
.userinfo p {
    margin-top: 5px;
}
.userinfo li {
    display: block;
    padding: 5px 0;
}
.userinfo li.last {
    padding-top: 20px;
}
.userinfo label {
    float:         left;
    width:         40%;
    padding-right: 7px;
}
.userinfo label.textlabel {
    display: block;
    padding: 10px 0 5px 0;
}
.userinfo textarea {
    width: 70%;
}
.userinfo button {
    width: 90px;
}
* html .feedback button {
    margin-left: 21%;
}
* html .acomment button {
    margin-left: 18%;
}
* html .addnews button {
    margin-left: 21%;
}
.subpage strong {
    display: block;
    padding: 10px 0 10px 10px;
}
.subpage ul {
    padding: 0 0 30px 10px;
}
.subpage ul li {
    line-height: 20px;
}
.subpage ul li span {
    color: red;
}
/* Subpage end */



/* DLE styles begin */
.title_quote, .quote {
    background:   #ffffe6 ;
    border-top:   1px solid #f1f6e8 ;
    border-right: 1px solid #f1f6e8 ;
    border-left:  5px solid #fff1bf ;
    padding:      8px 8px 8px 13px;
    font-size:    11px;
}
.title_quote {
    color: #222;
}
.quote {
    color:         #444;
    border-bottom: 1px solid #f1f6e8 ;
    text-align:    justify;
}
.scriptcode {
    color:       #3D3D3D;
    background:  #F8F6E8 ;
    border:      1px solid #F4F0D4 ;
    border-left: 5px solid #F4F0D4 ;
    padding:     8px 8px 8px 13px;
    font-family: "Courier New", Courier, monospace;
    font-size:   12px;
    line-height: 1.5em;
}
.editor_button {
    float:   left;
    cursor:  pointer;
    padding: 0 2px;
}
.editor_buttoncl {
    float:        left;
    cursor:       pointer;
    padding:      0 1px;
    border-left:  1px solid #bbb ;
    border-right: 1px solid #bbb ;
}
.editbclose {
    float:  right;
    cursor: pointer;
}
#dropmenudiv {
    border:              1px solid #F36527;
    border-bottom-width: 0;
    font:                12px "Times New Roman", Times, serif;
    background:          #FBFFCC;
    line-height:         24px;
    margin:              4px;
    filter:              alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=135, strength=5);
}
#dropmenudiv a {
    display:         block;
    text-indent:     3px;
    border:          1px solid #000000;
    padding:         1px 0;
    margin:          1px;
    color: 			 #0000FF;
    text-decoration: none;
    font-weight:     bold;
}
#dropmenudiv a:hover {
    background: #FBFFCC ;
    color:      #000;
}
.highslide-image-blur {
}
.highslide-html-content {
    position: absolute;
    display:  none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display:         block;
    color:           #fff;
    font-size:       9px;
    font-weight:     bold;
    text-decoration: none;
    padding:         3px 5px;
    border:          1px solid #fff ;
    background:      #FF6600 ;
}
.highslide-loading:hover {
    color: #fff;
}
#newpm {
    position:   absolute;
    width:      440px;
    padding:    4px;
    background: #fdfdfd ;
    border:     1px solid #bbb ;
}
#newpm fieldset {
    padding: 10px;
    margin:  5px;
}
#newpm legend {
    font-weight: bold;
    padding:     2px 7px;
}
#newpm .highslide-move {
    font-weight: bold;
}
.pi-m .txt {
    text-align:  center;
    padding:     30px 0;
    font-weight: bold;
}
.pm_head {
    padding:     5px 0;
    font-weight: bold;
}
.pm_list {
    padding: 2px;
}
.pm_list input, .pm_head input, .check input {
    width:      20px;
    background: #fff ;
    border:     none ;
}
.pi-m textarea {
    width: 450px;
}
.pml {
    padding:     5px 50px 5px 0;
    font-weight: bold;
}
.pmr {
    width:   100%;
    padding: 5px 0;
}
/* DLE styles end */



/* @SAPE */
a.slink_:link, a.slink_:visited, a.slink_:hover, a.slink_:active {
    color:           #666666;
    text-decoration: none;
    cursor:          text;
}

/* FanFic Title Style */
.ttl_qts_img {
	border: 0;
	margin: 0 5px 0 0;
}
.ttl_nme {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	padding: 0 0 0 40px;
}
.ttl_prm {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
}
.ttl_div {
	padding: 0 0 13px 0;
}

/* FanFic Informer Slide Panel */
#panel_f_info {
	background: #EEEEEE;
	margin: 5px 5px 25px 5px;
	padding: 5px 5px 5px 10px;
	border: dotted thin #000000;
	display: none;
}
.slide_f_info {
	margin: 0;
	padding: 0;
	border-top: solid 4px #EEEEEE;
}
.btn-slide_f_info {
	text-align: left;
}





.adsborder
{
	background-color: #EEEEEE;
	border: 1px solid #e0e0e0;
	padding: 3px;
}
.adsborder:hover
{
	border: 1px solid #cecece;
}

.info_block
{
	background-color: #EEEEEE;
	border: 1px solid #e0e0e0;
	padding: 3px 3px 3px 15px;
}