/* +---------------------------------------------------------------+ | e107 Theme | -------------- | JoniPeti Weblapja | -------------- | Jónás Portál Stúdió | http://webdesign.jonipeti.hu/ | jonipeti@gmail.com | +---------------------------------------------------------------+ */ body {margin: 0px; padding: 0; font-size: 60.3%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #cccccc; text-align: center; background: #000000 url('images/background.jpg') fixed no-repeat top center;} a {color: #cc8d4e; text-decoration: none;} a:hover {color: #eba35a; text-decoration: none;} h1 {font-size: 3.2em;} h2 {font-size: 1.5em; color: #996633;} h3 {font-size: 1.3em;} h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;} td {background: none; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-style: normal; color:#fff; padding: 0px; text-align:left;} acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;} blockquote cite {margin: 5px 0 0; display: block;} hr {display: none;} a img {border: none} .linkspage_button {border:0px;} .hidden {display:none;} #toplinks {width: 700px; padding: 3px 0 0 0; margin: 10px 0 0 40px; float: left; } #toplinks li {display: inline; margin: 0 5px; background: url('images/bullet2.gif') no-repeat left; list-style-type:none; padding-left:23px; padding-right:0; padding-top:2px; padding-bottom:3px} #page {margin-left: auto; margin-right: auto; width: 1000px; border:medium none; text-align: left; background: url('images/page.png') repeat-y bottom left;} #topheader {margin-left: auto; margin-right: auto; width: 1000px; height: 85px; background: url('images/topheader.png') no-repeat bottom left; } #loginmenu {float:left; width: 193px; height: auto; padding:0; margin:50px 0 0 45px;} #content {margin-top:0px; font-size: 1.2em;} .left {margin-top: 15px; float:left; margin:0; padding:0; background: url('images/header.jpg') no-repeat top left; width:1000px;} #sidebar {margin-top: 20px; float:left; margin-bottom:0px; margin-left:30px; margin-right:0px; padding:11px; width: 200px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #menutopleft {background: url('images/menutopleft.png') no-repeat top left; width: 14px; height: 30px; margin: 0px;} #menutopcenter {background: url('images/menutopcenter.png') repeat-x top left; height: 30px; margin-left: 30px;} #menutopright {background: url('images/menutopright.png') no-repeat top right; height: 30px; width: 30px;} #menutopcenter h3 {color:#996633; margin:0px; margin-top: 2px;} #menubottomleft {background: url('images/menubottomleft.png') no-repeat top left; width: 30px; height: 35px; margin: 0px;} #menubottomcenter {background: url('images/menubottomcenter.png') repeat-x top left; height: 35px; width: 100%;} #menubottomright {background: url('images/menubottomright.png') no-repeat top right; height: 35px; width: 30px;} #text {color:#bd8e5f; padding-left:10px; padding-right:5px; } .narrowcolumn {padding:9px 0 0 0; margin-left: 258px; width: 703px;} *html .narrowcolumn {width: 695px;} .narrowcolumn .entry {line-height: 2.3em;} #newsimage {float:left; padding:3px 10px 0px 0px;} #footer {padding: 0; margin: 0 auto; width: 1000px; height:100px; clear: both; background: url('images/footer.png') no-repeat top left;} #footer p {margin: 0; padding-top: 30px; text-align: right; width: 950px;} #source {float:right; margin: 50px 40px 0 0; text-align:center; color: #000; } *html #source {margin-right: 20px;} #left {background:#996633; padding:5px; border:1px solid; border-color:#000;} #right {padding:5px; background:#663300; border:1px solid; border-color: #000;} #mess {margin-left: 3px; color: #ab7035; background:#493016; padding:3px; margin-top:3px; border: 1px solid #6c4721;} #timedate {border-bottom: 1px solid #6c4721; padding: 5px; color: #000;} #chat {margin-bottom: 5px; border-top: 1px solid #301800; border-left: 1px solid #301800; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #chatimg {margin: 5px;} #info {padding:0 0 4px 3px; background:#333; margin-top:-5px; margin-bottom:5px;} #comm {padding:3px; background:#663300;} #track {float:left;} #up {text-align:center;} .button {border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; border-bottom:1px solid #333333; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; text-align:center; color: #ffffff; background:url('images/button.jpg') repeat-x bottom left; margin:2px 0; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px} *html .button {margin:2px 0 0 0;} .spacer {padding: 2px 0 2px 0;} .smalltext {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .mediumtext {font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;} .tbox.chatbox {width: 80%; margin-left: auto; margin-right: auto; border-color: #000000; background:#996633; color:#cccccc;} .tbox {background-color: #fff; border:1px solid; border-color: #333 #333 #333 #333; color: #000; font: 10px verdana, tahoma, arial, helvetica, sans-serif;} .helpbox {border: 0px; background-color: transparent; color:#000; font: 9px tahoma, verdana, arial, helvetica, sans-serif;} .fborder {border:1px solid ; border-color: #000 #000 #000 #000; } .forumheader {background: #7B5428 url('images/cap.jpg')repeat-x bottom; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 11px; color:#db7b1b; padding: 4px; border: 1px solid #000} .forumheader a {color: #cfa67c;} .forumheader a:hover {color: #996633;} .forumheader2 {background: #996633 url('images/cap3.png') repeat-x bottom left; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 10px; color:#ca9158; padding: 4px; border: 1px solid #000;} .forumheader2 a {color:#000;} .forumheader2 a:hover {color:#dbb38c;} .forumheader3 {background: #7B5428 url('images/cap2.png') repeat-x top left; font: 9px verdana, tahoma, arial, helvetica, sans-serif; color:#dbb38c; padding: 4px; border: 1px solid #000;} .forumheader4 {background-color: #663300; font: 9px verdana, tahoma, arial, helvetica, sans-serif; color:#000; padding: 4px; border: 1px solid #000;} .fcaption {background: #7B5428 url('images/cap.jpg')repeat-x bottom; height:35px; border: 1px solid #000; color:#ca9158; font-weight:bold; text-align:center; font-style:normal; font-variant:normal; font-size:10px; font-family:verdana, tahoma, arial, helvetica, sans-serif; padding-left:8px; padding-right:0; padding-top:2px; padding-bottom:2px} .fcaption a {padding-right:4px; color:#db7b1b;} .fcaption a:hover {padding-right:4px; color:#bc6917;} .nicetitle {font-weight: bold; color: #3C3C3C; text-align: left; position: absolute; left: 0; top: 0; width: 35em; z-index: 20; max-width: 60%;} .nicetitle-content {overflow: hidden; background: white; border: 1px solid #333; padding: 7px; opacity: 0.9;} .nicetitle p {margin: 0; line-height: 120%;} .nicetitle p.destination {font-weight: normal; font-size: 10px; color: #5E7743;} div.nicetitle p span.accesskey {color: #FF7200;} .code {font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif; color:#D2D2BA; padding: 8px; } .code_highlight {width:95%; margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 12px 'Lucida Console', 'courier new', monospace; background: #d7812b; border: 1px solid #ff0000; border-left: 3px solid #ff0000; } .indent {padding:4px; border: 1px solid #008000; background: #44290d; color: #d9832c; } #ie {padding-top: 5px; height: 60px; background:url('images/ie.png') no-repeat top left;} #ie ie1 {padding-top: 5px;} #newstitle {padding-left: 10px; background:url('images/news.png'); height: 70px;} #cim {padding-left: 10px; padding-top: 15px; color: #fff; font: 20px verdana, tahoma, arial, helvetica, sans-serif;} #categori {padding-left: 10px; padding-bottom: 0px; color: #996633; font: 10px verdana, tahoma, arial, helvetica, sans-serif;} #categori a {color: #d59352;} #categori a:hover {color: #eba35a;} #NEWSDATE {padding-left: 0px; color: #A28364; font: 12px verdana, tahoma, arial, helvetica, sans-serif;} .menucolor {background: url('images/newsbg.png') repeat-y top left; border-left: 0px solid #996633; padding-left: 25px; color: #bd8e5f; font: 14px verdana, tahoma, arial, helvetica, sans-serif;} .icons {margin-top: -50px;} #navigation {width: 1000px; margin-left: 40px; padding-top: 8px;} #site {margin-left: auto; margin-right: auto; width: 1000px; height: 50px; background: url('images/site.png') no-repeat bottom left;} #sitename {padding-left: 40px; padding-top: 0px; color: #996633; font: bold 20px verdana, tahoma, arial, helvetica, sans-serif;} #sitetag {padding-left: 40px; color: #663300; font: bold 12px verdana, tahoma, arial, helvetica, sans-serif;} /*-----COMMENTSTYLE KEZDET-----*/ #commentstyle {background: #875625; border: 1px solid #5e3812; padding: 10px;} #commentusername {background: #734920; border: 1px solid #472a0e; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 10px; color: #291603; margin-top: 10px;} #commentusername a {color: #ab855f;} #commentusername a:hover {color: #c2976d;} /*-----COMMENTSTYLE VÉG-----*/ /*-----FELSŐ NAVIGÁCIÓ KEZDET-----*/ a.felhasznalok {width: 140px; height: 70px; background: url('images/felhasznalok.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.felhasznalok:hover {width: 140px; height: 70px; background: url('images/felhasznalok.png') no-repeat; background-position: 0px -70px; border: medium none;} a.guestbook {width: 140px; height: 70px; background: url('images/guestbook.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.guestbook:hover {width: 140px; height: 70px; background: url('images/guestbook.png') no-repeat; background-position: 0px -70px; border: medium none;} a.index {width: 140px; height: 70px; background: url('images/index.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.index:hover {width: 140px; height: 70px; background: url('images/index.png') no-repeat; background-position: 0px -70px; border: medium none; } a.contact {width: 140px; height: 70px; background: url('images/contact.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.contact:hover {width: 140px; height: 70px; background: url('images/contact.png') no-repeat; background-position: 0px -70px; border: medium none;} a.search {width: 140px; height: 70px; background: url('images/search.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.search:hover {width: 140px; height: 70px; background: url('images/search.png') no-repeat; background-position: 0px -70px; border: medium none; } a.forum {width: 140px; height: 70px; background: url('images/forum.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none; } a.forum:hover {width: 140px; height: 70px; background: url('images/forum.png') no-repeat; background-position: 0px -70px; border: medium none;} a.dallery {width: 140px; height: 70px; background: url('images/galery.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.dallery:hover {width: 140px; height: 70px; background: url('images/galery.png') no-repeat; background-position: 0px -70px; border: medium none; } a.download {width: 140px; height: 70px; background: url('images/letoltes.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.download:hover {width: 140px; height: 70px; background: url('images/letoltes.png') no-repeat; background-position: 0px -70px; border: medium none;} a.webdesign {width: 140px; height: 70px; background: url('images/webdesign.png') no-repeat; background-position: 0px 0px 0px 0px; display: block; border: none;} a.webdesign:hover {width: 140px; height: 70px; background: url('images/webdesign.png') no-repeat; background-position: 0px -70px; border: medium none;} /*-----FELSŐ NAVIGÁCIÓ VÉG-----*/ /*-----Feature Box-----*/ div#promos div.scroller { width: 700px; height: 230px; overflow: hidden; } div#promos div.scroller div.section { width: 700px; height: 230px; overflow: hidden; float: left; padding:1em; } div#promos div.scroller div.content { width: 10000px; height: 230px;} #featurebox { border: #c57b1c solid 0px; width: 700px; margin: 0px; padding: 0px; margin-left: 0px;} table.fBox { background-position: 0 0; background-repeat: repeat-x; } div.fbox-cont { height: 230px; margin: auto auto; background-position: top left; background-repeat: repeat-x;} #buts { position: absolute; width: 700px; margin: 0px; height: 0px; z-index: 0; padding-right: 0px;} #fbox_table { padding: 0; border: 0; width: 700px; vertical-align: center; } #fbox_center { height: 230px; width: 700px; vertical-align: top;} .fbox_text { text-align: right; margin: 0px } /*-----Feature Box-----*/