*{margin:0;padding:0}
body,div,span,p,a,img,ul,ol,li,table,th,tr,td,form,fieldset,legend,dl,dt,dd,blockquote,applet,object{border:0}
body{padding:0;background:#fff url(../img/up_bkg.png) repeat-x;font:0.8em/1.5 "arial",sans-serif;color:#303030;text-align:center}
a{color:#6eb43f}
a:link{color:#6eb43f}
a:hover{color:#6eb43f;text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:15px 0 7px 0;direction:rtl}
h1{font-size:200%;color:#56a1d5}
h2{font-size:160%;font-weight:normal;color:#56a1d5;float:right;text-align:right;width:100%}
h3{font-size:105%;border-bottom:1px solid #ddd;padding-bottom:5px;margin-top:25px;margin-bottom:14px}
h4{font-size:120%}
h5{font-size:100%}
#layout{width:870px;margin:0 auto;text-align:left;position: relative;}
#header{padding:10px 0 0 0;position:relative;direction:rtl}
#corner{background: url("../img/up_corner.png") no-repeat scroll left top transparent;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 200;}
#player{position:relative;margin-left:auto;margin-right:auto;margin-top:15px;width:460px;height:300px;text-align:center}
#logo{position:relative;overflow:hidden;width:250px;height:116px;font-size:250%;margin:0;line-height:108px;text-align:right}
#logo a{text-decoration:none;color:#6eb43f;font-weight:normal;padding:0px 10px 7px 10px}
#logo span{color:#cfe444}
#navigation{display: block;
    float: right;
    font-size: 95%;
    height: 86px;
    line-height: 45px;
    margin-top: 20px;
    position: absolute;
    right: 210px;
    text-align: right;
    top: 10px;}
	#navigation ul{
	display: block;
    margin: 15px 0 15px 40px;
    width: 355px;
	}
#navigation ul li{display: inline;
    float: right;
    width: 112px;}
#navigation li a{color: #702F88;
    font-size: 16px;
    font-weight: bold;
    padding-left: 64px;
    text-decoration: none;}
	
#first a{border:none !important}
#navigation a:hover{text-decoration:underline;}
#main-box{-moz-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background: url("../img/featuers_bkg.png") repeat-x scroll left top #ededed;border:1px solid #CCCCCC;color:#fff;font-size:24px;padding:10px 25px 20px;width:460px}
#main-box-head{text-align:right;background: url("../img/featuers_title.png") no-repeat scroll  right -2px transparent;display: block;height: 24px;}
#video{padding-top:25px;padding-bottom:25px;padding-right:50%;padding-left:12%;background:url(../img/main-corner.jpg) no-repeat right bottom}
#main{padding:0 20px 0 37px;margin-top:35px;min-height: 450px;}
#content{float: right;
    padding: 20px 0 10px;}
#category-block{background: url("../img/list_corner.png") no-repeat scroll left top #ededed;
    float: right;
    font-family: Tahoma;
    min-height: 680px;
    margin: 20px 0 34px 19px;
    padding: 10px 14px 10px 12px;
    text-align: right;
    width: 245px;
	border-radius: 10px 10px 10px 10px;
	
	}
#category-block:hover{
background: url("../img/list_corner_hover.png") no-repeat scroll left top #ededed;
}
#category-block a{
color: #61c430;
text-decoration: none;
line-height: 20px;
}
#category-block a:hover{
color: #56a1d5;
}


.playlist{border-top: 1px solid #ededed;
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-right: 30px;
    padding-top: 26px;
	
	}
	.playlist a{
	color: #61C430;
    line-height: 20px;
    text-decoration: none;
	font-family: tahoma;
	}
#playlisthead{height:30px;width:100%}
#prev{float:left;width:10%}
#playlist_title{float:center;width:100%;direction:rtl;text-align:center;color:#56a1d5}
#next_prev{padding:20px;font-size:18px}
#next{float:right;width:10%}
#categories{direction: rtl;
    float: right;
    text-align: right;
    width: 880px;}

.category_playlist{background: none repeat scroll 0 0 #EDEDED;
    border-radius: 10px 10px 10px 10px;
    direction: rtl;
    float: right;
    font-size: 100%;
    margin-bottom: 40px;
    margin-right: 44px;
    padding: 10px;
    position: relative;
    text-align: right;
    width: 374px;}
.category_name{clear:both;display:block;text-align:right;width:26%}
.category_text{display:block;margin-bottom:5px;font-size:22px;font-weight:bold;color:#75af4b;font-family: Arial;height: 30px;margin-right: 10px;}

/*#title4
{
background: url(../img/arithm.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}
#title7
{
background: url(../img/introgebra.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}
#title8
{
background: url(../img/algebra.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}
#title5
{
background: url(../img/trigon.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}

#title11
{
background: url(../img/tri.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}
#title12
{
background: url(../img/calc.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}
#title10
{
background: url(../img/linear.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}
#title9
{
background: url(../img/chem.png) no-repeat scroll top right transparent;
height: 30px;
margin-right: 10px;
}*/



#footer{background: url("../img/foot.png") no-repeat scroll left bottom #56a0d4;
    color: #AAAAAA;
    margin-left: 15px;margin-top: 50px;height:105px;
    padding: 10px 0 10px 0;
    width: 100%;clear:both;}
#footer p{margin-top:0;margin-bottom:0}
#copyright{float:left;width:300px}
#dont-delete-this{margin:0 0 0 323px;text-align:right}
.insert_comment{background: none repeat scroll 0 0 #F1E371;
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    direction: rtl;
    font-size: 18px;
    margin: 30px auto;
    padding: 10px 25px;
    width: 675px;}
#comments{-moz-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background:none repeat scroll 0 0 #ededed;;color:#333;font-size:18px;margin:20 auto;padding:10px 25px 20px;width:600px;text-align:right}
.thumbnail{float:right;margin:0 13px 20px 0px;width:745px}
.thumbnail-pic{float:right;margin-left:49px;text-align:center}
a img{border:0px solid #dadada}
a:hover img{border:0px solid #bbb}
p{margin:10px 0 15px 0;line-height:24px;font-size:95%}
.content p{color:#fff;margin-top:10px}
table{margin:10px 0;border:1px solid #cdcdcd;border-collapse:collapse;border-spacing:0;font-size:100%;width:100%}
th{text-align:center;font-weight:bold;border:1px solid #cdcdcd}
th,td{padding:4px 6px;border:1px solid #cdcdcd}
tr.table-top{background:#e5e5e5;font-weight:bold}
ul,ol{display:block;margin:15px 0 15px 40px}
ul ul,ul ul ul,ol ol,ol ol ol{margin:0;margin-left:20px}
ol{list-style-type:decimal}
ol ol{list-style-type:upper-alpha}
ol ol ol{list-style-type:lower-alpha}
li{display:list-item}
ul li a{text-decoration:underline}
dl{margin:15px 0}
dt{font-weight:bold}
dd{margin-left:30px}
fieldset{background: none repeat scroll 0 0 #ededed;
    border: 1px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    font-size: 16px;
    margin: 15px 0;
    padding: 10px 40px 10px 0;
    text-align: right;}
#container{
background: none repeat scroll 0 0 #ededed;
    border: 1px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    font-size: 16px;
    margin: 15px 0;
    padding: 10px 40px 10px 0;
    text-align: right;
}
legend{margin-left:10px;font-size:100%;font-weight:bold;color:#000}
abbr,acronym,.help{border-bottom:1px dotted #CCC;cursor:help}
blockquote{margin:15px 20px;font-style:italic}
del,.del{text-decoration:line-through}
strong,.strong{font-weight:bold}
cite,em,q,var{font-style:italic}
code,kbd,samp{font-family:monospace;font-size:110%}
hr{display:block;height:1px;margin:10px 0;padding:0;border:0 solid #CCC;background:#CCC;color:#CCC}
.light{padding:4px 5px;background:#ac0001;text-decoration:none}
.light:hover{color:#fff}
.noscreen{display:none}
.clear{clear:both}
#foot{
width: 810px;
margin:0 auto;

}
#socials {
float: left;
    height: 90px;
	margin-top: 30px;
	}
a#youtube{
background: url(../img/youtube.png) no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
	}
a#facebook{
background: url(../img/facebook.png) no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
	}
a#twitter{
background: url(../img/twitter.png) no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
	margin: 0 10px;
	}
	
	a.idea{
	background: url(../img/idea.png) no-repeat scroll top right transparent;
	display: block;
	width: 75px;
	height: 27px;
	}
	
	a.us{
	
	background: url(../img/us.png) no-repeat scroll top right transparent;
	display: block;
	width: 75px;
	height: 27px;}
	
	a.support{
	background: url(../img/support.png) no-repeat scroll top right transparent;
	display: block;
	width: 75px;
	height: 27px;}
	
	a.contact{
	background: url(../img/contact.png) no-repeat scroll top right transparent;
	display: block;
	width: 75px;
	height: 27px;}
	
	a.login{background: url(../img/login.png) no-repeat scroll top right transparent;
	display: block;
	width: 75px;
	height: 27px;}
	
	a.register{background: url(../img/register.png) no-repeat scroll top right transparent;
	display: block;
	width: 75px;
	height: 27px;
	}
	
	a.idea:hover{
	background: url(../img/idea.png) no-repeat scroll bottom right transparent;
	}
	
	a.us:hover{background: url(../img/us.png) no-repeat scroll bottom right transparent;}
	
	a.support:hover{background: url(../img/support.png) no-repeat scroll bottom right transparent;}
	
	a.contact:hover{background: url(../img/contact.png) no-repeat scroll bottom right transparent;}
	
	a.login:hover{background: url(../img/login.png) no-repeat scroll bottom right transparent;}
	
	a.register:hover{background: url(../img/register.png) no-repeat scroll bottom right transparent;}
#thumbs{
width: 300px;
float : left;
}
#section_title_bkg{
background: url(../img/section_title_bkg.png) repeat-x scroll bottom right transparent;
height: 45px;
width: 97%;
border-radius: 5px;
}
#section_title{
background: url(../img/section_title.png) no-repeat scroll top right transparent;
height: 40px;
margin-right: 11px;

}

#ads{
background: url(../img/adv.png) no-repeat scroll top left transparent;
width: 325px;
height: 370px;
display: block;
position: absolute;
left: 0;
top: 162px
}