/*Common Styles*/
*{
  margin:0;
  padding:0;
 } 
 
body{
  text-align: center;
  background-color:#ffb606;
  font-family: Tahoma,arial,georgia,verdana;
  font-size: 100%;  
  background-image: url(../../Images/Background/Page.gif);
  background-position: left top;
  background-repeat: repeat-x;
  direction:rtl;
 }
 
img{
 border:0;
 display: block;
}
 
fieldset{
border: 0;
}

h1{  
  float: left; 
  margin:15px 0px 0px 40px;

 }
 
 h2{
  font-size: 1.5em;
  color:#a77600;
  font-weight:normal;
    line-height:15px;
}
h3{
  font-size:1.05em;
  color:#6b4b00;
  font-weight:bold;
}
p{
font-size:.7em;
color:#653F00;
}

p a
{
color:#653F00;
}
* :focus { outline:none }
/*master div*/
#Master{
text-align: left;
width: 100%;
margin: 0 auto;
background-image: url(../../Images/Background/FooterColor.gif);
background-position: left bottom;
background-repeat:repeat-x;
float: left;

 }
 /*page area*/
#PageArea
{
 width: 1014px;
 margin: 0 auto;
}
/*page holder div to insert the background image*/
#PageHolder
{
 float: left;
 background-isamage: url(../../Images/Background/PageareaBackground.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
 text-align:left;
 padding:0px 0px 0px 10px;
 width: 1004px;
 position: relative;
 z-index: 100;
}
/*header section*/
#Header{
  width: 990px;
  height:118px;
  float: left;
  background-image: url(../../Images/Background/HeaderBackground.gif);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
}
/*Navigation*/
#Navigation{
width:700px;
height:49px;
float:right;
clear:right;
position:relative;
top:28px;
}
#Navigation ul {
padding:12px 0px 0px 0px;
}

#Navigation ul li{
list-style-type:none;
float:right;
padding:0px 12px 0px 12px;
}
#Navigation .NavList li:first-child,#Navigation .NavList li.first-child
{
padding-right:0px; 
}
.NavList li:last-child,.NavList li.last-child
{
padding-left:0px;
}
#Navigation .NavList .Last{
padding:0px;
}
#Navigation ul li a{
text-decoration:none;
color:#e56a6b;
font-size:0.75em;
font-weight:bold;
}
#Navigation ul li a:hover{
color:#fff;
}
/*Mediaspace flash content*/
#MediaSpace{
float:left;
width:940px;
height:232px;
overflow:hidden;
background-image: url(../../Images/Background/MediaspaceBorder.gif);
background-repeat: no-repeat; 
background-position: top left;
padding:20px 20px 30px 29px;
position:relative;
z-index:999;
margin: 0px 0 0 0;
background-color: #9e1c20;
}
/*Inner content below the flash content*/
#Content
{
width:980px;
float:left;
clear:both;
padding-left:10px;
margin-top:-12px;
position:relative;
z-index:990px;
margin: 0 0 30px 0;
} 
/*Column1 Containing the four boxes*/
.Column1{
width:800px; 
float:left;
overflow:hidden;
}
/*Column1  box*/
.Column1 .Box{
width:380px;
float:left;
background-image: url(../../Images/Background/ControlsTop.gif);
background-position: right top;
background-repeat:no-repeat;
padding-top:10px;
margin:0px 0px 20px 0px;
}
/*Column1  box inner boxes */
.Column1 .Box .Controls{
width:380px;
float:left;
background-image: url(../../Images/Background/ControlsBottom1.gif);
background-position: left bottom;
background-repeat:no-repeat;
padding-bottom:9px;
}
/*Column1  box inner boxes  Inner holders*/
.Column1 .Box .InnerHolder{
background-color:#ffe378;
width:360px;
float:left;
padding:0px 10px 0px 10px;
}
.Column1 .Box .InnerHolder .CharachtersComics {padding:0 35px 10px 0;}
div.Thumb h3{ padding-bottom:4px; color:#A77600;}
/*inner boxes Containg captions and informations*/
.Column1 .ControlCaption{
width:345px;
background-image: url(../../Images/Background/ControlInnerbackground.gif);
background-position: right top;
background-repeat:no-repeat;
float:left;
text-align:right;
direction:rtl;
padding:20px 15px 0px 0px;
background-color:#ffe684;
height:auto!important;
min-height:180px;
height:180px;
position: relative;
}
.Column1 .LightBoximg{ 
padding:20px 15px 0px 0px;

 }
.Column1 .ComicPicture img{ 
width:330px;
height:100px;
 }

.ComicPicture{
width:330px;
height:100px;
margin:15px 0px 10px 0px;
position:relative;
 }
 
.ImageIcon{

display:block;
width:32px;
height:28px;
background:url(../../Images/mag-glass.png);
position:absolute;
bottom:0; right:0;
 }

#Col1
{
width: 400px;
float: left;
}





#Col2
{
width: 400px;
float: left;
}

#Col2 .Thumb{ padding-bottom:10px;}

/*Captions*/
.Captions{
float:right;
width: 180px;
}

.Captions ul
{
list-style: none;
width: 180px;
padding-top: 20px;
}

.Captions ul li
{
float: right;
width: auto;
padding: 0 0 5px 10px;

}

.Captions ul li a
{
font-size: 0.7em;
color: #ad7e0e;
text-decoration: none;
}

.Captions ul li a:hover
{
color: #6b4b00;
}

/*Images*/
.ControlImage{
float:left;
padding-right:15px;
width: 150px;
overflow: hidden;
}

.ControlImage img
{
position: absolute;
bottom: 0;
left: 0px
}

/*List item hloding the boxes*/
.HomeList li{
list-style-type:none;
float:right;
width:154px;
padding:0px 12px 20px 0px;
}
.HomeList .Last{
padding-right:0px;
}
.Thumb{
width:154px;
float:left;
margin-top:10px;
padding-bottom:20px;
}
.Description{
width:154px;
float:left;
}
/*Column2 Containing small boxe*/
.Column2{
width:180px;
float:left;
}
/*Column2  box*/
.Column2 .Box{
float:left;
background-image: url(../../Images/Background/SmallControlsTop.gif);
background-position: left top;
background-repeat:no-repeat;
padding-top:10px;
margin:0px 0px 20px 0px;
}
.Column2 .Box .Controls{
float:left;
background-image: url(../../Images/Background/SmallControlsBottom.gif);
background-position: left bottom;
background-repeat:no-repeat;
padding-bottom:10px;
}
/*Column2  box inner boxes */
.Column2 .Box .InnerHolder{
background-color:#ffe378;
float:left;
padding:0px 10px 0px 10px;
}
/*inner boxes Containg captions and informations*/
.Column2 .ControlCaption{
background-color:#ffe684;
width:160px;
background-image: url(../../Images/Background/ControlInnerbackground.gif);
background-position: left top;
background-repeat:no-repeat;
text-align:right; 
padding:15px 0px 10px 0px;
float:left;
}
.Column2 .ControlCaption p{
padding:0px 10px 0px 10px;
}

.Column2 .ControlCaption .heading{ padding-right:10px; clear:both;}
.Column2 .ControlCaption a.ModafaLink{ padding-bottom:18px; padding-top:5px; color:#a77600;}
.Column2 .ControlCaption a.ModafaLink:hover {color:#6b4b00;}




.ModafaLink{
color:#6B4B00;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
padding:0px 10px 5px 0px;
display:block;
}
.Column2  .ControlCaption h3{
padding:0px 2px 5px 0px;
}
.Column2 .ControlCaption h2
{
padding: 0 10px 0 0;
}

/*Right side ul  and list items*/
.Icons ul li{
padding-bottom:20px;
list-style-type:none;
float:left;
}
/*Footer*/
#Footer{
width: 1014px;
background-image: url(../../Images/Background/FooterBackground.gif);
background-position: right bottom;
background-repeat:no-repeat;
height:136px;
margin-top: -60px;
position: relative;
float: left;
z-index:1000;
}
/*Footer Content Main div*/
.Footercontent{
position:relative;
top:90px;
width:100%;
}
/*right div*/
.Copyright{
float:left;
padding:0px 0px 0px 120px;
}
/*Footer Text*/
.Copyright p{
color:#7f9eae;
font-weight:bold;
}
/*Left div*/
.PrivacyPolicy {
float:right;
font-weight:bold;
color:#fff;
padding:0px 50px 0px 0px;
text-align:right;
}
/*Footer  link*/
.PrivacyPolicy  a{
color:#fff;
text-decoration:none;
}
/*Footer link hover*/
.PrivacyPolicy  a:hover{
color:#0066a6;
}
/*Inner Page Styles::   News Page*/

.sf_newsList
{
list-style: none;
width: 95%;
}

.sf_newsList h2
{
font-size: 14px;
color: #a77600;
text-decoration: none;
font-weight: bold;
padding: 0 0 10px 0;
}

.sf_newsList h2 a
{
color: #a77600;
text-decoration: none;
font-weight: bold;
}

.sf_newsList h2 a:hover
{
color: #6b4b00;
}

.sf_newsList li
{
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #dcc486;
}


.sf_newsList li:last-child,
.sf_newsList li.LastChild
{
border: 0;
}

p.sf_readMore a
{
color: #6b4b00;
text-decoration: none;
}

p.sf_readMore a:hover
{
color: #a77600;
}

.PollBox .sf_pollTitle{ height:59px; background:url(/Images/Caption/onlinePoll.gif) no-repeat right; text-indent:-2000px;}
.PollBox .sf_pollQuestion{}