/*   
Theme Name: ring
Theme URI: http://www.nurburgring.cz/
Description: simple WordPress theme created by <a href="http://webdesign.martinsimon.cz/">Martin Simon</a>
Author: Martin Simon
Author URI: http://webdesign.martinsimon.cz/
Template: ring
Version: 1.0
.
General comments/License Statement if any.
.
*/

body, html { margin: 0; padding: 0; color: black; background: white; }
body { font-family: sans-serif; text-align: center; }

a { color: #990000; }
a img { border: 0; }
a:hover { text-decoration: none; }

ul { list-style-type: square; }

.clearr { clear: right; }
.clearl { clear: left; }
.clearb { clear: both; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.red { color: #990000; }

#all { width: 960px; margin: 10px auto; padding: 0; background: white; text-align: left; }

#head { width: 960px; height: 250px; position: relative; }
#htxt { width: 960px; height: 250px; position: absolute; text-align: left; top: 0; left: 0; }
#himg { width: 960px; height: 250px; position: absolute; background: url('images/header.jpg') top right no-repeat; top: 0; left: 0; }
#htxt h1 { font-size: 500%; margin: 0; padding: 0; }
#htxt h1 a { color: black; text-decoration: none; }
#htxt h1 span { font-size: 20%; display: block; }
#himg a { display: block; margin: 0; padding: 0; width: 960px; height: 250px; }

#content { width: 580px; float: left; background: white; margin: 0; padding: 0; }
#rktop { text-align: center; margin: 0 0 10px 0; padding: 0; font-size: 80%; background: #f5f5f5; border: 1px solid #cdcdcd; }
#rkmid { text-align: center; margin: 0 0 10px 0; padding: 5px; font-size: 80%; background: #f5f5f5; border: 1px solid #cdcdcd; }
* html #rktop { margin: 10px 0; }

#right { width: 370px; margin: 0 0 0 590px; }
* html #right { width: 366px; }
#right #topr { height: 60px; margin: 10px 0; padding: 0; border: 1px solid #cdcdcd; overflow: hidden; background: #f5f5f5 url('images/miniring.jpg') no-repeat; background-position: 10px 5px; }
* html #right #topr { height: 61px; }
#right #topr p { margin: 5px 5px 5px 70px; padding: 0; font-size: 80%; font-weight: bold; font-style: italic; } 
#right #leftr { float: left; width: 180px; margin: 0; padding: 0; }
* html #right #leftr { float: left; width: 176px; }
#right #rightr { width: 180px; padding: 0; margin: 0 0 0 190px; }
* html #right #rightr { width: 176px; margin: 0 0 0 186px; }

ul#mainmenu { background: #f5f5f5; border: 1px solid #cdcdcd; margin: 0; padding: 0; list-style: none; font-size: 90%; }
#mainmenu li { display: inline; }
#mainmenu li a { padding: 0 5px 0 25px; margin: 0; display: block; font-weight: bold; text-decoration: none; background: #f5f5f5 url('images/sipka.gif') no-repeat; background-position: 3px 55%; line-height: 24px; }
#mainmenu li a:hover { color: #ee0000; background: #cdcdcd url('images/sipka.gif') no-repeat; background-position: 5px 55%; }
#mainmenu .out { background: transparent url('images/out.gif') no-repeat; background-position: top right; padding: 0 15px 0 0; }
#mainmenu li.current_page_item a { color: #f5f5f5; background: #990000; } 

#rkleft { margin: 10px 0; padding: 5px; text-align: center; background: #f5f5f5; border: 1px solid #cdcdcd; }

#rkleft .rkbox { padding: 0.5em ; margin: 0; text-align: left; }
#rkleft .rkbox a { color: #0033CC; font-size: 80%; font-weight: bold; }
#rkleft .rkbox p { font-size: 70%; margin: 0; padding: 0; }
#rkleft .rkoz { color: #bbbbbb; font-size: 60%; text-align: right; margin: 0.5em 0 0 0; padding: 0; }


#search { margin: 0; padding: 0; background: #f5f5f5; border: 1px solid #cdcdcd; }
#search form { margin: 5px; padding: 0; text-align: center; }
#search h3 { margin: 0 0 5px 0; padding: 0; font-size: 90%; }
#search fieldset { border: 0; margin: 0; padding: 0; }
input#s { border: 1px solid #cdcdcd; width: 150px; padding: 3px 0; margin: 0 0 5px 0; }
input#s:hover { border: 1px solid black; }
input#searchsubmit { border: 1px solid #cdcdcd; width: 152px; padding: 3px 0; color: #990000; font-weight: bold; }
input#searchsubmit:hover { border: 1px solid black; background: #f5f5f5; }

#links { margin: 10px 0; padding: 5px; background: #f5f5f5; border: 1px solid #cdcdcd; }
#links h3 { margin: 0 0 5px 0; padding: 0; font-size: 90%; text-align: center; }
#links ul { font-size: 80%; margin: 0; padding: 0; list-style: none; }

.aff { border: 1px solid #cdcdcd; background: #f5f5f5; margin: 10px 0; padding: 5px 0; text-align: center; }
.aff img { margin: 5px; }

#rssi { border: 1px solid #cdcdcd; background: #f5f5f5; margin: 10px 0; padding: 5px; text-align: center; }
#rssi a img { margin: 0; border: 0; padding: 0; }

#twitter_div { border: 1px solid #cdcdcd; background: #f5f5f5; margin: 10px 0; padding: 5px; text-align: left; font-size: 80%; }
#twitter_div ul { list-style-type: none; margin: 0; padding: 0; }
#twitter_div ul li { margin-bottom: 1em; padding: 0 0 0 20px; display: block; background: #f5f5f5 url('images/sipka.gif') no-repeat; background-position: 0px 2px; }
#twitter_div ul span { display: block; }

#pages { background: #f5f5f5; border: 1px solid #cdcdcd; padding: 10px; margin-bottom: 10px; }

#footer { clear: both; background: #f5f5f5; border: 1px solid #cdcdcd; padding: 10px; text-align: center; font-size: 70%; }

.post h2 { font-size: 120%; margin: 0 0 10px 0; padding: 0; color: #990000; border-bottom: 1px solid #990000; }
.post h2 a { text-decoration: none; }
.post h3 { font-size: 110%; margin: 1.5em 0 0.5em 0; padding: 0; }
.post h4 { margin: 1.5em 0 0 0; padding: 0; }
.post .storycontent { font-size: 90%; }
.post .storycontent p { text-align: justify; margin: 1em 0; padding: 0; }
.post .storycontent ul { margin: 1em 0; padding: 0 0 0 25px; }
.post .podpost { font-size: 70%; margin: 10px 0 20px 0; padding: 5px; border: 1px solid #cdcdcd; background: #fbfbfb; text-align: center; }
.post table { border: 1px solid black; border-collapse: collapse; border-spacing: 0; vertical-align: middle; font-size: 90; }
.post table td { padding: 2px 5px; margin: 0; border: 1px solid black; }
.post table th { padding: 2px 5px; margin: 0; border: 1px solid black; }
.post table tr { padding: 0; margin: 0; }

.post .storycontent p.img { text-align: center; margin: 0; padding: 0; }
.post .storycontent p.img a img { border: 1px solid black; padding: 0; margin: 5px; }
.post .storycontent p.img a:hover img { border: 1px solid #990000; }

.post code { text-align: left; border: 1px solid #cdcdcd; background: #fbfbfb; display: block; padding: 5px; margin: 5px 0; }

.mapa { text-align: center; }
.mapa iframe { border: 1px solid black;; margin: 0; padding: 0; }
.mapa a { font-size: 70%; }

#homenews { background: #f5f5f5; border: 1px solid #cdcdcd; padding: 10px; }
#homenews h2 { font-size: 100%; text-align: left; margin: 0 0 10px 0; padding: 0; }
#homenews ul { font-size: 90%; margin: 10px 0; padding: 0 0 0 20px; line-height: 140%; }
#homenews p#latestnews { text-align: right; margin: 0 1em; padding: 0; font-size: 90%; font-weight: bold; }

#okno-web-poc { background: #f5f5f5; border: 1px solid #cdcdcd; width: 578px; height: 290px; position: relative; margin: 10px 0; }
* html #okno-web-poc { width: 580px; height: 290px; }
#webcam { width: 325px; height: 285px; text-align: center; position: absolute; top: 0; left: 0; }
#pocasi { width: 250px; height: 285px; text-align: center; position: absolute; top: 0; left: 325px; }
#webcam h2 { font-size: 90%; text-align: left; margin: 10px; padding: 0; }
#pocasi h2 { font-size: 90%; text-align: left; margin: 10px 10px 10px 0; padding: 0; }
#webcam img { border: 1px solid black; }
#webcam p { font-size: 60%; margin: 0; padding: 0; }
#webcam div { width: 302px; height: 227px; background: transparent url('images/webcam.jpg') no-repeat; background-position: top left; margin-left: 12px; text-align: left; }

#tip { background: #f5f5f5; border: 1px solid #cdcdcd; margin: 10px 0; padding: 10px; text-align: left; font-size: 80%; }

#hpvideo { background: #f5f5f5; border: 1px solid #cdcdcd; margin: 10px 0; padding: 10px 0; text-align: center; }
#hpvideo h2 { margin: 0 0 10px 10px; padding: 0;  text-align: left; font-size: 90%; }
#hpvideo p { margin: 5px 0 0 0; font-size: 90%; font-style: italic; }

.rdg { padding: 5px; }
.rdg .rdgr { float: left; width: 130px; font-size: 90%; text-align: left; margin: 0 5px; }
.rdg  a { font-weight: bold; color: #990000; }
.rdg a:hover { text-decoration: none; }
.rdg p { margin: 0; padding: 0; }