/*
Theme Name: F. Nagy Gábor
Description: F. Nagy Gábor theme 2010. Made by <a href="http://www.moquin.hu">Moquin</a>.
Author: Moquin
Author URI: http://www.moquin.hu
*/

* {
border: 0;
outline: none;
}

html { min-height: 100%; margin: 0; padding: 0; }
body { min-height: 100%; margin: 0; padding: 0; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 13px; color: #444444; line-height: 20px; background: url(im/bgr_body.png) repeat-x left top; }
img { border: 0; }
table { border: 0; }
td { vertical-align: top; }
ul { margin: 0 0 0 30px; padding: 0; }
ul li { margin-top: 10px; }

.left { float: left; }
.alignleft { margin: 0 20px 5px 0; float: left; }
.alignright { margin: 0 0 5px 20px; float: right; }
.right { float: right; }
.clear { clear: both; }
.fl { margin: 0 20px 10px 0; float: left; }
.hr { height: 30px; margin-top: 30px; border-top: 1px solid #cccccc; }
.q { font-size: larger; font-weight: bold; }

a.more-link { width: 160px; margin: 10px 0 0 0 !important; padding: 10px 0 10px 0; font-size: 15px; color: #ffffff !important; text-align: center; background: #333333; border: 0 !important; display: block; }
a.more-link:hover { background: #00a2c8 !important; }

a.post-edit-link { font-family: Verdana; font-size: 9px; font-weight: bold; color: #ff0000; text-decoration: none; }
a.post-edit-link:hover { color: #ff0000; text-decoration: underline; }

a img { border: none !important; }

.noborder { border: 0 !important; }
.valignm { vertical-align: middle; }

.photocomment { margin-bottom: 20px; background: #eeeeee; }
.photocomment2 { width: 200px; margin: 0 15px 5px 0; background: #eeeeee; float: left; }
.photocomment img { padding: 1px 0 0 1px; width: 628px; display: block; }
.photocomment2 img { padding: 1px 0 0 1px; width: 198px; display: block; border: 0; }
.photocomment span, .photocomment2 span { padding: 10px 0 10px 10px; font-family: verdana; font-size: 9px; color: #333333; display: block; }
.photocomment2 span { padding: 5px 0 5px 10px; }


#page { width: 900px; margin: auto; }
#title { margin-left: 450px; }


/*
--------------------------
	LOGO
--------------------------
*/
#logo { margin-bottom: 30px; padding: 50px 0 100px 0; border-bottom: 1px solid #dddddd; }
#logo h1 a { font-family: Verdana; font-size: 40px; font-weight: normal; color: #222222; text-decoration: none; }


/*
-------------------------
	POST
-------------------------
*/
.post { width: 630px; margin-bottom: 50px; padding: 0 30px 50px 0; border-bottom: 1px solid #dddddd; }
.post .left { width: 630px; }
.post .right { width: 0px; /*padding-top: 21px;*/ }
.post .date, .post .date a { font-size: 11px; color: #999999; text-decoration: none; }
.post .date a:hover { color: #999999; text-decoration: underline; }
.post .label { margin-bottom: 20px; font-size: 25px; }
.post .label a { color: #444444; text-decoration: none; }
.post .label a:hover { color: #00a2c8; text-decoration: none; }

.post .text { padding-bottom: 30px; font-size: 13px; }
.post .cat .box { margin-right: 20px; font-size: 11px; float: left; }
.post .cat .box a { color: #444444; text-decoration: none; border-bottom: 1px dotted #444444; }
.post .cat .box a:hover { color: #00a2c8; text-decoration: none; border-bottom: 1px dotted #444444; }
.post .text a { color: #444444; text-decoration: none; border-bottom: 1px dotted #444444; }
.post .text a:hover { color: #00a2c8; text-decoration: none; border-bottom: 1px dotted #444444; }
.post .cat .info { float: left; height: 38px; vertical-align: middle; background: url(im/bgr_info.gif) no-repeat top right; }
.post .cat .info img { vertical-align: middle; }
.post .cat .info a { font-size: 9px; font-weight: normal; color: #444444; text-decoration: none; border-bottom: 1px dotted #444444; }
.post .cat .info a:hover { color: #000000; text-decoration: none; border-bottom: 1px dotted #444444; }
.post .postdata { width: 100%; margin: 10px 0 0 24px; padding: 10px; border: 1px solid #eeeeee; }


/*
---------------------------------------
	NAVIGATION
---------------------------------------
*/
.navigation { width: 630px; }
.navigation a { font-size: 13px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }


/*
------------------------------
	SEARCH
------------------------------
*/
.searchfield { width: 100px; margin: 0; padding: 7px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 13px; color: #000000; background: #eeeeee; float: left; }
.searchbtn { width: 40px; height: 30px; margin: 0 0 0 10px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 15px; color: #ffffff; background: #333333; border: 0; cursor: pointer; float: left; }
.searchbtn:hover { background: #00a2c8; }

#search2 .searchfield2 { width: 400px; margin: 0; padding: 7px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 13px; color: #000000; background: #eeeeee; float: left; }
#search2 .searchbtn2 { width: 80px; height: 30px; margin: 0 0 0 10px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 15px; color: #ffffff; background: #333333; border: 0; cursor: pointer; float: left; }
#search2 .searchbtn2:hover { background: #00a2c8; }


/* 
--------------------------------------------
	WRITE COMMENT
--------------------------------------------
*/
.tf { margin-top: 50px; }
.tf h3 { font-size: 18px; font-weight: normal; }
.tf .box { width: 630px; margin-bottom: 10px; }
.tf .box .name { width: 230px; margin-top: 5px; float: left; }
.tf .box .name span { font-size: 11px; color: #999999; }
.tf .box .value { width: 400px; float: left; }
.tf .box .value img { vertical-align: middle; }
.tf .textfield { width: 386px; padding: 7px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 13px; color: #000000; background: #eeeeee; }
.tf .textfield_small { width: 100px; padding: 7px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 13px; color: #000000; background: #eeeeee; }
.tf .submit { margin: 20px 0 0 230px; width: 100px; height: 40px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size: 15px; color: #ffffff; background: #333333; border: 0; cursor: pointer; }
.tf .submit:hover { background: #00a2c8; }

.alt { background: #f7f7f7; }
.commentlist { margin: 0; padding: 0; }
.commentlist .avatar { border: 1px solid #333333; }
.commentlist li { margin: 0; padding: 10px; list-style: none; }
.commentlist .commentlist_left { width: 70px; float: left; }
.commentlist .commentlist_right { width: 540px; float: right; }

.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }


/*
-------------------------------
	SIDEBAR
-------------------------------
*/
#sidebar { margin-bottom: 50px; }
#sidebar span, #sidebar h2 { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.3pt; line-height: 20px; }
#sidebar ul, #sidebar ul ol { margin: 0 0 30px 0; padding: 0; }
#sidebar ul li { margin: 0; padding: 0 0 8px 0; list-style: none; }
#sidebar ul li a, #address a, .navigation a { padding: 1px 0 1px 0; color: #444444; text-decoration: none; border-bottom: 1px dotted #444444; }
#sidebar ul li a:hover, #address a:hover, .navigation a:hover { color: #00a2c8; text-decoration: none; border-bottom: 1px dotted #444444; }
#sidebar ul p, #sidebar ul select { margin: 0; }
#sidebar ul ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0 0 8px 0; }


/*
-------------------------------
	GALLERY
-------------------------------
*/
.fl_thumb { margin: 0 20px 10px 0; border: 1px solid #ffffff; float: left; }
.fl_thumb:hover { border: 1px solid #00a2c8; }

.ngg-galleryoverview { margin-top: 20px; padding-top: 40px; background: url(im/bgr_nggallery.png) no-repeat left top; }

.ngg-gallery-thumbnail { width: 125px; height: 100px; margin: 0 1px 1px 0; padding: 10px 0 10px 0; text-align: center; vertical-align: middle; background: #f1f1f1; float: left; }
.ngg-gallery-thumbnail img { vertical-align: middle; }
.thumb { border: 1px solid #ffffff; }
.thumb:hover { border: 1px solid #00a2c8; }


/*
--------------------------------
	PAGENAVI
--------------------------------	
*/
.wp-pagenavi .pages { border: none; }


/* 
-----------------------------
	FOOTER
-----------------------------
*/
#footer { padding: 40px 0 40px 0; color: #dddddd; background: #333333; }
#footer #footer_inside { width: 900px; margin: auto; }
#footer #footer_inside span { font-size: 16px; color: #999999; }
#footer #footer_inside td { text-align: justify; }
#footer #footer_inside ul, #footer #footer_inside ul li { margin: 0; padding: 0; list-style: none; }
#footer #footer_inside #footer_bottom { margin-top: 15px; padding-top: 15px; font-size: 9px; text-transform: uppercase; color: #666666; border-top: 1px solid #444444; }
#footer #footer_inside #footer_bottom a { color: #888888; border: 0; }
#footer #footer_inside #footer_bottom a:hover { color: #888888; text-decoration: underline; border: 0; }
#footer a { color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff; }
#footer a:hover { color: #00a2c8; text-decoration: none; border-bottom: 1px dotted #ffffff; }