/*
Theme Name: JZM 2009
Theme URI: http://www.jzm.cy/
Description: Zakladni sablona pro WWW prezentaci Jako Za Mlada.
Version: 1
Author: Ales Skotnica

JZM by Ales Skotnica || http://www.skotnica.eu
*/


/***************** Telo */
    body {margin:0;padding:0;font-family:sans-serif;font-size:0.8em;font-style:normal;font-weight:normal;line-height:1.3em;color:#CA9564;background:#1B0A04;}

/***************** odkazy */
	a, a:link, a:visited                {color:#FFFFFF;text-decoration:underline;background-color:transparent;}
	a:hover, a:focus                    {color:#FF3333;text-decoration:underline;background-color:transparent;}
	a:active                            {color:#99CC33;text-decoration:underline;background-color:transparent;}
    a img, a:link img, a:visited img    {border-style:none;background-color:transparent;text-decoration:none;}

/***************** ruzne obecne tagy */
    hr, .txt, .n {display:none;}
    .clr {clear:both;width:100%;overflow:hidden;}
    form {padding:0;margin:0;}
    div {display:block;margin:0;padding:0;}
    img.alignleft, div.alignleft{float:left;margin:0 0.8em 0.7em 0;}
    img.alignright, div.alignright{float:right;margin:0 0 0.7em 0.8em;}
    img.aligncenter, div.aligncenter{text-align:center;margin:0 auto;}
    .wp-caption {border: 1px solid #DCE3E9;text-align: center;background-color:#E4F3FF;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
    .wp-caption img {margin: 0;padding: 0;border: 0 none;}
    .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
    .gallery {width:100%;overflow:hidden;clear:both;margin: auto;}
    .gallery-caption {margin:0 auto;font-size: 11px;width:75%;text-align:center;}
    .box50-l {float:left;width:45%;}
    .box50-r {float:right;width:45%;}
    .box-line-top {margin-top:10px;padding-top:20px;border-top:solid 1px #D1B0B0;}
    .dcenter {text-align:center;}

/*****************  nadpisy */

    h1  {font-size:2em;margin:0 0 40px 0;line-height:1.3em;font-weight:normal;}
    h2  {font-family:sans-serif;font-size:1.4em;line-height:1.3em;padding:0 0 2px 0;background: url(img/dot-h.gif) repeat-x bottom;font-weight:normal;}
    h3  {font-size:1.2em;font-weight:bold;}
    h4  {font-size:1.1em;font-weight:bold;}
    h5  {font-size:1.05em;font-weight:bold;}
    h6  {font-size:1em;font-weight:bold;}

/*****************  zakladni box model */
	#bodybox {background:#000 url(img/bodybox.jpg) repeat-x;text-align:center;}
	#mainbox {margin:0 auto;text-align:left;width:980px;position:relative;}
	#header {margin:0 0 10px 0;width:100%;height:220px;background:url(img/header.jpg) no-repeat;}
	#header-the-cip {margin:0 0 10px 0;width:100%;height:220px;background:url(img/header-the-cip.jpg) no-repeat;}
	#content {padding:0 0 20px 0;width:100%;overflow:hidden;}
	#foother {background:url(img/foother.png) repeat-x;text-align:center;margin:0;padding:0;width:100%;overflow:hidden;}
	#foobox {margin:15px auto;text-align:left;width:980px;position:relative;overflow:hidden;background: url(img/foobox.gif) repeat-y;position:relative;}

/*****************  detail clanku */
	.post-i {margin:10px 0 30px 0;padding:10px 0 0 0;width:100%;overflow:hidden;border-top:solid 1px #372413;line-height:1.2em;}
	.post-t {font-size:0.85em;color:#372413;margin:0;padding:0;line-height:1.2em;width:auto;float:left;}
	.post-t a, .post-t a:visited, .post-d, .post-s  {color:#724B27;text-decoration:none;} .post-t a:hover {color:#fff;text-decoration:underline;}
	.post-l {margin:0;padding:0;line-height:1.2em;width:auto;float:right;}
	

/*****************  logo */
	#logo, #logo a, #logo a span {display:block;margin:0;padding:0;width:253px;height:131px;overflow:hidden;background:transparent;}
	#logo {position:absolute;top:9px;left:0;font-size:1.2em;}
	#logo a {position:relative;float:left;}
	#logo a span {position:absolute;top:0;left:0;background:url(img/jzm-logo.jpg) no-repeat;cursor:pointer;}
	#logo a span.the-cip-logo {background:url(img/the-cip-logo.jpg) no-repeat;}
	
	
/*****************  top menu */
	.tm {width:660px;overflow:hidden;margin:0;padding:0;position:absolute;top:179px;left:0px;}
    .tm span, .tm span a {float:left;overflow:hidden;display:block;height:41px;}
    .tm span a {position:relative;margin-right:5px;}
    .tm span.n, .tm br {display:none;}
    .tm span a span {float:none;position:absolute;top:0;left:0;cursor:pointer;background: url(img/top-menu.jpg) no-repeat 0px 0px;}

    .tm span.tm1 a, .tm span.tm1 a span {width:74px;}
    .tm span.tm1 a span, .tm span.tm1 a:visited span {background-position:0px 0px;}
    .tm span.tm1 a:hover span {background-position:-150px 0px;}
    .tm span.tm1 a span.tma, .tm span.tm1 a:visited span.tma {background-position:-300px 0px;}
    .tm span.tm2 a, .tm span.tm2 a span {width:97px;}
    .tm span.tm2 a span, .tm span.tm2 a:visited span {background-position:0px -41px;}
    .tm span.tm2 a:hover span {background-position:-150px -41px;}
    .tm span.tm2 a span.tma, .tm span.tm2 a:visited span.tma {background-position:-300px -41px;}
    .tm span.tm3 a, .tm span.tm3 a span {width:76px;}
    .tm span.tm3 a span, .tm span.tm3 a:visited span {background-position:0px -82px;}
    .tm span.tm3 a:hover span {background-position:-150px -82px;}
    .tm span.tm3 a span.tma, .tm span.tm3 a:visited span.tma {background-position:-300px -82px;}
    .tm span.tm4 a, .tm span.tm4 a span {width:116px;}
    .tm span.tm4 a span, .tm span.tm4 a:visited span {background-position:0px -123px;}
    .tm span.tm4 a:hover span {background-position:-150px -123px;}
    .tm span.tm4 a span.tma, .tm span.tm4 a:visited span.tma {background-position:-300px -123px;}
    .tm span.tm5 a, .tm span.tm5 a span {width:112px;}
    .tm span.tm5 a span, .tm span.tm5 a:visited span {background-position:0px -164px;}
    .tm span.tm5 a:hover span {background-position:-150px -164px;}
    .tm span.tm5 a span.tma, .tm span.tm5 a:visited span.tma {background-position:-300px -164px;}
    .tm span.tm6 a, .tm span.tm6 a span {width:92px;}
    .tm span.tm6 a span, .tm span.tm6 a:visited span {background-position:0px -205px;}
    .tm span.tm6 a:hover span {background-position:-150px -205px;}
    .tm span.tm6 a span.tma, .tm span.tm6 a:visited span.tma {background-position:-300px -205px;}

/*****************  ikony social sites */
	#social {margin:0;padding:0;width:90px;height:44px;position:absolute;top:13px;right:0;font-size:8px;}
	#social a, #social a span {display:block;margin:0;padding:0;width:45px;height:44px;overflow:hidden;}
	#social a {position:relative;} #social a.youtube {float:left;} #social a.facebook {float:right;}
	#social a span {position:absolute;top:0;left:0;background: url(img/soc-icons.jpg) no-repeat 0px 0px;cursor:pointer;}
	#social a.youtube span, #social a.youtube:visited span {background-position:0px 0px;} #social a.youtube:hover span {background-position:0px -44px;}
	#social a.facebook span, #social a.facebook:visited span {background-position:-45px 0px;} #social a.facebook:hover span {background-position:-45px -44px;}
	
/*****************  pata */	

	#foomid {width:291px;float:right;margin:0 20px 0 0;padding:0;}
	#fooright {width:469px;float:right;margin:0;padding:0;}
	#foocontact {width:174px;float:left;margin:0;padding:0;font-size:0.85em;color:#573D20;text-align:right;line-height:1.3em;}
	#foobox a, #foobox a:visited  {color:#573D20;text-decoration:underline;} #foobox a:hover  {color:#fff;text-decoration:underline;}
	
	#foologo, #foologo a, #foologo a span {margin:0;padding:0;width:174px;height:43px;overflow:hidden;} 
	#foologo {margin:0 0 20px 0;} 
	#foologo a {float:left;position:relative;}
	#foologo a span {position:absolute;top:0;left:0;cursor:pointer; background:url(img/foologo.png) no-repeat;}


	/* rubriky */
	
	.listcat {margin:0 0 20px 0;padding:0;list-style:none;color:#573D20;}
	.listcat ul {margin:3px 0 0 0;padding:0;list-style:none;border-top:solid 1px #271A0E;}
	.listcat ul li {display:block;margin:0;padding:0;border-bottom:solid 1px #271A0E;}
	#foobox .listcat ul li a, #foobox .listcat ul li a:visited {display:block;margin:0;padding:4px;color:#A66C39;text-decoration:none;background:transparent;}
	#foobox .listcat ul li a:hover {color:#372413;background:#A66C39;text-decoration:none;}
	
	.listlink {margin:0;padding:0;list-style:none;color:#573D20;}
	.listlink ul {margin:10px 0 0 0;padding:0;list-style:none;}
	.listlink ul li {display:inline;}

	#fooright .listlink {margin:0;padding:0;list-style:none;color:#372413;color:#A66C39;}
	#fooright .listlink ul {margin:10px 0 0 0;padding:0;list-style:none;}
	#fooright .listlink ul li {display:inline;margin-right:3px;}

/*****************  home */

	/* akce na home */
	#akhome {background:#38160A;width:180px;float:left;margin:0 20px 0 0;padding:0;}
	#akhomeb {margin:0;padding:10px;}
	#akhomebb {margin:0;padding:0;width:100%;overflow:hidden;}
	
	#akhome h2 {font-size:1.8em;line-height:1.4em;margin:0 0 15px 0;padding:0;background:transparent;}
	#akhome h2 a {color:#fff;text-decoration:none;} #akhome h2 a:hover {color:#FF3333;text-decoration:underline;}
	#akhome-i {margin:0;padding:0;text-align:center;line-height:1em;}
	
	/* clanky na home */
	
	#newshome {display:block;margin:0;padding:0;float:left;width:460px;}
	#newshomeSmall {display:block;margin:0;padding:0;float:left;width:260px;}
	
	.hlist {margin:0 0 20px 0;padding:0;}
	.hlist-t {font-size:0.85em;color:#674323;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:solid 1px #372413;line-height:1.2em;}
	.hlist-t a, .hlist-t a:visited, .hlist-d, .hlist-s  {color:#8B6834;text-decoration:none;} .hlist-t a:hover {color:#fff;text-decoration:underline;}
	.hlist h2 {margin:0 0 10px 0;padding:0;font-size:1.2em;font-weight:bold;line-height:1.3em;background:transparent;}
	.hlist-c {color:#A76D3A;font-size:0.85em;line-height:1.3em;}


	/* youtube na home */
	#yuhome {background:#38160A;width:500px;float:right;margin:0;padding:0;}
	#yuhomeb {margin:0;padding:10px;}
	#yuhomebb {margin:0;padding:0;width:100%;overflow:hidden;}
	#yuhomebb p {margin:0;padding:0;line-height:1em;}
	
	.ic-social {list-style:none;margin:0;padding:0;}
	.ic-social li {display:block;width:49%;height:55px;}
	.ic-social li a {display:block;line-height:55px;padding-left:60px;}
	.ic-social li.youtube {float:left;} .ic-social li.facebook {float:right;background:#2D1209;border-left:solid 1px #602511;border-top:solid 1px #602511;}
	
	.ic-social li.youtube a {background:url(img/ico-youtube.jpg) no-repeat 10px 10px;} .ic-social li.facebook a {background:url(img/ico-facebook.jpg) no-repeat 10px 10px;}

/*****************  vypis clanku */
	.alist {margin:0 0 40px 0;padding:0;}
	.alist-t {font-size:0.85em;color:#674323;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:solid 1px #372413;line-height:1.2em;}
	.alist-t a, .alist-t a:visited, .alist-d, .alist-s  {color:#8B6834;text-decoration:none;} .alist-t a:hover {color:#fff;text-decoration:underline;}
	.alist h2 {margin:0 0 10px 0;padding:0;font-size:1.2em;font-weight:bold;line-height:1.3em;background:transparent;}
	.alist-c {color:#A76D3A;line-height:1.3em;margin:0 0 20px 0;}


/*****************  vypis clanku */	
	.YuTl h2, .YuTr h2 {font-size:1.2em;font-weight:bold;margin:0 0 0 0;padding:5;background:#fff;color:#000;text-align:center;}
	.YuTl, .YuTr {width:480px;margin:0 0 30px 0;padding:0;text-align:center;}
	.YuTl {float:left;}
	.YuTr {float:right;}

/*****************  vypis clanku */	
	.fshare {margin:0 0 30px 20px;padding:0;float:right;width:auto;}