@charset "utf-8";

/*

                                                        /+-`
                                                      +MNNmdy+`
                                     `.      .dNds/. `NN-:ydddms-
                                   +NMmy/` :NmyNmNNyhN+   .sNdmNd/
                                  +Ms+mmNNhMy` +dyhmMy     oNmdddNy
                                 +Ms  :ysymy    :mmhd`    +moyddNm.
                -//`.:/++++/.   +Ms    -ddydo    -mN.    +mdm-/hd:...`
            `+hmyyNmhso+//+smmysMs  .-  .ddmmy`   .-    /Ndho `d/```md/     `----`
         `sNy-  :mo  -//.  `ddNs  .hd-  `ydhdd-       /NNNNdho/:   dh/    .````sNo  :-:/o`
         -mh.  -+smo  smNh  :mds  `ddys    yNNNN-     :NNNNNMy  :   MM/   `. .- .ys`-   /y:
        .Ny  /hmmmNs  oNy. +NNs   ``        oNNo       smdmNm` `:  `mm:   -  ys  sMo-   dy
        sM- +NmNs+My  /d`   -+   .-/+ooyd-  `h:   .:    /mhymm.`-  `NN+::+` /N+. .NN:  om.
        +M: .hmNmdNy  :Nm/     `ydNMNNdhmm-/y.   :NN/    -mmmmN+-   ....oy+       yNh.-h-
        `hN/      hh  .ddMd:   hmddNys+/oMm/   `smNNN/    `hNNNNo.......oh/ys..-  .y:..o-
          +mNhsssymd`:+MNMymd/yNNNN/    .dN+  /dyyymNN+     oNNNNh`    ....+-  `...:  .d-
            -+syhhdNNNNNdh` :yNNNMo       sMhhmdddNs`hNo  `+dmNNNNm.               ...-:
                    `--.       `:o/         /dNNNNm:  `hNoommhhyhNm+
                                              `:o/`     yMNNNNNNm+`
                                                        ./shNmo`


                   
Litespell CSS legend  =======================================

Company & Project Owner: Litespell
Project: ---------- StyleSheet
Author: Volkan Ongun
Comments: -_-


= Color Reference Guide =

font color: #000
header color: #000
background color: #fff
hightlight color: -
link color: #000


special thanx to;
-----------------
old holdborn,OCB,miller,murcof,blackfield,doors,pink floyd,
dream theater,alan parsons,alice in chains
google,ruby,Jquery,admins for patience :)

================================================================

R E S E T  S T Y L E S */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding: 0;}
ol, ul {}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
table {border-collapse: separate;}
caption, th, td {text-align: left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {text-decoration:none;outline:none;}
a:hover,a:active {text-decoration:underline;outline:none;}
fieldset,img,a img {border:0;}
object,input {outline:none;}
strong {font-weight:bold;}

/* site helper styles */ 
.spacer {width:100%;height:20px;}
.midspacer {width:100%;height:50px;}
.clrspacer {clear:both;height:8px;}
.lefty {float:left;}
.righty {float:right;}
.relo {position:relative;z-index:10}
.central {text-align:center;}
.righter {text-align:right;}
.clearer {clear:both;display:block;}
.clr:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.zenone {display:none}
.zeblock {display:block}
.p10 {padding:10px;}
.p20 {padding:10px;}
.p10 img {vertical-align:middle;}
.pt10 {padding-top:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}

/*============================================ = reset styles */


/*=================================================================== */

body {background:#771f7b url(../images/background.jpg) no-repeat fixed top center;font-family:Tahoma,Helvetica,sans-serif;color:white;font-size:62.5%;}
	.crax-holder {width:900px;margin:0px auto}
		.crax-header {height:262px;background:url(../images/header.png) no-repeat left top;position:relative;}
			.mainpagelink {height:260px;left:240px;position:absolute;text-indent:-9999px;top:0;width:424px;}
			.crax-body {background:url(../images/body-back.gif);min-height:1000px;width:100%;font-size:1.2em;}
				.crax-body-left {width:572px;float:left;padding:0px 16px}
				.crax-body-right {width:280px;float:right}
					.crax-body-right h2 {font-size:1.6em;margin-bottom:15px;}
					.crax-body-right img {margin-left:7px;margin-bottom:20px}
					.crax-body-right a {color:#fff;}
					.crax-body-right a:hover {color:#ffea00;}
					.inputbox {border:1px solid white;background:#791e78;padding:2px;color:white}
	
		.footer {background:url(../images/footer.png) no-repeat center top;height:182px;width:900px;margin:0px auto}
	
		.menu-left {left:34px;width:253px;}
		.menu-right {right:36px;width:193px;}
			.menu-left,.menu-right {list-style:none;position:absolute;top:182px;}
			.menu-left li,.menu-right li {float:left;}
	
		.craxprogram table {font-size:0.9em;width:275px;font-size:1.1em}
		.craxprogram6 td p span {margin-left:50px;}
			.like-count {background:url(../images/craxed-back.png) no-repeat left top;width:66px;height:102px;}

		.yardim div {margin-bottom:30px}
			.yardim div img {margin-bottom:10px}
			.yardim ul {margin-bottom:20px;}
			.yardim ul li {margin-left:40px;}
			.yardim div strong {margin-left:40px;}

		.craxprogram table tr td {padding:7px 8px;}
		#craxprogram6 tr td p span {display:block;text-indent:40px;}

		.crax-video {}
			.crax-video h1 {font-size:2.0em;margin-bottom:7px;}
			.crax-video h2 {font-size:1.6em;margin-bottom:15px;}
			.video-holder {background:url(../images/crax-video-back.png) no-repeat left top;clear:both;height:504px;margin:0 auto;padding:13px 40px 0 26px;text-align:center;width:467px;}
		
			.crax-video-stats {margin-top:30px;text-align:left;width:107%;}
				.crax-video-stats .cell1{padding-top:7px;vertical-align:top;width:140px;}
				.crax-video-stats .cell2{padding-top:3px;text-indent:27px;vertical-align:top;width:59px;}
				.crax-video-stats .cell3{font-size:0.9em;padding:4px 10px 0;width:220px;vertical-align:top}
			
			.cell1 .liked {float:left;margin-left:15px;margin-top:9px;}
				.video-holder  .craxit a {background:url(../images/shape-of-my-heart.gif);display:block;height:35px;width:35px;text-indent:-9999px}
					.video-holder  .craxit a:hover {background-position:0px -37px}
			.facebook {margin-bottom:10px}
			.twitter {}

		.crax-comments {margin-top:20px;}
			.crax-comments h1 {color:#ffea00}
			.crax-comments ul {list-style:none;margin-bottom:30px;}
			.commenter {margin-bottom:10px}
			.commenter input {position:relative;top:8px;}
			.cname {color:#ffea00}
				.cname img {vertical-align:middle;}
				.cname span {color:#b18db3}
			.cbody {margin-left:69px;margin-top:4px;}
			.crax-comments textarea {background:none repeat scroll 0 0 #791E78;border:1px solid #FFFFFF;color:white;font-family:arial;font-size:1.2em;line-height:1.1em;}
			.pagination {font-size:0.9em;text-align:center;}
				.pagination a {color:#ffea00;}
				.pagination a:hover,.pagination a:active {color:#fff;}

			.yellower {color:#ffea00}
				.yellower a {color:#ffea00;text-decoration:none}
				.yellower a:hover,.yellower a:active {color:#ffea00;text-decoration:underline}

			.crax-comments .craxit {float:left;}
				
			.crax-comments .liked {float:left;margin-left:10px;margin-top:9px;}
			.comment-sender {margin:40px 0;}

	.login-table {padding:15px;}
		.login-table table {line-height:28px;}
		.login-table .cell1 {width:90px;}
		.login-table .cell2 {width:110px;}
		.login-table .cell3 {}
		.inputbox {border:1px solid white;background:#791e78;padding:2px;color:white;width:95px;}

	.loggedin {padding:10px}
		.loggedin textarea {height:58px;overflow:auto;margin-bottom:3px}

	.remind-pass {}	
		.remind-pass .notices {padding-left:62px}
		.remind-pass .inputbox {width:290px;}
		.remind-pass h1 {font-size:2.0em;margin-bottom:7px;}
		.remind-btn {margin-left:10px;vertical-align:middle;}
		.logout {margin-bottom:20px;margin-top:-11px;}
			.logout img {margin:0}

	.register-page h1 {font-size:2.0em;margin-bottom:7px;}
	.register-page table.lefty input,.register-page table.righty input,.register-page table.lefty select,.register-page table.righty select {border:1px solid #FCFBFC;background:#791e78;padding:2px;color:white;}
	.register-page table.lefty,.register-page table.righty {line-height:30px;}

	.register-page table.lefty,.register-page table.righty {}
	.register-page a {color:white;text-decoration:underline}
	.register-page a:hover {color:#ffea00;text-decoration:underline}
	.righter h4 {padding-right:5px}

	.errorExplanation {color:#ffea00;line-height:20px;padding:0 10px 30px;}
		.errorExplanation ul {margin-left:15px;}

	.fieldWithErrors {display:inline}

	.top10 {width:272px; }
		.top10 ul {list-style:none;}
			.top10 ul li {margin-bottom:30px;}
		.rank {font-size:2.6em;margin-bottom:4px;margin-top:9px;text-align:center;}
		.top10 .rating {float:left;width:70px;}
		.top10-visual {background:url("../images/small-video-back.png") no-repeat scroll left top transparent;float:right;height:148px;padding:5px 6px 4px 4px;width:191px;}
		.top10 .like-count {background:url("../images/craxed-back.png") no-repeat scroll left top transparent;height:102px;padding:11px 14px 0 10px;text-align:center;width:45px;}
		.like-count span {display:block;margin-bottom:10px;}
		
		.top10text div {font-size:1.3em}
	
	.top30 {width:560px;}
		.top30 ul {list-style:none;width:250px;}
			.top30 ul li {margin-bottom:20px;}
		.top30-visual {background:url("../images/smaller-video-back.png") no-repeat scroll left top transparent;float:left;height:76px;margin-right:10px;padding:2px 6px 4px 1px;width:91px;}
			.top30-visual img {width:90px;height:73px;}
		.top30text {float:left;margin-top:6px;width:136px;}
		.top30text div {font-size:1.1em;line-height:1.4em}
		.top30text div a {color:white;text-decoration:none}
		.top30text div a:hover,.top30text div a:active {color:white;text-decoration:none}
		
	.ranking {font-size:1.3em;}
	.winners tr td {text-align:center}
/*============================================ */