/*
	* project: hcvikingove.cz
	* author: Kub4jz.cz <kub4jz@gmail.com>

	** basic style
*/

* { padding: 0px; margin: 0px; }

body {
    background-color: #CCC;
    font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
    font-size: 82.5%;
    font-size-adjust: none;
    font-style: normal;
    line-height: normal;
    text-align: center;
}

div#body {
    width: 900px;
    margin: 0px auto 10px;
    background-color: #FFF;
    color: #111;
    text-align: left;
    -moz-box-shadow: 0 0 15px #999;
    -webkit-box-shadow: 0 0 15px #999;
}

a:link, a:visited {
    color: #407DA7;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
a img { border: none; }

/* neaktivní odkazy */
a[href="#"] {
    text-decoration: line-through;
}

h2 {
    color: #407DA7;
    font-weight: normal;
    margin-bottom: 8px;
    letter-spacing: 1pt;
    text-shadow: 1px 1px 2px #CCC;
    _font-size: 1.5em;
}
h3 {
    margin-bottom: 5px;
    letter-spacing: 0.5pt;
    _font-size: 1.1em;
}

fieldset { border: none; }
input, textarea, select {
	padding: 5px 3px;
	margin: 0px 0px 5px;
    _margin: 0px;
	border: 1px solid #ccc;
	color: #333;
    background: #FFF url('./images/input.png') repeat-x scroll top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input, select {
    _height: 25px;
    _line-height: 25px;
}
input:focus, textarea:focus {
	border: 1px solid #9F9F9F;
}
option { padding-right: 10px !important; }
label {	margin: 0px; margin-right: 15px; }
label.inline { display: inline; }
input.inline { width: auto !important; }
button {
	margin: 0px 0px 5px;
	padding: 3px 8px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #EEE;
	_font-size: 0.9em;
}
ol { list-style-type: decimal; }
ul { line-height: 1.5em; }
div#content ul, ol {
    padding-left: 30px;
}
table {
    border: none;
    font-size: 1em;
}
th {
    text-align: left;
}

/* HEADER
----------------*/
div#header {
    height: 209px;
    background: transparent url('./images/logo.png') no-repeat scroll left top;
}
#header a {
    display: block;
    height: 209px;
}
#header h1 {
    display: none;
}

/* MENU
---------------*/
div#menu {
    height: 35px;
    background-color: #343434;
    color: #444;
    text-align: center;
}
ul.menu {
    height: 33px;
    line-height: 33px;
    list-style-type: none;
    padding: 0px;
}
ul.menu li {
    display: inline;
}
ul.menu li a, ul.menu li a:visited {
    padding: 8px 2px 10px;
    margin: 0 1px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}
ul.menu li a:hover, ul.menu li a#active {
    text-decoration: underline;
}

/* CONTENT
------------------*/
div#content-wrapper {
    background-color: #FFF;
    padding: 10px;
}
div#content {
    float: left;
    width: 610px;
    margin-right: 10px;
    padding: 10px 5px 5px;
}
div#content.big {
    float: none;
    width: auto;
    margin: 0px;
}
div#content p {
    line-height: 1.5em;
    margin: 5px 0px 10px;
    text-align: justify;
    text-indent: 2px;
    word-spacing: 0pt;
}
div#sidebar {
    float: left;
    width: 230px;
    margin-left: 10px;
    padding: 5px;
    line-height: 1.5em;
}
form.login {
    margin: 0px 3px 5px;
}
form.login label {
    _position: relative;
    display: inline-block;
    _display: inline;
    width: 30px;
}
form.login span.small {
    height: 25px;
    line-height: 25px;
    _position: relative;
    _top: -15px;
}
table.table {
    font-size: 0.95em;
    margin: 0px 0px;
    line-height: 1.8em;
}
table.table td {
    border-bottom: 1px solid #F9F9F9;
}
table.table td.pos {
    width: 15px;
    padding: 0 3px;
    text-align: right;
}
table.table td.team {
    width: 155px;
}
table.table td.points {
    width: 20px;
    padding: 0 5px;
    text-align: right;
}

ul.links li {
    border-bottom: 1px solid #F9F9F9;
    list-style-type: none;
    line-height: 2em;
    padding: 0px 5px;
}

ul.links li a {
    display: block;
}

table.table tr:last-child td, ul.links li:last-child {
    border: none;
}

/* FOOTER
-----------------*/
div#footer {
    padding: 10px 15px 10px;
    background-color: #FFF;
    border-top: 1px solid #DDD;
    color: #888;
    clear: both;
    font-size: 0.9em;
    word-spacing: 1pt;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-radius-bottomleft: 3px;
    -webkit-border-radius-bottomright: 3px;
}

/* OTHERS
----------------*/
div.box {
    background-color: #EFEFEF;
    padding: 10px 15px 20px;
    margin: 5px 0 10px;
    line-height: 1.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.box.nobg {
    background-color: transparent;
    padding: 5px 10px;
}
div#sidebar div.box {
    width: 210px;
    _width: 230px;
    padding: 10px;
}

div.box h3 {
    letter-spacing: 1.5pt;
}


div.webmaster {
	width: 870px;
	padding: 0 15px;
	color: #999 !important;
	margin: 0 auto 15px;
	font-size: 0.9em;
	text-align: right;
}
div.webmaster a {
	color: #666;
	text-decoration: underline;
}

/* MISC
----------------*/
hr {
    display: block;
    height: 1px;
	background-color: #EFEFEF;
    color: #EFEFEF;
    border: none;
    margin: 5px auto;
}


.home_team {
    color: #407DA7;
    font-weight: bold;
}

img.icon { vertical-align: text-bottom; }

.blue { color: #407DA7; }

.small { font-size: x-small; _font-size: xx-small; }

.both { clear: both; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }

.float-left { float: left; }
.float-right { float: right; }

.hide { display: none; }