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

	Project: TOM Rez - tomrez.com - turisticky oddil mladeze
	Project URI: http://www.tomrez.com
	Description: Presentation of the Turist Youth Club
	Version: tomrez.com - version 001
	
	Design: Zuzka Pinova
	XHTM, CSS: Pavel Blazek - layout based on http://www.pmob.co.uk/temp/fixedlayoutexample5.htm
	Web Address: http://www.pavelblazek.com
	Date: Tuesday, November 06, 2007
	
	CSS file info: This is the CSS for main frame of the website
	

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



/*------< GENERAL >------*/

body, html, div, h1, h2, h3, h4, h5, p, ul, li, ol, img, form {margin: 0;}
p {padding: 2px 0 4px 0;}
ul {padding: 2px 0 4px 0;}
li, ol {padding: 0; list-style-type: none;}
img, form {padding: 0; border: none;}
td {vertical-align: top;}
.alignright {text-align: right;}
.floatleft {float: left;}
.floatright {float: right;}
.visible {display: block;}
.hidden {display: none;}
.clear {clear: both; height: 1px;}

.list li {padding-left: 10px;}

/*------< LINKS >------*/

a {text-decoration: none; color: #00a0c6; outline: none;}
a:hover {text-decoration: underline;}

/*------< FORMS >------*/

input {margin: 0; padding: 0;}
.text-box, .text-area {margin: 0; padding: 4px 5px 2px 5px; border: 1px solid #999; font: 10px 'Verdana', Arial, Helvetica, sans-serif; line-height: 14px;}
.text-box:focus, .text-area:focus {background: #fff;}
.text-box {width: 180px; height: 13px; background: #ededed;}
.text-area {width: 600px; height: 100px; background: #ededed;}
.select {margin: 0; padding: 0; height: 17px; font-size: 11px;}
.button {float: right; margin: 0; padding: 0;}

/*------< HEADLINES >------*/

h1 {margin: 30px 0 10px 0; font-size: 14px; font-weight: bold;}
h2 {margin: 10px 0 5px 0; font-size: 12px; font-weight: bold;}
#sidebar h2 {border-bottom: 1px solid #ddd;}
h3 {margin: 10px 0 30px 0; font-size: 16px; font-weight: bold; line-height: 20px;}
	h3 span {font-size: 14px;}

/*------< MAIN FRAME >------*/

body {margin: 0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height: 100%; padding: 0; font: 12px 'Trebuchet MS', arial, verdana, sans-serif; line-height: 17px;} 
* html, * html body{overflow: hidden;}
* html #outer {overflow: auto; height: 99.9%; voice-family: "\"}\""; voice-family: inherit;}
* html #contain-all{position: absolute; x overflow-y: scroll; overflow: auto; width: 100%; height: 100%; z-index: 1;}
/* end hack */

#top-bar{position: absolute; top: 0px; left: 0px; height: 130px; width: 100%; margin: 0; padding: 0; z-index: 999; overflow: hidden;}
#topbar-inner {height: 130px; background: url(../images/sys-images/header-box-bck.gif) no-repeat center;}
#footer-inner {height: 90px; background: url(../images/sys-images/footer-box-bck.gif) no-repeat center;}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner,* html #footer-inner {margin-right: 17px;}
/* end hide*/

.content {margin: 0 auto; width: 970px; _width: 980px;}

#page {width: 720px;}

#sidebar {float: right; padding: 20px 0 40px 39px; width: 210px;}

#footer{position: absolute; bottom: 0; width: 100%; height: 90px; z-index: 999;}
.spacer1 {height: 130px}
.spacer2 {clear: both; height: 90px;}

html>body #top-bar,html>body #footer{position: fixed}/* for moz/opera and others*/

/*------< MAIN MENU >------*/

#main-menu {height: 90px; padding: 0; background: url(../images/sys-images/main-menu/menu-bck.png) no-repeat bottom center;}
#main-menu li {float: left;}

.homepage a, .informations a, .informations a, .bike-race a, .photogallery a, .contacts a, .kninice a {display: block; height: 90px; background-position: bottom;}
.homepage a {width: 117px; background: url(http://www.tomrez.com/images/sys-images/main-menu/homepage-off.gif) no-repeat;}
.informations a {width: 122px; background: url(http://www.tomrez.com/images/sys-images/main-menu/informations-off.gif) no-repeat;}
.bike-race a {width: 122px; background: url(http://www.tomrez.com/images/sys-images/main-menu/bike-race-off.gif) no-repeat;}
.photogallery a {width: 148px; background: url(http://www.tomrez.com/images/sys-images/main-menu/photogallery-off.gif) no-repeat;}
.contacts a {width: 122px; background: url(http://www.tomrez.com/images/sys-images/main-menu/contact-off.gif) no-repeat;}
.kninice a {width: 95px; background: url(http://www.tomrez.com/images/sys-images/main-menu/kninice-off.gif) no-repeat;}

.homepage a:hover {width: 117px; background: url(http://www.tomrez.com/images/sys-images/main-menu/homepage-on.gif) no-repeat;}
.informations a:hover {width: 122px; background: url(http://www.tomrez.com/images/sys-images/main-menu/informations-on.gif) no-repeat;}
.bike-race a:hover {width: 122px; background: url(http://www.tomrez.com/images/sys-images/main-menu/bike-race-on.gif) no-repeat;}
.photogallery a:hover {width: 148px; background: url(http://www.tomrez.com/images/sys-images/main-menu/photogallery-on.gif) no-repeat;}
.contacts a:hover {width: 122px; background: url(http://www.tomrez.com/images/sys-images/main-menu/contact-on.gif) no-repeat;}
.kninice a:hover {width: 95px; background: url(http://www.tomrez.com/images/sys-images/main-menu/kninice-on.gif) no-repeat;}

.space {display: block; width: 244px; height: 90px; background: url(../images/sys-images/main-menu/space.gif) no-repeat;}

#main-menu li a:hover {text-decoration: none;}

/*------< CONTENT >------*/

#logo {display: block; width: 300px; height: 90px;}

.post img {float: left; margin: 4px 20px 15px 15px; padding: 4px; width: 300px; background: #ededed;}
.postmetadata {clear: left;}

.navigation {padding-bottom: 15px;}

.image {margin: 4px 15px 15px 15px; padding: 4px; background: #ededed;}

/*---< PHOTOGALLERY >---*/

#photogallery {padding: 0;}
#photogallery li {float: left; margin: 2px; width: 157px; height: 157px; _height: 175px}
#photogallery li a {display: block; padding: 10px; width: 137px; height: 137px; _height: 130px;}
#photogallery li a {color: #555;}
#photogallery li a:hover {text-decoration: none; font-weight: bold; color: #000;}
#photogallery li a img {margin-bottom: 4px; border: 1px solid #555;}

#photogallery li .gallerysaveicon {
 position: relative;
 _position: static;
 bottom: 21px;
 _bottom: 0px;
 width: 19px;
 height: 19px;
 margin: 0px 3px 0px 0px;
 padding: 0px;
 float: right;
}

#photogallery li .gallerysaveicon a {
 width: 19px;
 height: 19px;
 margin: 0px;
 padding: 0px;
 display: inline;
 border: 0px solid #000000;
}

#photogallery li .gallerysaveicon a img {
 margin: 0px;
 _margin-bottom: 4px;
 border: 0px solid #FFFFFF;
}

.year {width: 137px; height: 137px; font-size: 40px; color: #fff; font-weight: bold; text-align: right; line-height: 60px;}
	.year.c2001, .c2001 a {background: #c6ddeb;}
	.year.c2002, .c2002 a {background: #fcf8cb;}
	.year.c2003, .c2003 a {background: #fddfd8;}
	.year.c2004, .c2004 a {background: #d8e9bd;}
	.year.c2005, .c2005 a {background: #fee1c8;}
	.year.c2006, .c2006 a {background: #e8f5f8;}
	.year.c2007, .c2007 a {background: #fcf8cb;}
	.year.c2008, .c2008 a {background: #b9e96c;}

/*---< COMMENTS >---*/

.commentlist {border-top: 1px solid #999;}
.commentlist li {padding: 10px 0 10px 0; border-bottom: 1px solid #ededed;}

/*---< Pavel Blazek - pavelblazek.com --- Tuesday, November 06, 2007 >---*/