@charset "utf-8";

/*
Theme Name: Minafotó
Description: Designed for minafoto.hu (Last update: 2009-02-07)
Version: 2.2
Author: Gyorgy Papp & Laszlo Bezi
*/

html, body, div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, img, input, textarea {margin:0; padding:0}
body {padding:30px 0; color:#444; text-align:center; font:80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; background:#000}
.center {text-align:center}
.justify {text-align:justify}
.left {float:left}
.right {float:right}
.hidden {display:none}
a {color:#c00; text-decoration:none}
a:hover {color:#600; text-decoration:none}
h1, h2, h3, h5 {font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-weight:normal}
.clear {clear:both; height:0; font-size:0.1px}
input, textarea {padding:1px 2px; color:#555; background-color:#fff; border:1px solid #ddd}
input:hover, input:focus, textarea:hover, textarea:focus {color:#000; border-color:#aaa}
::-moz-selection{background:#aaa; color:#fff}
::selection {background:#aaa; color:#fff}

#wrapper {width:847px; margin:0 auto; text-align:left; background:#fff url(images/wrapper.gif) 0 0 repeat-y}

/* fejlec -----------------------------------------------------------*/
#header {height:217px; background:#000 url(images/header-left.jpg) 0 0 no-repeat}
h1 {position:relative; width:622px; height:217px; margin-left:225px}
h1 a {display:block; position:absolute; top:10px; right:25px; width:336px; height:72px; text-indent:-1000px; overflow:hidden}

#navbar {height:20px; background:#e9b0a5 url(images/navbar.jpg) 0 0 no-repeat; position: relative }

#navbar p { position: absolute; top: 0; left: 27px; height: 29px; line-height: 29px; word-spacing: 8px; letter-spacing: 1px; color: #cca097 }
#navbar p a { color: #cca097; font-weight: bold }
#navbar p a:hover, #navbar p a.act  { color: #c00 }

#navbar ul {height:18px; margin-left:225px; padding-top:1px; list-style:none; border-left:1px solid #eccdc6; overflow:hidden}
#navbar li {float:left; height:17px; background:url(images/navsep.gif) 100% 0 repeat-y}
#navbar li a {display:block; margin-right:2px; padding:1px 15px 3px 17px; font:1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#222}
#navbar li a:hover {color:#c22000; background:url(images/sidenav.jpg) -8px -10px no-repeat}

/* oldalsav ---------------------------------------------------------*/
#sidebar {float:left; width:225px; padding:40px 0 20px}
#sidenav {list-style:none; width:225px; padding-bottom:50px; background:url(images/sidenav-bottom.jpg) 0 100% no-repeat}
#sidenav li {font:normal 1.4em 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif}
#sidenav li a {display:block; width:197px; height:25px; padding:8px 10px 0 18px; color:#3c3c3c; background:url(images/sidenav.jpg) 0 -50px no-repeat}
#sidenav li a:hover {color:#c22000; background:url(images/sidenav.jpg) 0 0 no-repeat}

/* tartalom resz -------------------------------------------------------*/
#content {float:left; width:562px; padding:40px 30px 0; background:url(images/content.jpg) 0 0 no-repeat}
.article {padding-bottom:2em}
.article p, .article li, .meta, .article blockquote {font-size:1em; line-height:1.7em}
.article h2 {margin-bottom:1em; font-size:1.7em; color:#555}
.article h3 {padding-top:2em; font-size:1.2em; font-weight:bold; letter-spacing:1px; color:#333}
.article p {margin:1.5em 0 0}
.article p span.important {color:#a00; font-weight:bold}
.article ul {list-style:square; margin-left:20px}
.article ol {margin-left:30px}
.article li {padding-bottom:0.5em}
acronym, abbr, dfn {font-style:normal; border-bottom:1px dashed #888; cursor:help}
blockquote {text-align:center; color:#777; font:italic 1em/1.3em Georgia, Times New Roman, Times, serif}
code, pre {font-family:'Courier New', Courier, monospace}
#tablofajtak {width:98%; margin:2em auto 1em; padding:0; text-align:center}
#tablofajtak td {padding:10px 3px; border-left:1px dashed #aaa; border-bottom:1px dashed #aaa}
#tablofajtak tr.hard {font-weight:bold; color:#333; background:#f2f2f2}


/* kiskepek */
.gallery {width:500px; padding:2em 0 0 38px}
.gallery a {float:left; display:block; width:100px; height:100px; margin:5px 5px; padding:3px; background:#e3e3e3; border:1px solid #ccc}
* html .gallery a {padding:3px 2px 2px 3px}
.gallery a:hover {background:#ffdfd9; border:1px solid #d76c6c}
.gallery a img {border-width:0 1px 1px 0; border-style:solid; border-color:#f4f4f4}
.gallery a:hover img {border-color:#fff4f2}

h4.date {color:#aaa; padding-top:20px; font:italic 1em Georgia, Times New Roman, Times, serif; text-align:right}

.editlink a {display:block; width:30px; margin-top:15px; padding:0 7px 0 5px; font:bold 1.3em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#ddd; background:transparent; border:1px solid #eee}
.editlink a:hover {color:#fff; background:#ddd; border:1px solid #ccc}

#pages {width:90%; margin:0 auto; padding-bottom:30px; color:#c00}

/* lablec -----------------------------------------------------------*/
#footer {clear:both; height:50px; background:url(images/footer.gif) 0 0 no-repeat}
#footer p {padding:30px 30px 0 0; font-size:0.9em; text-align:right; color:#555}
#footer a {color:#555; font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing:1px}
#footer a:hover {color:#000}

/* kepek pozicionalasa ----------------------------------------------*/
.leftpic {float:left; padding:0 15px 10px 0}
.rightpic {float:right; padding:0 0 10px 30px}
.centerpic {text-align:center; padding:10px 0}
.leftpic img, .rightpic img, .centerpic img {padding:3px; background:#e3e3e3; border:1px solid #ccc}