/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://www.xhtml2u.com
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, table { border:0; }
ol,ul { list-style:none; }
caption,th { 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 {outline: none;outline-style:none;}
html {height: 100%;}
body {font:normal normal 14px/normal "Times New Roman", Times, serif;background:#000 url(img/bg.jpg) repeat-x top;font-size:12px;color: #0F0F0F;text-align:left;}
.clear { clear: both; width: 90%; height: 15px; }
.alignleft { text-align: left; }
.alignjustify { text-align: justify; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatright{ float: right;}
.floatleft{	float: left;}
.italic{	font-style: italic;}
.content{width:960px;clear:both;margin:0 auto;}
#wrap{width:960px;margin: 0 auto;background:transparent;;text-align:left;padding:0;}
#wrap.main{position:relative;}
.separator{width:100%;clear:both;float:left;margin:8px 0;height:10px;background-color:#1F3E5F;}
/* --------------- Headings -------------- */
h1{color:#f747ae;font:normal bold 30px/normal 'Arial', sans-serif;padding:20px 10px 0 0;}
h1 span{color:#79c023;}
h2{color:#59358F;font:normal bold 24px/normal "Times New Roman", Times, serif;padding:5px;}
h3 {padding:15px 0 2px 15px;color: #0F0F0F;font:normal bold 16px/normal 'Arial';}
h4{color:#59358F;font:normal bold 14px/normal "Times New Roman", Times, serif;padding:5px;clear:both;}
h5{color:#ffffff;font:normal bold 16px/normal 'Arial', sans-serif;padding:15px;clear:both;}
/* ------------ Header ----------------- */
#top{height:135px;text-align:right;background:transparent url(images/top.jpg) no-repeat top;position:relative;}
a#logo{display:block;width:220px;height:125px;background:transparent url(img/logo.jpg) no-repeat;float:left;}
a#booklink{color:#fff;font:normal normal 14px/normal "Times New Roman", Times, serif;text-transform:uppercase;
background-color:#801E99;text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
display:block; width:380px;height:21px;text-align:center; position:absolute;right:0px;bottom:35px; padding-top:3px;}

div.top-link{height:16px;padding:8px 20px 8px 0;width:600px;float:right;}
div.top-link a{color:#fff;font-size:14px;text-transform:uppercase;text-decoration:none;}
div.top-link a.home{padding:2px 8px 0 22px;background:transparent url(images/home.jpg) no-repeat left;}
div.top-link a.forum{padding:2px 0 0 22px;background:transparent url(images/forum.jpg) no-repeat left;}
div.top-link a.kiv{padding:2px 0 0 22px;background:transparent;font-weight:bold;color:#B740CF;}
div.top-link a:hover{color:#E80DCB;}
#nav{background:transparent;height:41px;width:708px;padding:0px 2px 0px 7px;margin:0 auto;float:right;text-align:right;}
#nav li{display:inline;padding:0;float:left;background:transparent;}
#nav a{text-decoration:none;color:#fff;padding:12px 10px 12px 10px;text-align:center;font:normal bold 14px/normal "Times New Roman", Times, serif;float:left;text-transform:uppercase;}
#nav a:hover{color:#fff;background:transparent url(images/hover.jpg) repeat-x top;}

#nav2{background:transparent;height:41px;width:600px;padding:15px 2px 0px 7px;margin:0 auto;float:right;text-align:left;}
#nav2 li{display:inline;padding:0;float:left;background:transparent;}
#nav2 a{text-decoration:none;color:#BFBFCB;padding:12px 20px 12px 20px;text-align:center;font:normal normal 24px/normal "Times New Roman", Times, serif;float:left;text-transform:uppercase;}
#nav2 a:hover{color:#B332D2;}
/* ------------ Feature ----------------- */
#feature{height:410px;float:left;}
#parallax{position:relative; overflow:hidden; width:960px; height:400px;}
#intro p{font:normal normal 18px/160% Arial, sans-serif;padding:10px 30px;color:#EFEFEF;}

/* ------------ Quotes ----------------- */
#texts{background:#631877 url(images/bg_texts.jpg) no-repeat top;width:960px;float:left;text-align:center;}
#texts h2{color:#D9C7E4;font:normal normal 36px/140% "Times New Roman", Times, serif;float:left;padding:40px 0 0 300px;text-transform:uppercase;}
#quotes{background:#D9C7E4;width:730px;padding:10px ;margin:150px auto 20px auto;text-align:left;}
#quotes-content{width:650px;height:100px;padding:0 40px;}
.left-quote, .right-quote{width:730px;font:normal normal 90px/60% "Times New Roman", Times, serif;color:#AC86BA;}
.right-quote{text-align:right;}
span.quote{font:normal normal 20px/140% "Times New Roman", Times, serif;color:#5F1771;text-transform:uppercase;}
p.mission{font:normal normal 16px/140% "Times New Roman", Times, serif;color:#5F1771;padding:10px;}
/* ------------ Footer ----------------- */
#footer{float:left;margin-bottom:25px;}
.footer-top{height:62px;background:transparent url(images/footer-top.jpg) no-repeat top;margin:8px auto;}
ul.thumb{width:960px;height:35px;background:transparent url(images/books.jpg) no-repeat;}
ul.thumb li{display:inline;}
ul.thumb li a{display:block;height:35px;border:0;float:left;}
#screenshot{position:absolute;background:#000;padding:0;display:none;border:2px solid #BFBFCB;}
#footer-out{float:left;padding:10px;margin-top:10px;width:960px;clear:both;margin:0 auto;border-top:1px solid #1F1F1F;}
#footer-out p{color:#6F6F6F;}
/* ------------ Content ----------------- */
#container{width:960px;clear:both;margin:0 auto;float:left;background-color:#E8E6EB;}
#content{width:580px;float:left;padding:10px;}
img.portre{border:6px solid #c3c3c3;margin:10px auto;}
#content h2{color:#B332D2;font:normal bold 26px/normal "Times New Roman", Times, serif;padding:10px 5px 10px 20px;text-transform:uppercase;}
#content h2 span{color: #0F0F0F;font-weight:normal;}
#content.authors p{padding:50px 20px 0 20px;font-size:16px;line-height:160%;}
#sidebar iframe{border:6px solid #c3c3c3;margin:10px auto;}

body#megjelolve .book{height:1050px;background:#000 url(images/bg_marked.jpg) no-repeat top;}
body#megjelolve #book-content{width:610px;padding:240px 0 0 225px;}
body#megjelolve #book-content p{color:#E1E1E1;font:normal normal 14px/160% "Times New Roman", Times, serif;}

body#elarulva .book{height:1050px;background:#000 url(images/bg_betrayed.jpg) no-repeat top;}
body#elarulva #book-content{width:600px;padding:240px 0 0 115px;}
body#elarulva #book-content p{color:#E1E1E1;font:normal normal 14px/120% "Times New Roman", Times, serif;}

body#kivalasztott .book{height:1050px;background:#000 url(images/bg_chosen.jpg) no-repeat top;}
body#kivalasztott #book-content{width:600px;padding:240px 0 0 115px;}
body#kivalasztott #book-content p{color:#E1E1E1;font:normal normal 14px/120% "Times New Roman", Times, serif;}

body#preda .book{height:1050px;background:#000 url(images/bg_hunted.jpg) no-repeat top;}
body#preda #book-content{width:600px;padding:240px 0 0 115px;}
body#preda #book-content p{color:#E1E1E1;font:normal normal 14px/120% "Times New Roman", Times, serif;}

body#vad .book{height:1050px;background:#000 url(images/bg_untamed.jpg) no-repeat top;}
body#vad #book-content{width:600px;padding:220px 0 0 115px;}
body#vad #book-content p{color:#E1E1E1;font:normal normal 14px/120% "Times New Roman", Times, serif;}

body#megkisertve .book{height:1050px;background:#000 url(images/bg_tempted.jpg) no-repeat top;}
body#megkisertve #book-content{width:600px;padding:240px 0 0 115px;}
body#megkisertve #book-content p{color:#000;font:normal normal 14px/120% "Times New Roman", Times, serif;}

body#megperzselve .book{height:1050px;background:#000 url(images/bg_megperzselve.jpg) no-repeat top;}
body#megperzselve #book-content{width:600px;padding:240px 0 0 115px;}
body#megperzselve #book-content p{color:#E1E1E1;font:normal normal 14px/120% "Times New Roman", Times, serif;}

div.order{padding:10px 0 0 0px;}
div.order a.order-button{background:transparent url(images/order-button.png) no-repeat top;display:block;width:200px;height:35px;text-indent:-9999px;margin:0;}

body#megjelolve #book-content div.order p{font-size:16px;}

.signs{ clear:both;float:left;padding:8px 10px; }
.signs img.sign{ float:left;margin:0 0 0 20px; }
.signs h2{ width:380px;float:right; }
.signs h4{ width:380px;float:right;clear: none; }
.signs p{ width:380px;float:right;clear: none;font:normal normal 14px/160% "Times New Roman", Times, serif; }

.wallpaper{float:left;padding:8px 10px 8px 30px;width:300px }
.wallpaper img.wp-thumb{ float:left;margin:10 20px;border:5px solid #D6D1DF;}
ul.wp{float:left;width:300px;padding:4px 0 0 0;}
ul.wp li{padding:0 8px;display:inline}
ul.wp li a{color:#DF3B06;font:normal bold 14px/130% "Times New Roman", Times, serif;}

div.ins-nav{ width:100%;clear:both;height:400px;}
div.ins-nav.tanarok{background:transparent url(images/tanarok_image.jpg) no-repeat left;}
div.ins-nav h2{ color:#8b878c;font:normal normal 30px/130% "Times New Roman", Times, serif;padding:50px 0 10px 400px;text-transform:uppercase;}
div.ins-nav ul{ padding:50px 0 0 360px; }
div.ins-nav ul li{color:#59358f;font:normal bold 16px/130% "Times New Roman", Times, serif;text-transform:uppercase;padding:4px 0; }
div.ins-nav ul li span{color:#8b878c;text-transform: none;font-weight:normal;}
#right h3{color:#59358f;font:normal normal 20px/130% "Times New Roman", Times, serif;text-transform:uppercase;padding:5px;}
#right h3 span{color:#8b878c;text-transform: none;font-weight:normal;}

div.sep-bg{padding-bottom:30px;background: transparent url(images/sep.jpg) no-repeat bottom;}
/* ------------ News ----------------- */
#left{ float:left;width:250px;padding:10px 0; }
#right{ float:right;width:680px;padding:10px;border-left:1px solid #bbbabb;margin:10px 0;}
#right p{font-size:14px;}
ul.sidemenu{padding:10px;}
ul.sidemenu li{padding:2px 0 2px 16px;background:transparent url(images/menu_motiv.jpg) no-repeat left;}
ul.sidemenu li a{color:#8b878c;font:normal normal 20px/130% "Times New Roman", Times, serif;text-decoration:none;}
ul.sidemenu li a:hover{color:#5A595E;}
.entry{padding:2px 0 40px 0;background:transparent url(images/motiv.jpg) no-repeat bottom;}
.entry h3 a{ color:#494A5B;text-decoration:none; }
.entry p.info{font-size:11px;border-bottom:1px solid #c3c3c3;padding:2px 4px;}
.entry p{ font:normal normal 14px/150% Arial, sans-serif; }

#left h4 a{color:#8b878c;font:normal normal 20px/130% "Times New Roman", Times, serif;text-decoration:none;padding:5px 0 0 20px;}
a.side-book{ width:170px;height:243px;display:block;margin:8px 0 4px 35px;border:6px solid #c3c3c3;}
a.sbanner{ width:164px;height:101px;display:block;margin:8px 0 4px 35px;border:6px solid #c3c3c3;}

/* ------------ Yearbook ----------------- */
#yearbook{width:900px;height:620px;background:transparent url(images/yearbook.jpg) no-repeat;margin:0 auto 0 30px;}
#yearbook p{color:#5A595E;font:normal normal 14px/130% "Times New Roman", Times, serif;}
#jFlowSlide{ background:transparent; font-family: Georgia; }
#myController {padding:2px 0; width:610px;background:#000;margin:20px 0 0 200px; }
#myController a.highlight { background:#EF3BDE;margin-right:0px; }
#slides{height:560px;overflow:hidden;}
.slide-wrapper { padding: 5px; }
img.slide-thumbnail { width:320px;height:440px;float:right;margin:55px 82px 0 auto; }
.slide-details { width:296px;height:440px;float:left;padding:0 10px;margin:40px 0 0 82px;}
/*.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }*/
.jFlowControl, .jFlowPrev, .jFlowNext, #myController a { color:#FFF; cursor:pointer;padding:2px 5px;font-size:16px;text-decoration:none; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover, #myController a:hover { background: #841E9E;text-decoration:none;  }

/* RATER PLUGIN */
.ui-rater>span {vertical-align:top;}
.ui-rater-rating {margin-left:.8em}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(libs/stars.png) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}