/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
        Style name:                arabcomics
        Based on style:        subSilver (the default phpBB 2 style)
        Original author:        subBlue ( http://www.subBlue.com/ )
        Modified by:                psoTFX and the phpBB team ( http://www.phpbb.com )
        
        This is an alternative style for phpBB3 for those wishing to stay with
        the familiar subSilver style of phpBB version 2.x
        
        Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
        /* Reset browsers default margin, padding and font sizes */
        padding: 0;
}

html {
        font-size: 100%;
}

body {
        /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        color: #143047;
        background-color: #FFFFFF;
        font-size: 75%; /* This sets the default font size to be equivalent to 10px */
        margin: 0;
}

#wrapheader {
        min-height: 50px;
        height: auto !important;
        height: 50px;
/*        background-image: url('./images/background.gif');
        background-repeat: repeat-x;*/
/*        padding: 0 25px 15px 25px;*/
        padding: 0;
}

#wrapcentre {
        margin: 5px 10px 0 10px;
}

#wrapfooter {
        text-align: center;
        clear: both;
}

#wrapnav {
        width: 100%;
        margin: 0;
        background-color: #ECECEC;
        border-width: 1px;
        border-style: solid;
        border-color: #A7D9EC;
}

#logodesc {
        margin-bottom: 0px;
        padding: 0px 0px;
        background: #D9DFE4;
        border-bottom: 0px solid #4787A7;
}

#menubar {
        margin: 0 0px;
}

#datebar {
        margin: 10px 25px 0 25px;
}

#findbar {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
}

.forumrules {
        background-color: #F1FDFF;
        border-width: 1px;
        border-style: solid;
        border-color: #BB9860;
        padding: 4px;
        font-weight: normal;
        font-size: 1.1em;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

.forumrules h3 {
        color: FF8800;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
        color: black;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 1.8em;
        text-decoration: none;
}

h2 {
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 1.5em;
        text-decoration: none;
        line-height: 120%;
}

h3 {
        font-size: 1.3em;
        font-weight: bold;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        line-height: 120%;
}

h4 {
        margin: 0;
        font-size: 1.1em;
        font-weight: bold;
}

h5 {
	margin: 32px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
        font-size: 1.1em;
}

p.moderators {
        margin: 0;
        float: left;
        color: black;
        font-weight: bold;
}

.rtl p.moderators {
        float: right;
}

p.linkmcp {
        margin: 0;
        float: right;
        white-space: nowrap;
}

.rtl p.linkmcp {
        float: left;
}

p.breadcrumbs {
        margin: 0;
        float: left;
        color: black;
        font-weight: bold;
        white-space: normal;
        font-size: 1em;
}

.rtl p.breadcrumbs {
        float: right;
}

p.datetime {
        margin: 0;
        float: right;
        white-space: nowrap;
        font-size: 1em;
}

.rtl p.datetime {
        float: left;
}

p.searchbar {
        padding: 0px 0;
        white-space: nowrap;
} 

p.searchbarreg {
        margin: 0;
        float: right;
        white-space: nowrap;
}

.rtl p.searchbarreg {
        float: left;
}

p.forumdesc {
        padding-bottom: 0px;
				color: #0088ff;				
}

p.topicauthor {
        margin: 1px 0;
}

p.topicdetails {
        margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
        margin: 1px 0;
        color: red;
        font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
        color: green;
        font-weight:bold;
}

.postapprove img, .postreported img {
        vertical-align: bottom;
}

.postauthor {
        color: #000000;
		font-family: Arial, "Lucida Grande", Verdana, Helvetica, Tahoma, sans-serif;
        font-size: 1.5em;
        font-weight: Bold;
}

.postdetails {
        color: #000000;
}

.postbody {
        font-size: 20px;
        line-height: 1.5em;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
        margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
        margin: 0 1.5em 0 0;
}

.posthilit {
        background-color: yellow;
}

.nav {
        margin: 0;
        color: black;
        font-weight: bold;
}

.pagination {
        padding: 2px;
        color: black;
        font-size: 1em;
        font-weight: bold;
}

.cattitle {

}

.gen {
        margin: 1px 1px;
        font-size: 1.2em;
}

.genmed {
        margin: 1px 1px;
        font-size: 1.1em;
}

.gensmall {
        margin: 1px 1px;
        font-size: 1em;
}

.copyright {
        color: #444;
        font-weight: normal;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

.titles {
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 1.3em;
        text-decoration: none;
}

.error {
        color: red;
}


/* Tables
 ------------ */
th {
        color: #FFFFFF;
        font-size: 1.1em;
        font-weight: bold;
        background-color: #006699;
        background-image: url('./images/b.jpg');
        white-space: nowrap;
        padding: 5px 5px;
}

td {
        padding: 0px;
}
td.profile {
        padding: 0px;
}

.tablebg {
        background-color: #A7D9EC;
}

.catdiv {
        height: 28px;
        margin: 0;
        padding: 0;
        border: 0;
        background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
        background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        background-color: #2085C4;
        background-image: url('./images/b.jpg');
		color: #FFFFFF;
        text-indent: 4px;
}

.row1 {
        background-color: #F1FDFF;
        padding: 4px;
}

.row2 {
        background-color: #F1FDFF;
        padding: 4px;
}

.row3 {
        background-color: #F1FDFF;
        padding: 4px;
}

.spacer {
        background-color: #F1FDFF;
}

hr {
        height: 1px;
        border-width: 0;
        background-color: #D1D7DC;
        color: #D1D7DC;
}

.legend {
        text-align:center;
        margin: 0 auto;
}

/* Links
 ------------ */
a:link {
        color: #006597;
        text-decoration: none;
}

a:active,
a:visited {
        color: #005784;
        text-decoration: none;
}

a:hover {
        color: #D46400;
        text-decoration: none;
}

a.forumlink {
        color: #0088ff;
        font-weight: bold;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 1.2em;
}

a.topictitle {
        margin: 1px 0;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 1.2em;
}

a.topictitle:visited {
        color: #014D71;
        text-decoration: none;
}

th a,
th a:visited {
        color: #FFA34F !important;
        text-decoration: none;
}

th a:hover {
        text-decoration: none;
}


/* Form Elements
 ------------ */
form {
        margin: 0;
        padding: 0;
        border: 0;
}

input {
        
        padding: 2px;
		color: #006597;
        font-weight: normal;
        font-size: 1.1em;
        font-family: "Tahoma", Verdana, Helvetica, sans-serif;
        background-color: #F1FDFF;
        border: 1px solid #A7D9EC;
}

textarea {
        background-color: #FAFAFA;
        color: #333333;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 1.3em; 
        line-height: 1.4em;
        font-weight: normal;
        border: 1px solid #A7D9EC;
        padding: 2px;
}

select {
        color: #333333;
        background-color: #FAFAFA;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 1.1em;
        font-weight: normal;
        border: 1px solid #A7D9EC;
        padding: 1px;
}

option {
        padding: 0 1em 0 0;
}

option.disabled-option {
        color: graytext;
}

.rtl option {
        padding: 0 0 0 1em;
}

input.radio {
        border: none;
        background-color: transparent;
}

.post {
        background-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
}

.btnbbcode {
        color: #000000;
        font-weight: normal;
        font-size: 1.1em;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        background-color: #EFEFEF;
        border: 1px solid #666666;
}

.btnmain {
        font-weight: bold;
        background-color: #ECECEC;
        border: 1px solid #A7D9EC;
        cursor: pointer;
        padding: 1px 5px;
        font-size: 1.1em;
}

.btnlite {
        font-weight: normal;
        background-color: #ECECEC;
        border: 1px solid #A7D9EC;
        cursor: pointer;
        padding: 1px 5px;
        font-size: 1.1em;
}

.btnfile {
        font-weight: normal;
        background-color: #ECECEC;
        border: 1px solid #A7D9EC;
        padding: 1px 5px;
        font-size: 1.1em;
}

.helpline {
        background-color: #DEE3E7;
        border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
        margin: 10px 5px 0 5px;
        padding: 4px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #A7D9EC;
        color: #333333;
        background-color: #A7D9EC;
        font-size: 0.85em;
        font-weight: bold;
}

.quotetitle .quotetitle {
        font-size: 1em;
}

.quotecontent, .attachcontent {
        margin: 0 5px 10px 5px;
        padding: 5px;
        border-color: #A7D9EC;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        font-weight: normal;
        font-size: 1em;
        line-height: 1.4em;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        background-color: #FAFAFA;
        color: #4B5C77;
}

.attachcontent {
        font-size: 0.85em;
}

.codetitle {
        margin: 10px 5px 0 5px;
        padding: 2px 4px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #A7D9EC;
        color: #333333;
        background-color: #A7D9EC;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.8em;
}

.codecontent {
        direction: ltr;
        margin: 0 5px 10px 5px;
        padding: 5px;
        border-color: #A7D9EC;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        font-weight: normal;
        color: #006600;
        font-size: 0.85em;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        background-color: #FAFAFA;
}

.syntaxbg {
        color: #FFFFFF;
}

.syntaxcomment {
        color: #FF8000;
}

.syntaxdefault {
        color: #0000BB;
}

.syntaxhtml {
        color: #000000;
}

.syntaxkeyword {
        color: #007700;
}

.syntaxstring {
        color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
        background-color: #000000;
}

.pm_replied_colour {
        background-color: #A7D9EC;
}

.pm_friend_colour {
        background-color: #007700;
}

.pm_foe_colour {
        background-color: #DD0000;
}


/* Misc
 ------------ */
img {
        border: none;
}

.sep {
        color: black;
        background-color: #FFA34F;
}

table.colortable td {
        padding: 0;
}

pre {
        font-size: 1.1em;
        font-family: Tahoma, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

.nowrap {
        white-space: nowrap;
}

.username-coloured {
        font-weight: bold;
}

#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #ffffff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url("./images/lytebox/loading.gif") center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url("./images/gallery_lytebox/blank.gif") no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url("./images/gallery_lytebox/prev_grey.gif") left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url("./images/gallery_lytebox/blank.gif") no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url("./images/gallery_lytebox/next_grey.gif") right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url("./images/gallery_lytebox/close_grey.png") no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url("./images/gallery_lytebox/play_grey.png") no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url("./images/gallery_lytebox/pause_grey.png") no-repeat; }

#image-resize {
	padding:3px 0px 3px 0px;
	text-indent:25px;
	background:#ffffe1 url("./images/img_warn.gif") no-repeat 5px 50%;
	color:#000000;	font-size:0.8em; border-top:#666666;
}

#image-resize a:hover {color:#000000;}

/*
-------------------------------------------------
my special css
------------------------------------------------- */

table.design {
				direction: rtl;
}

.Chatboxbody {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4em;
	font-family:  sans-serif, Tahoma, "Trebuchet MS", Helvetica, Arial;
}

.Chatrow1 {
	background-color: #ffffff;
	padding: 4px !important;
}

.Chatrow2 {
	background-color: #d8f6fb;
	padding: 4px !important;
}

.Chatrow3 {
	background-color: #ffffff;
	padding: 4px !important;
}

      body
      {
        padding: 0;
        margin: 0;
      }

      #info
      {
        overflow: visible;
        width: 100%;
        position: fixed;
        z-index:2;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        background-color: #FFFFCC
      }

      #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
      {
        display: block;
        float: left;
        width:100%;
        clear: both;
        color: InfoText;
        background: InfoBackground url({T_THEME_PATH}/icon_mini_register.gif)) no-repeat fixed .3em .3em;
        padding: .45em .1em .45em 1em;
        border-bottom: .16em outset;
        text-decoration: none;
        cursor: default;
        vertical-align: middle;
      }

      #infobar a:hover
      {
        color: HighlightText;
        background: Highlight url({T_THEME_PATH}/images/icon_mini_register.gif) no-repeat fixed .3em .3em;
      }

      #viewplot
      {
        width: 100%;
        height: expression(this.parentNode.offsetHeight - this.offsetTop);
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 1em;
      }
	  
	  .reimg { width: 10%; height: auto; visibility: visible; }