body{
  text-align: center;
  background-color:#ffb606;
  font-family: Tahoma,arial,georgia,verdana;
  font-size: 100%;  
  background-image: url(../../Images/Background/InnerPage.gif);
  background-position: left top;
  background-repeat: repeat-x;
  direction:rtl;
 }
 
p{
 font-size:.75em;
 color:#6b4b00;
 line-height:20px;
 padding: 0 0 10px 0;
}

h3{
 padding: 0 0 10px 0;
}

 h4{
 float:right;
 color: #a77600;
 }
 
 #Kalimat,
 #SoCooolClub
 {
 float: right;
 margin-top: -70px;
 position: relative;
 z-index: 1000;
 }
 
 .FloatLeft{
 float:left;
 }
 
 #Header{
  height:127px;
 }

#Content h4{
 width: 100%;
 text-align: right;
 margin-right: -5px;
}

#Content
{
margin-top: 25px;
}

.Column1 {
 margin-top:20px;
 float:right;
 clear:both;
}

.Column1 .Box{
  margin:0 0px 20px 20px;
  float:right;
  }

.NewsInfoleft{
  width:580px;
  float:right;
  clear:both;
  margin-left:20px;
 }

.NewsInfoleft .NewsBox{
  float:left;
  background-image: url(../../Images/Background/NewsleftTop.gif);
  background-position: right top;
  background-repeat:no-repeat;
  padding-top:10px;
  float:left;
  }

 .NewsInfoleft .NewsLeft {
  background-image: url(../../Images/Background/NewsleftBottom.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
  padding-bottom:10px;
  float:left;
 }
 
 .NewsInfoleft .NewsBoxshade{
  background-color:#ffe378;
  float:left;
  padding:0px 10px 0px 10px;
 }
 
 .NewsInfoleft .NewsDetails{
  background-image: url(../../Images/Background/NewsBubbles.gif);
  background-position: left top;
  background-repeat:no-repeat;
  background-color:#fdf4cd;
  width:520px;
  text-align:right;
  padding:20px 20px 0px 20px;
  float:left;
  height:auto!important;
  min-height:520px;
  height:520px;
  }   
  
  .Date{
   color:#6b4b00;
   font-weight:bold;
  }
  .Paging{
   width:670px;
   padding-top:20px;
   float:left;
  }
  
  .Paging .Previous{
   text-align:left;
   font-size:.8em;
   color:#6b4b00;
   padding:10px 5px 9px 50px;
   float:left;
   background-image: url(../../Images/Generic/Previous.gif);
   background-position: left top;
   background-repeat:no-repeat;
   background-color:transparent;
   border:0px none;
  }
  .Paging .Next{
  text-align:right;
  font-size:.8em;
  color:#6b4b00;
  padding:10px 50px 9px 5px;
  float:right;
  background-image: url(../../Images/Generic/Next.gif);
  background-position: right top;
  background-repeat:no-repeat;
  background-color:transparent;
  border:0px none;
 }
    
 .Paging .Left {
   text-align:left;
   width:220px;
  }
   
.Paging .Right {
 text-align:right;
 width:220px;
}
    
.Paging .Pageinfo {
 text-align:center;
 width:230px;
}

.Paging .Pageinfo span{
   font-size:.8em;
   color:#6b4b00;
 }

.NewsInforight{
 width:380px;
 overflow:hidden;
 margin-top:20px;
}

.NewsInforight .Box{
 background-image: url(../../Images/Background/ControlsTop.gif);
 background-position: left top;
 background-repeat:no-repeat;
}

.NewsInforight .Box .Controls{
 background-image: url(../../Images/Background/ControlsBottom1.gif);
 background-position: left bottom;
 background-repeat:no-repeat;
}
/*inner boxes Containg captions and informations*/
.NewsInforight .ControlCaption{
 width:330px;
 padding:20px 15px 0px 15px;
 height:auto!important;
 min-height:300px;
 height:300px;
 position:relative;

}
.CartoonLogos{
 float:left;
 position: relative;
 right: -5px;
 overflow: hidden;
}
.CartoonLogos .Icons li{
float:left;
}
.CartoonLogos td,
.CartoonLogos ul li{
 vertical-align: top;
 padding: 0 0 0px 0;
}
.CartoonLogos td{
 vertical-align:top;
 text-align:right;
}

.CartoonLogos td img
{
margin: 0 10px 10px 0;
}


.Webcomic img
{
position: absolute;
left: 0;
bottom: 0;
}

/*NewsListing Page styles*/
.Column2{
margin-top:20px;
float: left;
}

.NewsList{
width:780px;
margin:20px 0px 0px 0px;
float:right;
clear: right;
}

.NewsList .NewsBox{
background-image: url(../../Images/Background/NewsListtop.gif);
background-position: right top;
background-repeat:no-repeat;
padding-top:16px;
float:right;
width:780px;
}

.NewsList .NewsLeft{
background-image: url(../../Images/Background/NewsListbottom.gif);
background-position: right bottom;
background-repeat:no-repeat;
padding-bottom:16px;
float:right;
width:780px;
}

.NewsList .NewsBoxshade{
background-color:#ffe378;
_padding:0px 15px 0px 0px;
float: right;
width: 100%;
}
.NewsList .NewsDetails{
background-image: url(../../Images/Background/NewsListbubbles.gif);
background-position: right top;
background-repeat:no-repeat;
background-color:#fef4d0;
height:auto!important;
min-height:480px;
height:480px;
text-align:right;
float: right;
width: 710px;
padding: 20px 20px 20px 20px ;
margin-right:15px;

}

.HorizontalListing td{
width:220px;
height:180px;
padding:0px 0px 20px 30px;
margin:0px 0px 20px 0px;
list-style-type:none;
background-image: url(../../Images/Background/NewsBottomline.gif);
background-position: left bottom;
background-repeat:no-repeat;
vertical-align: top;
}

.NewsList .NewsDetails p img
{
margin: 10px;
text-align: left;
}

.ReadMore a{
color:#ad7e0b;
font-size:0.8em;
font-weight:bold;
}

.NewsList .Paging{
width:670px;
position:relative;
bottom:30px;
float:left;
}

/*-----------------------Forum Styles-------------------------------*/ 

#ctl00_ContentContentPlaceHolder_LoginStatus1,
.sf_back a,
.sf_createNewItem a,
.sf_postCommands a
{
color: #6b4b00;
background: #fff;
font-size: 11px;
display: block;
padding: 5px 10px 5px 10px;
margin: 0 0 20px 0;
float: left;
text-decoration: none;
font-weight: bold;
border: 1px solid #ffe378;
}

.sf_back,
.sf_createNewItem 
{ float: left;}

.sf_back a,
.sf_createNewItem a,
.sf_postCommands a
{
margin: 0 0px 0 10px;
float: right;
}

.sf_threadTitle h1
{
clear: both;
float: none;
width: 100%;
text-align: right;
direction: rtl;
}

h2.sf_forumCategoryTitle
{
color: #6b4b00;
font-size: 25px;
padding: 0 0 20px 0;

}

.sf_forumsWrapper
{
clear: both;
padding: 0px 0px 0 0;
text-align: right;
}

.sf_forumsWrapper h3
{
font-size: 0.8em;
padding: 10px 0 10px 0;
}

.sf_forumsList,
.sf_forumsThreadsList
{
margin: 10px 0px 20px 0;
font-size: 0.7em;
clear: both;
width: 100%;
}

.sf_forumsList th,
.sf_forumsList td,
.sf_forumsThreadsList th,
.sf_forumsThreadsList td
{
border-bottom: 1px solid #ffe378;
padding: 10px 10px 10px 0;
text-align: right;
vertical-align: top;
color: #653f00;
}

.sf_forumsList th,
.sf_forumsThreadsList th
{
color: #a77600;
}

.sf_forumTitle
{
padding: 0 0 20px 0;
}

 .sf_forumTitle a,
.sf_forumThreadTitle a,
.sf_forumsWrapper td a
{
color: #d18700;
}

.sf_forumTitle a:hover,
.sf_forumThreadTitle a:hover,
.sf_forumsWrapper td a:hover
{
color: #a77600;
}


.CmsButLeft
{
padding: 10px 20px 0 0;
color: #168ac2;
display: block;
float: left;
}

.sf_userInfo
{
padding: 20px 0 0 0;
color: #aa6e30;
font-size: 0.7em;
font-weight: bold;
}

.sf_forumDate,
.quote p
{
font-size: 11px;
}

.quote p
{
font-size: 11px;
font-weight: bold;
}

.sf_postContent
{
font-size: 11px;
border-bottom: 1px solid #ffe378;
padding: 0 0 10px 0;
color: #653F00;
}

.sf_postContent p
{
font-size: 11px;
color: #653F00;
}

.sf_postListing  .sf_postContent,
.sf_singlePost .sf_postContent
{
border: 0;
}

.sf_postCommands
{
border-bottom: 1px solid #ffe378;
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
float: left;
width: 100%;
}

.sf_mandatoryFields
{
padding: 10px 0 0 0;
}

.sf_createNewItem
{
margin: 0px 0 20px 10px;
}
.Publish{
border: 1px solid #ffe378;
background-color:#fff;
padding:7px 5px 7px 5px;
font-weight:bold;
margin-bottom:10px;
color: #6b4b00;
font-size: 11px;
}
.FormLinks{
border: 1px solid #ffe378;
background-color:#fff;
padding:7px 7px 7px 7px;
font-weight:bold;
color: #6b4b00;
font-size: 11px;
}
.aligntop{
float:right;
margin-top:-13px;
}
.sf_createNewItem .Button,
.Form .Button

{
clear: none;
float: left;
margin: 10px 20px 10px 0;
color: #6b4b00;
background: #fff;
font-size: 11px;
display: block;
padding: 7px 10px 7px 10px;
margin: 0 0 20px 0;
float: left;
text-decoration: none;
font-weight: bold;
border: 1px solid #ffe378;
}

.sf_forumsEditor table td
{
border: 0;
}

.rade_editorModesCell ul li a,.rade_editorModesCell ul li a:hover
{
color: transparent;
}

.Login .Textbox
{
border: 1px solid #bebebe;
width: 150px;
padding: 3px;
}

.Login
{
margin: 20px;
font-size: 11px;
color: #a77600;
}

.LoginTitle
{
font-weight: bold;
font-size: 0.9em;
margin: 0 20px 0 0;
}

.Login th
{
width: 150px;
text-align: right;
padding: 0 0 10px 0;
}

.Login td
{
padding: 0 0 10px 0;
}

.Login .checkbox input
{
height: 15px;
margin-left: 15px;
}

.Login td.Action
{
width: 100%;
border-top: 1px solid #a77600;
padding: 10px 0  0 0;
}

.Login td p
{
font-size: 11px;
padding: 0 0 10px 0;
}

.LoginButton
{
color: #6b4b00;
background: #fff;
font-size: 11px;
display: block;
padding: 5px 10px 5px 10px;
margin: 0 -3px 0px 0;
float: left;
text-decoration: none;
font-weight: bold;
border: 1px solid #ffe378;
}

#CartoonAcademy
{
position: relative;
float: right;
margin: 20px 0 20px 0;
z-index: 1000;
}

/*------------------------------------------Blog Styles--------------------------------------------------*/

.sf_postListing{
list-style: none;
}

.sf_postListing li{
border-bottom: 1px solid #ffe378;
}

h2.sf_postTitle{
padding: 0 0 10px 0;
font-size: 14px;
font-weight: bold;
}

h2.sf_postTitle a{
color:#A77600;
text-decoration: none;
}

.sf_singlePost h2.sf_postTitle
{
font-size: 18px;
}

.BlogArchive ul,
.tagCloud
{
list-style: square;
margin: 10px 20px 20px 20px;
font-size: 12px;
}

.tagCloud,
.ControlCaption ul
{
list-style: none;
margin: 0px 0px 20px 20px;
}

.tagCloud li
{
padding: 0 0 10px 10px;
float: none;
display: inline;
}

.ControlCaption ul li
{
color: #6B4B00;
font-weight: none;
padding:0 0 10px 0;
font-size: 0.8em;
}

.BlogArchive ul li a,
.tagCloud li a
{
color: #653F00;
text-decoration: none;
}

.s6
{
font-size: 1.8em;
}

.s5
{
font-size: 1.4em;
}

.s4
{
font-size: 1.2em;
}

.s3
{
font-size: 1em;
}


.BlogArchive ul li a:hover,
.tagCloud li a:hover
{
color: #6b4b00;
}

.ListGeneric
{
list-style: none;
border-top: 1px solid #a77600;
padding: 20px 0 0 0;
float:left;
}

.ListGeneric li
{
width: 150px;
padding: 0 10px 0px 0;
margin: 0 0 20px 0;
float:left;
height: 190px;
}

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

.ListGeneric li .Thumb
{
float: left;
padding: 0 0 20px 0; 
}

.ListGeneric li .Summary
{
float: left;
padding: 0 0 0 30px;
}
.Registration{
width:500px;
}
.Registration td{
padding:10px;
}
.Registration td ul li{
padding:10px;
color:#6B4B00;
font-size:0.8em;
font-weight:bold;
list-style-type:none;
}
.Registration td ul li label{
width:200px;
}
.SignUp th{
color:#A77600;
font-size:11px;
font-weight:0.8em;
text-align:right;
}
.SignUp td{
color:#A77600;
font-size:0.70em;
font-weight:bold;
width:200px;
text-align:right;
vertical-align:top;
}
.SignupText{
width:150px;
}
.Action a{
float:right;
margin-top:-19px;
position:relative;
}
.Action {
width:305px;
}

#ctl00_NewsListContentPlaceHolder_ctl00_LoginView1_LoginStatus1{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FFE378;
color:#6B4B00;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin:0 0 20px;
padding:5px 10px;
text-decoration:none;
}

.sf_userInfo,
.sf_threadTitle{
clear: both;
}

.Form{
font-size: 0.8em;
color: #6B4B00;
}

.Form td{
padding: 0 10px 10px 0;
font-size: 0.7em;
}

.Form th
{
padding: 0 10px 10px 0;
}

/*comment*/
.sf_postNewComment{ margin-top:15px;}
.sf_postNewComment legend{ padding-bottom:15px; font-size:1.05em;}
.sf_postNewComment ol{ list-style:none; margin:0; padding:0;}
.sf_postNewComment ol li{ padding-bottom:10px;}
.sf_postNewComment ol li input, .sf_postNewComment ol li textarea{ width:220px;}
.sf_postNewComment ol li span{font-size:0.75em;}
.sf_postNewComment ol li.Input{ padding-right:150px;}
.sf_postNewComment ol li.Input input{ width:auto;}
.sf_postNewComment ol li label{ display:block; float:right; width:150px; font-size:0.75em;}
.sf_commentsList{padding-top:15px;}
.sf_commentsTitle{ padding-bottom:15px!important;}
.sf_commentListing{ list-style:none;}
.sf_commentListing li{ margin-bottom:10px;}
.sf_commentAuthor{ padding-bottom:0;}
.sf_anonymousComment span{ font-size:0.75em;}

.sf_singleContent .sf_genericContent, .sf_singleContent .sf_contentAuthor{ font-size:0.75em;}