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

	Project: Vasek Sura - vaseksura.com
	Project URI: http://www.vaseksura.com
	Description: Personal Blog - polar expeditions
	Version: vaseksura.com - version 001
	
	Design, XHTM, CSS: Pavel Blazek
	Web Address: http://www.pavelblazek.com
	Date: Tuesday, November 20, 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;}

.white {color: #d5d5d5;}

.counter {position: relative; top: 1px; left: 2px;}

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

a {text-decoration: none; color: #1867a6; outline: none;}
a:hover {text-decoration: underline;}

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

#content-bottom a {color: #d5d5d5;}
#centent-bottom a:hover {text-decoration: underline;}

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

input {margin: 0; padding: 0;}
.text-box, .text-area {margin: 0; padding: 4px 5px 2px 5px; border: none; font: 11px 'Verdana', Helvetica, sans-serif; letter-spacing: 0.02em; line-height: 11px;}
.text-box {width: 180px; height: 14px; background: #fff;}
.text-area {width: 500px; height: 100px; background: #fff;}
.select {margin: 0; padding: 0; height: 17px; font-size: 11px;}
.button {float: right; margin: 0; padding: 0;}

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

/*Headlines for posts */
h1 {padding: 10px 0 8px 0; font-size: 16px; font-weight: bold; color: #002b58;}
 h1 span {text-transform: lowercase;}

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

html {font: 11px 'Verdana', Helvetica, sans-serif; background: #000614; line-height: 19px;}

#content-top {padding-bottom: 20px; border-top: 4px solid #000614;}
	.multimedia-top {background: #fff url(../images/sys-images/multimedia-top.jpg) no-repeat center bottom;}
	.multimedia-bottom {background: #000614 url(../images/sys-images/multimedia-bottom.jpg) no-repeat center top;}
	
#content-bottom {color: #8b8d93;}

#header {margin: 0 auto; width: 970px; padding-bottom: 10px; padding-top: 20px; height: 55px;}
.content {margin: 0 auto; padding-top: 10px; width: 970px;}
#footer {clear: both; margin-top: 10px; padding: 6px 0 100px 0; height: 60px; border-top: 1px solid #8b8d93; color: #8b8d93;}

.column {float: left; padding: 0 0 20px 0; width: 300px;}
	.column-header {margin: 20px 0 0 0; padding-bottom: 8px; height: 14px; border-bottom: 1px solid #8b8d93;}
	.middle {margin: 0 35px 0 35px;}
	.big {margin-left: 35px; width: 635px;}
	.full {width: 970px;}
	.post-image {height: 480px;}

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

#main-menu {float: right; padding: 0;}
#main-menu li {float: left; margin-top: 29px; margin-left: 20px; height: 11px;}

.homepage, .blog, .vasek-sura, .expedice {display: block; height: 11px;}
.homepage {width: 67px; background: url(../images/sys-images/main-menu/homepage-off.gif) no-repeat;}
.blog {width: 32px; background: url(../images/sys-images/main-menu/blog-off.gif) no-repeat;}
.vasek-sura {width: 73px; background: url(../images/sys-images/main-menu/vasek-sura-off.gif) no-repeat;}
.expedice {width: 57px; background: url(../images/sys-images/main-menu/expedice-off.gif) no-repeat;}

.homepage:hover, .homepage-on {width: 67px; background: url(../images/sys-images/main-menu/homepage-on.gif) no-repeat;}
.blog:hover, .blog-on {width: 32px; background: url(../images/sys-images/main-menu/blog-on.gif) no-repeat;}
.vasek-sura:hover, .vasek-sura-on {width: 73px; background: url(../images/sys-images/main-menu/vasek-sura-on.gif) no-repeat;}
.expedice:hover, .expedice-on {width: 57px; background: url(../images/sys-images/main-menu/expedice-on.gif) no-repeat;}
.partneri:hover, .partneri-on {width: 57px; background: url(../images/sys-images/main-menu/partneri-on.gif) no-repeat;}

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

#flash {height: 500px;}
	.dvd {background: url(../images/web-images/intro-DVD-sale.jpg) no-repeat 60px 43px;}
	.na-plovarne {background: url(../images/web-images/na-plovarne.jpg) no-repeat 60px 0;}
	.muzeum {background: url(../images/web-images/muzeum.jpg) no-repeat 126px 65px;}

/*---< POST >---*/

#latest li {margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #8b8d93;}

.post img {margin-top: 10px; border: 1px solid #000614;}
.archiv {clear: both;}
.archiv p.postmetadata {margin: 35px 0 0 0;}

/*---< PHOTOGALERIE >---*/

#photogalerie {padding: 0;}
#photogalerie li {float: left; margin: 3px; width: 48px; height: 48px; border: 2px solid #8b8d93; overflow: hidden;}
#photogalerie li img {height: 48px;}
#photogalerie li:hover {border: 2px solid #d5d5d5;}

/*------< VASEK SURA >------*/

.sponsors li {padding-top: 10px;}

/*------< EXPEDICE >------*/

#expedice {padding: 80px 0 0 0; height: 200px;}
#expedice li {float: left; width: 194px; text-align: center;} 


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