/*   
Theme Name: River
Theme URI: http://www.szogiandras.hu
Description: Pénteken, vacsora közben vizuálisan kontextualizált deklaráció programnyelven írott, gépszavakba öntött lenyomata. 2013.12.18.
Author: Szögi András
Author URI: http://www.szogiandras.hu
Version: 1.04
*/

/* Design & web & programming: Szögi András (szogian@gmail.com) */

body {
    color: #555555;
    font-family: georgia,serif;
    font-size: 1em;
    line-height: 1.25em;
    text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;	
	background-color: white;
	min-width: 990px; /* ez biztosítja, hogy a háttér nem csúszik el a logó mögött, ha szűkül a szélesség */	
}


a img {border-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.clear {clear:both;margin:0;padding:0;height:0;}




/*----- TYPO  -----*/ 

@font-face {
    font-family: "HelveticaLtEx";
    src: url('css/HelveticaNeueLTPro-LtEx.woff'), url('css/HelveticaNeueLTPro-LtEx.otf');
    font-weight: normal;
}

@font-face {
	font-family: "HelveticaLtEx";
	src: url('css/HelveticaNeueLTPro-Ex.woff'), url('css/HelveticaNeueLTPro-Ex.otf');
	font-weight: bold;
}

@font-face {
    font-family: "HelveticaThEx";
    src: url('css/HelveticaNeueLTPro-ThEx.woff'), url('css/HelveticaNeueLTPro-ThEx.otf');
    font-weight: normal;
}



/*
@font-face {
	font-family: 'HelveticaLtEx';
	src: url('css/HelveticaNeueLTPro-Ex.eot');
	src: local('☺'), url('css/HelveticaNeueLTPro-Ex.woff') format('woff'), url('css/HelveticaNeueLTPro-Ex.ttf') format('truetype'), url('css/HelveticaNeueLTPro-Ex.svg') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'HelveticaLtEx';
	src: url('css/HelveticaNeueLTPro-LtEx.eot');
	src: local('☺'), url('css/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('css/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('css/HelveticaNeueLTPro-LtEx.svg') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'HelveticaThEx';
	src: url('css/HelveticaNeueLTPro-ThEx.eot');
	src: local('☺'), url('css/HelveticaNeueLTPro-ThEx.woff') format('woff'), url('css/HelveticaNeueLTPro-ThEx.ttf') format('truetype'), url('css/HelveticaNeueLTPro-ThEx.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/



.webfont {font-family:HelveticaLtEx,Helvetica,Arial,Sans-Serif;}

h1, h2, h3, h4, h5 {font-family:HelveticaLtEx,Helvetica,Arial,Sans-Serif;}


ul, ol {margin: 20px 5px 20px 25px;}

ul li {font-size: 1em;margin: 0 0 6px 15px;}



/* -------------------------------- SKIN.CSS ----------------------------- */


h1, h2, h3, h4, h5 {
    color: #622402;
    font-weight: normal;
    line-height: 110%;
    margin: 25px 0 15px;
}

h1 {font-size: 2.7em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.1em;}

.function_result {color:#555555; margin-bottom: 40px;}
.cat_title {margin-bottom: 40px;}

p {margin: 0 0 10px;}

a {
	color: #bb510b; 
	text-decoration: none; 
	transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
}

a:visited {color: #EB9A52;}
a:hover {color:#622402;} 


blockquote {
    background: url("img/block_quote.png") no-repeat scroll 10px 10px #F2F2F2;
    border-radius: 10px;
    font-size: 1.2em;
    line-height: 120%;
    margin: 20px 10px 20px 40px;
    padding: 25px 40px 25px 80px;
}

blockquote p { }



/* Struktúra */

#page-wrap { width: 960px; margin: 20px auto; }

#bg { background: url("img/top_bg.jpg") repeat-x scroll 0 0 transparent;}
#center_bg {background: url("img/top_center_bg.jpg") no-repeat scroll center top transparent;}

#main {
    background: url("img/top_center_shadow.png") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    min-height: 700px;
    text-align: left;
    width: 990px;
}


/* Footer */

#footer_wrapper {
    background: url("img/foot_bg.png") repeat-x scroll 0 0 transparent;
    padding: 25px 0 0;
}

#footer {
    height: 85px;
	color: #888888;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 950px;
}

/* blog template */

#bg_blog { background: url("img/blog_top_bg.jpg") repeat-x scroll 0 0 transparent;}
#center_bg_blog { background: url("img/blog_top_center_bg.jpg") no-repeat center top transparent;}

#main_blog {
    background: url("img/blog_top_shad.png") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    min-height: 700px;
    text-align: left;
    width: 990px;
}

#blog_content_wrapper {background-color: white;margin: 0 20px; padding: 10px 0;}
#blog_content_wrapper  #content {min-height: 600px;word-wrap: break-word;}
#blog_content_wrapper  #content.content-with-no-sidebar {padding: 25px 50px;}
#blog_content_wrapper #page_title { margin: 0 30px; padding: 30px 20px 20px;}

#blog_content_wrapper.gallery  #page_title {margin: 0 10px;padding: 0 23px 20px;}
#blog_content_wrapper.gallery  #content.content-with-no-sidebar {padding: 15px 15px 20px 14px;}




/* ---- Sidebar ---- */
aside { float: right; padding: 0 35px 10px 0; width: 200px;}

aside p {color: #777777;font-size: 0.9em;}

aside div.widget {margin: 30px 0 15px;}

aside h2 {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    font-size: 0.85em;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin: 0 0 15px;
    padding: 10px 0;
}
aside h5 {}

aside ul {margin: 0 5px 0 10px;}
aside li {list-style: none outside none;}

aside ul li {
    color: #999999;
    line-height: 100%;
    margin: 5px 0;
    text-indent: 0;
}

aside ul li a {font-size:.9em; color:#777777;}
aside ul li a:visited {color:#777777;}
aside ul li a:hover {text-decoration:none;color:#622402;}

aside ul li ul {margin: 5px 0 5px 10px;}
aside ul li ul li {}


aside .widget.widget_nav_menu {margin: 20px 0;}
aside .widget.widget_nav_menu ul {margin: 0 0 0 10px;}
aside .widget.widget_nav_menu ul li a{}
aside .widget.widget_nav_menu ul li a:hover {}
aside .widget.widget_nav_menu ul li ul{}
aside .widget.widget_nav_menu ul li ul li {}
aside .widget.widget_nav_menu ul li ul li a {}

/* ---------------- searhform ---------------*/

#searchform {}
#searchform #s {
    border: 1px solid #DDDDDD;
    color: #963603;
    font-family: verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 3px;
    width: 115px;
}

#searchform #searchsubmit {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #555555;
    cursor: pointer;
    font-family: HelveticaLtEx,helvetica,arial,sans-serif;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: bold;
    height: 26px;
    margin: 0 0 0 2px;
    padding: 3px 0 5px;
    position: absolute;
    text-align: center;
    width: 75px;
}

input#submit:hover,
#searchform #searchsubmit:hover {
    background-color: #C06716;
    border: 1px solid #BB510B;
    color: white;
}



/* -------------- slider ------------ */

#main.slider_bg {background: url("img/top_center_slider.png") no-repeat scroll 0 0 transparent;}
#main.slider_bg #page_title {padding: 1px 30px 10px;}
#main.slider_bg #page_title h1 {margin-top: 10px;}
#slider {margin: 0 20px;}




/* ------- PAGE TITLE, META, DATE ------*/

#page_title {border-bottom: 1px solid #CCCCCC; padding: 15px 30px 10px;}
#page_title h1 {}

#meta { }

.postmetadata, .meta, .entry .date {color: #888888;font-size:0.8em;}
.postmetadata {border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;margin: 20px 0;padding: 10px 7px;}
.postmetadata span {font-size: 1em;line-height: 1.7em;}
.postmetadata .sep {margin: 0 5px;}
.postmetadata .label {}
.postmetadata .info {}
.postmetadata .info a {}
.postmetadata .info.by {font-weight: bold;color: #555555;}
.postmetadata .info.tags a {background-color: #F0F0F0;border-radius: 3px;color: #888888;padding: 1px 4px;}
.postmetadata .info.tags a:hover {color:#FFFFFF; background-color: #BB510B;text-decoration:none;}

.postmetadata .info .comments  { 
    background: url("img/comment_icon.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #999999;
    padding: 3px 5px 4px 28px;
}

.postmetadata .info a.comments {
    background: url("img/comment_icon.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #999999;
    padding: 3px 5px 4px 28px;
}

.postmetadata .info  a.comments:hover { background-position: 0 0; color:#BB510B; text-decoration:none;}
.post_title .postmetadata {margin:0;}
.postmetadata a {font-variant: normal;}
.meta .comments-link {border-left: 1px solid #DDDDDD;margin-left: 12px;padding-left: 12px;}

.post_title {margin: 0 0 15px;padding:0;}
.post_title  h1 {font-size: 2.5em; margin: 10px 0 15px;}
.post_title h1 a {}
.post_title  a:hover {text-decoration:none;}


/* ------------------------------------------------ If Javascript is OFF ---------------------------------------------------*/

.js_is_off #kontakt p.kontakt_mail a:hover span.mail_icon {top: -19px;}
.js_is_off #fomenu li.menu-item a:hover {color: #ffa500;}
.js_is_off #img_nav a.nav_img:hover div.hover_img {display:none;} 


/* ----------------------------------- Table ------------------------------------ */

table {
    background-color: #F6F6F6;
    border-collapse: collapse;
    font-family: helvetica,arial,sans-serif;
    font-size: 13px;
    margin: 25px 0;
}

table caption {font-size: 15px;font-weight: bold;padding: 12px 0;text-align: left;}
table tr {}
table td, table th {border: 1px solid #E2E2E2;margin: 0;padding: 7px;}
table th {background-color: #F0F0F0; font-weight:bold;}

table td.kiemelt {
    background-color: #FFEEDD;
    color: #BB510B;
    font-weight: bold;
    width: 100px;
}


/* ---------------------------- Div blocks --------------------------------- */

.block30 {width:30%; padding:10px 40px 10px 0;float:left;}
.block50 {width:45%; padding:10px 40px 10px 0;float:left;}
.block60 {width:60%; padding:10px 40px 10px 0;float:left;}
.block100 {width:100%; padding:10px 40px 10px 0;float:left;}



/* -----------  IMG NAV  ----------- */

#img_nav {margin: 0 10px 0 20px;}

#img_nav a {
    background: url("img/img_nav_bg.png") repeat scroll 0 0 white;
    color: red;
    float: left;
    height: 230px;
    margin: 0 10px 10px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 230px;
}

/*#img_nav a {background-color: #FFEBA6;}*/

#img_nav a.nav_img {}

#img_nav a.nav_img .nev {
    color: red;
    font-family: HelveticaLtEx,Helvetica,Arial,Sans-Serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 50px;
    position: relative;
    text-decoration: none;
    top: 85px;
}

#img_nav .hover_img {
    height: 230px;
    overflow: hidden;
    position: relative;
    top: -50px;
}

#img_nav .hover_img  img {}

/* ---------- END of IMG NAV ------------ */


/* ------------ kontakt ------------- */

#kontakt {
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    float: right;
    margin: 18px 20px 5px 5px;
    padding: 0 12px 0 0;
    text-align: right;
}

#kontakt p {
    color: #EB9A52;
    font-size: 13px;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 14px;
    margin: 3px 0;
}

#kontakt .kontakt_mail {float: right;margin: 0;}

#kontakt .kontakt_mail a {
    display: block;
    float: right;
    height: 15px;
    margin: 1px 0 5px;
    overflow: hidden;
    padding: 0;
    width: 34px;
}

#kontakt .kontakt_mail span {}

#kontakt .kontakt_mail a span.mail_icon {
    background: url("img/mailto.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 34px;
    position: relative;
    top: 0;
    width: 34px;
}

/* -------------- blog post navigation pager -------------- */

.navigation {
    margin: 5px 0;
    text-align: right;
}

.navigation .next-posts {}
.navigation .prev-posts {}

.navigation .next-posts a, .navigation .prev-posts a {
    color: #555555;
    font-family: trebuchet ms,sans-serif;
    font-size: 0.8em;
}

.navigation .next-posts a {
    background: url("img/next.png") no-repeat scroll 100% 6px rgba(0, 0, 0, 0);
    padding: 2px 13px 2px 10px;
}

.navigation .prev-posts a {
    background: url("img/prev.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    padding: 2px 10px 2px 13px;
}

.navigation .next-posts a:hover   {text-decoration:none; color:#bbbbbb; background-position: 100% -13px;}
.navigation .prev-posts a:hover  {text-decoration:none; color:#bbbbbb; background-position: 0 -13px;}






/* -------------------------------------------------------------------------- */




/* ------------- TAGCLOUD ------------------*/

div.tagcloud {margin-left: 10px;}

div.tagcloud a {
    font-size: 10pt !important;
    line-height: 14px;
    margin: 0 5px 0 0;
}

/* ------------ Contact Form 7 + Really Simple Captcha -------------- */

p.captcha {margin: 15px 0 20px;}
p.captcha img {position:relative; top:6px;}







/* ----- Content ------ */

#content_wrapper { padding: 5px 20px 15px;}
.slider_bg #content_wrapper { padding: 0 20px 15px;}
#content {min-height: 600px;padding: 10px 30px;word-wrap: break-word;}
#content.content-with-sidebar {float: left; padding: 25px 50px; width: 615px;}

#content .post_title {margin: 20px 0;border-bottom: 1px solid #DDDDDD;}
#content .post_title .postmetadata {border-top-style: none;padding: 0 0 10px;}
#content .post_title h1 {}
#content .post_title h1 a {}

#content.postlist {}
#content.postlist .post, #content.postlist .page {margin-bottom: 80px;}
#content.postlist .post_title {}
#content.postlist .post_title .postmetadata {border-top-style: none;padding: 0 0 10px;}
#content.postlist .post_title h1 {margin: 15px 0 10px;}
#content.postlist .post_title h1 a {}







/* header */

#head_wrapper {height: 150px;}

/* logó */
#logo {height: 90px; margin: 0 0 15px; padding: 5px 0 0;}
#logo a {float:left;}
#logo a img {}



/* főmenű */

nav#fomenu {}
nav#fomenu  div {}

nav#fomenu ul {
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    clear: both;
    float: left;
    list-style: none outside none;
    margin: 0 5px 0 20px;
}

nav#fomenu ul li.menu-item {border-right: 2px solid rgba(255, 255, 255, 0.5);float: left;margin: 0;}
nav#fomenu ul  li.current-menu-item {}


nav#fomenu ul li.menu-item a {
    color: #FFFFFF;
    display: block;
    font-family: Georgia,serif;
    font-size: 1em;
    height: 26px;
    line-height: 23px;
    padding: 3px 17px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    transition: color 0.3s ease 0s;
	-moz-transition: color .3s;
	-webkit-transition: color .3s;	
}

/* nav#fomenu ul  li.menu-item  a:hover {color:  #ffa500;}  = orange --- ezt a js állítja be*/

nav#fomenu ul li.current-menu-item a {font-size: 1.4em;font-weight: bold;padding: 2px 17px 4px;}



/* ------- Cikk Link-sor ------ */

div.cikk_link {margin: 10px 0 25px;}
div.cikk_link a {}

div.cikk_link a img {
    border: 10px solid #FFFFFF;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 0 20px 0 0;
}

div.cikk_link a:hover img {box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6);}

div.cikk_link a div.szoveg {float: left;width: 410px;}
div.cikk_link a div.szoveg h3 {font-size: 28px;margin: 10px 0;}
div.cikk_link a div.szoveg p {color: #999999;}






/* ---------------------------------------------------- SCREEN ------------------------------------------------------*/



@media screen {

* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */



.post {margin-bottom: 40px;}

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }




/* ---------- comments ----------- */

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px solid #DDDDDD; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta {font-family: verdana,sans-serif;font-size: 10px;font-variant: small-caps;}
ol.commentlist li.comment div.comment-meta a { color: #bbbbbb; }
ol.commentlist li.comment p {font-size: 0.9em;line-height: normal;}
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a {font-family: trebuchet ms,sans-serif;font-size: 15px;font-weight: bold;}
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form {
    color: #999999;
    font-family: verdana,sans-serif;
    font-size: 11px;
}

input[type="text"] {
    border: 1px solid #DDDDDD;
    margin: 0 10px 10px 0;
    padding: 3px;
}

textarea {border: 1px solid #DDDDDD; padding: 3px;}
input#submit {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #555555;
    cursor: pointer;
    font-family: HelveticaLtEx,helvetica,arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 10px;
    text-align: center;
    font-variant: small-caps;
}

h2#comments {font-size: 20px;margin-bottom: 10px;}
#respond h2 {font-size: 20px;margin: 10px 0 20px;}


/* WPML multilanguage css */

#icl_lang_sel_widget {margin: 20px 0;}
#icl_lang_sel_widget #lang_sel_list.lang_sel_list_vertical {font-family: inherit;height: auto;position: inherit;}
#icl_lang_sel_widget #lang_sel_list.lang_sel_list_vertical ul {border-style: none;height: auto;}
#icl_lang_sel_widget #lang_sel_list.lang_sel_list_vertical ul li {float: none;position: inherit;width: inherit;}
#icl_lang_sel_widget #lang_sel_list.lang_sel_list_vertical ul li a {border-style: none;}
#icl_lang_sel_widget #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel {color: #BB510B;}
#icl_lang_sel_widget #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_other {color: #BB510B;}



} /* END screen media */



/* ---------------------------------------------------- PRINT ------------------------------------------------------*/

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */