*       { margin: 0; padding: 0; }                                                   
html    { min-height: 100%; margin-bottom: 1px; border-top: 5px solid #369; background: #f1f0d1 url(i/body.png); }
body	{ font: 13px/18px Georgia, Arial, Helvetica, sans-serif; color: #222; text-shadow: 0 1px 0 #fff; background: url(i/top-03.png) no-repeat 50% 0; }

q:before,
q:after { content: ""; }
a       	{ color: #369; text-decoration: underline; outline: none; }
a:hover,
a:focus 	{ color: #e3030b; text-decoration: none; }

#sizer          { width: 940px; margin: 0 auto; background: url(i/grid-12.png) repeat-y; background: none; */ }
.skipper		{ position: absolute; left: -9999px; top: -9999px; }

.grid			{ clear: both; margin: 0 auto; }
.grid:after		{ content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
                                                       
.pipe   { color: #ccc !important; }

#header	.grid		{ }
#logo				{ float: left; display: inline; position: relative; top: -5px; padding: 0 0 36px 130px; background: url(i/aikido.png) no-repeat 100% 0; }
#logo a             { display: block; width: 60px; height: 170px; text-indent: -9999px; overflow: hidden; }

#children-link		{ float: right; width: 300px; margin: 138px 50px 0 0; background: url(i/shiro.png) no-repeat 0 0; }
#children-link a	{ display: block; padding: 0 12px 12px 60px; font-size: 12px; text-decoration: none; color: #888; }
#children-link a strong { text-transform: uppercase; color: #369; }
#children-link a:hover,
#children-link a:focus { color: #666; }
#children-link a:hover strong,
#children-link a:focus strong { color: #e3030b; }

#content		{ clear: both; width: 700px; margin-left: 240px; border-top: 1px solid #000; }
#content .grid  { }

#sidebar 		    { float: left; width: 190px; margin: -1px 0 0 -240px; font-size: 10px; text-transform: uppercase; color: #666; }
#sidebar a          { text-decoration: none; color: #666; }
#sidebar a:hover,
#sidebar a:focus  { color: #e3030b; }

#sidebar .nav 		{ float: left; width: 100%; }
#sidebar .nav ul	{ float: left; width: 100%; margin-bottom: 36px; border-top: 1px solid #000; }
#sidebar .nav li	{ float: left; display: inline; clear: both; width: 100%; list-style: none; margin: 0 !important; background: url(i/dots-50.png) repeat-x 0 100%; }
#sidebar .nav li a	{ display: block; padding: 4px 25px 5px; }
 
#sidebar .nav .current_page_item	{  }
#sidebar .nav .current_page_item a	{ color: #000; text-decoration: none; background: url(i/bullet-black.gif) no-repeat 0 12px; }
#sidebar .nav .current_page_item li a { font-weight: normal; color: #0085b7; text-decoration: underline; }

#sidebar .nav li ul     { padding-left: 20px; }
#sidebar .nav li ul li  { width: 180px; }

#sidebar h3    { font-weight: bold; font-size: 10px; text-transform: uppercase; padding: 0 0 4px 24px; color: #000; }

.sidebox        { clear: both; padding-top: 9px; margin-bottom: 36px; }
.sidebox h3     { border-bottom: 1px solid #000; }
.sidebox p      { padding: 4px 25px; }

#translator ul      { width: 65px; padding: 4px 0 4px 25px; float: left; }
#translator ul li   { color: #ccc; list-style: square; } 



#aside      { float: left; width: 220px; margin: 80px 0 0 20px; padding-top: 24px; font-size: 11px; background: url(i/dots-50.png) repeat-x 0 0; }
#aside h3   { font: 11px/18px Georgia, serif; margin: 0; text-transform: uppercase; color: #369; }
#aside li   { margin-left: 20px; }

#aside p,
#aside ul   { margin-bottom: 18px; }

.sidenote   { padding-bottom: 18px; }   

.edit-link  { clear: both; }




.col			{ float: left; width: 435px; }
.first-child	{ padding: 0 30px 100px 0; margin-right: 30px; border-right: 10px solid #eee; }


.main-content 	    { float: left; width: 460px; } 
.main-content-wide  { width: 700px; }
                                                 
.main-content-wide .entry {
    /* -moz-column-count: 2; */
    -moz-column-gap: 20px;
    -moz-column-width: 300px;
    /* -webkit-column-count: 2; */
    -webkit-column-gap: 20px;
    -webkit-column-width: 300px;
}

.pseudo-row { float: left; width: 100%; clear: both; margin-bottom: 24px; }
.left-col   { float: left; width: 220px; clear: both; }
.right-col  { float: left; width: 220px; padding-left: 20px; }


.main-content h1        { color: #e3030b; font: normal 32px/32px Arial, sans-serif; padding: 24px 0 25px; margin: 0 0 24px; background: url(i/dots-100.png) repeat-x 0 100%; }
.main-content h2		{ color: #e3030b; clear: both; font: normal 18px/24px Arial, sans-serif; margin: 0 0 18px; }
.main-content h3		{ color: #000; clear: both; font: normal 13px/18px Arial, sans-serif; margin: 0 0 9px; text-transform: uppercase; }

.main-content p,
.main-content li,	
.main-content label,
.main-content .input_text,
.main-content .input_submit	{ }



.main-content p em			{ padding: 0 2px; font-style: normal; color: #ef3c13; background: #ffa; }

.main-content form,
.main-content ul,
.main-content ol,
.main-content p				{ margin-bottom: 18px; }

.main-content p + ul 		{ margin-top: -9px; }

.main-content li			{ padding-bottom: 9px; }
.main-content ul li			{ padding-left: 20px; list-style: none; background: url(i/bullet.gif) no-repeat 2px 5px; }
.main-content ol li			{ margin-left: 40px; list-style: decimal; }

.main-content .demo_video		{ width: 425px; height: 350px; margin: 0 0 4.68em; text-align: center; }
.main-content label			{ display: block; padding: 0 0 .75em; }

.main-content .error			{ color: #f00; }
.main-content .confirmation		{ color: #060; }
.main-content .input_text 		{ width: 200px; padding: 2px; border: 1px solid #999; border-color: #333 #aaa #ccc; background: #fff; }
.main-content .input_submit 	{ font-size: 13px; vertical-align: top; }

.main-content table { margin-bottom: 18px; }


#twitter_update_list li.loading     { color: green; background: #ffa; padding: 2px 20px; }

    
.map-left  { float: left; width: 300px; }
.map-right { float: right; width: 300px; }  

.iframe-wrapper { clear: both; position: relative; left: -5px; width: 300px; padding: 5px; margin-bottom: 36px; background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 3px 20px #c2b496;
    -moz-box-shadow: 0 3px 20px #c2b496; }



#homepage-left  { float: left; width: 300px; margin-right: 50px; } 
#homepage-left .section { padding-bottom: 1px; margin-bottom: 18px; background: url(i/dots-50.png) repeat-x 0 100%; }

#homepage-right { float: left; width: 300px; }

#sticky-stuff   { padding-bottom: 1px; margin-bottom: 18px; background: url(i/dots-50.png) repeat-x 0 100%; }

#twitter-posts          { }
#twitter-posts h2       { float: left; color: #000; }
#twitter-follow-link    { float: right; padding-top: 4px; }
#twitter-posts ul       { clear: both; }

#upcoming-events h2 { color: #000; }
#upcoming-events h3 { font: 13px/18px Georgia, serif; margin: 0; text-transform: none; color: #369; }
#upcoming-events p  { margin: 0; }

#linkage		{ float: left; clear: both; width: 100%; padding-top: 30px; margin-top: 30px; border-top: 10px solid #eee;  }
#roots			{ text-align: center; }

#gallery li		{ list-style: none; margin: 0; padding: 0; background: none; }

.slideshow				{ position: relative; }

#main_image		{ width: 425px; height: 300px; }
#main_image img	{ margin-bottom: .5em; }
.caption		{ display: block; font-size: 1.2em; padding-bottom: 1em; }

.gallery_slideshow			{ float: left; width: 421px; padding: 5px 2px; background: #99b3cc; }
.gallery_slideshow li		{ float: left; display: inline; height: 50px; width: 90px; }
.gallery_slideshow li div .caption { color: #999; }

.slideshow_nav	{ clear: both; font-size: 1em !important; text-transform: uppercase; }
.prev	{ float: left; }
.next	{ float: right; }

.video_caption	{ padding: .75em 2px 1.5em; }


.popis-tehnika-button { font-weight: bold; }
/*
.popis-tehnika-button			{ display: inline-block; width: 218px; height: 32px; margin-top: .9em; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(i/buttons/popis-tehnika.gif) no-repeat 0 0; }
.popis-tehnika-button:hover		{ background-position: 0 -32px; }
.popis-tehnika-button:active	{ background-position: 0 -64px; }
*/

#footer			{ clear: both; padding: 72px 0; }
#footer .grid	{ width: 700px; padding-left: 240px; }

#copyright { padding-top: 12px; background: url(i/dots-50.png) repeat-x 0 0; }

#footer p		{ margin-bottom: 24px; font-size: 10px; text-transform: uppercase; color: #666; }
#footer a       { text-decoration: none; color: #333; }   


#class-schedule { width: 700px; border-spacing: 0; border-left: 1px solid #c3c1ac; border-right: 1px solid #f8f5da; }
#class-schedule th,
#class-schedule td { vertical-align: top; text-align: center; padding: 5px 10px; width: 120px; border-right: 1px solid #c3c1ac; border-left: 1px solid #f8f5da; text-shadow: none; }
#class-schedule td a { font-size: 10px; text-transform: uppercase; }

/*
#class-schedule .full-hr { border-top: 1px solid #999; }
#class-schedule .half-hr { border-bottom: 1px solid #999; }
*/

#class-schedule tbody th { white-space: nowrap; font-weight: normal; }
#class-schedule .odd { background: rgb(234,232,205); background: rgba(0,0,0,.05); }

.osnovni    { background: #b4d9ea; }
.napredni   { background: #f0af9e; }
.djeca      { background: #f4ed7a; }

#class-schedule td a { }