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

	Project: MILD production 
	Project URI: www.mildproduction.com
	Description: 
	Version: 001
	
	Design, XHTM, CSS: threesix.com - Pavel Blazek
	Web Address: http://www.threesix.cz
	Date: Tuesday, January 5, 2009
	
	CSS file info: This is the CSS for main template of the website
	
	
-------------------------------------------------------------------------------------*/


/*------< GLOBAL RESET & SETTINGS >------------------*/

*, html, body, div, h1, h2, h3, h4, h5, p, ol, ul, li, img, form, input, label, fieldset, select, table, tr, td, iframe, object {margin: 0; padding: 0;}

ol, ul, li {list-style: none;}
*, img, form, fieldset {border: none;}
table {width: 100%;}
th, td {vertical-align: top; text-align: left;}

.alignright {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.visible {display: block;}
.hidden {display: none;}
.clear {clear: both; height: 1px; overflow: hidden;}

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

a {text-decoration: none; outline: none; color: #e95727;}
a:hover {}

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

.input-box, .text-area {padding: 4px 5px 2px 5px; border: none; font-size: 11px; font-family: "Verdana", Tahome; letter-spacing: 0.02em; line-height: 11px; color: #000}
.input-box {height: 13px;}
.text-area {height: 100px; background: #fff;}
.select {height: 17px; font-size: 11px;}
.button {margin: 0; padding: 0; cursor: pointer;}

/*------< FORMATING >------------------*/

body, select, input {font-size: 100%/1.2; font-family: "Verdana", Tahome; line-height: 1.3em; color: #000;}

h1, h2, h3, h4, h5 {font-family: "Verdana", Tahome; font-weight: normal;}

h1 {padding: 20px 0 20px 0; font-size: 1.6em; text-transform: uppercase;}
h1.page-title {margin-left: 20px;}

h2 {font-size: 1em; text-transform: uppercase; font-weight: bold;}

h3 {padding: 15px 0 5px 0; font-size: 1.3em;}

h4 {padding-left: 20px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #a4a4a4;}
	.module h4 {padding-left: 10px;}

h5 {}

p, ul, table {margin: 0 0 .8em 0; line-height: 1.3em;}

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

body {background: #000;}
html, body, #container-wrap {width: 100%; height: 100%;}
#container-wrap {background: url(../images/background.png) no-repeat top center;}
#container {margin: 0 auto; width: 960px;}
#header {margin-bottom: 30px; height: 120px;}
#content {font-size: .7em;}
#footer-wrap {width: 100%; background: #121213 url(../images/footer-bck.png) no-repeat center top; border-top: 1px solid #303030;}
#footer {margin: 0 auto; padding: 20px 0 29px 0; width: 960px; color: #f9f9f9;}

/*------< HEADER >------------------*/

#header .logo {float: left; display: block; margin-top: 44px; width: 199px; height: 62px;}
#search-box {float: right; margin: 45px 0 0 0; padding: 0; width: 200px; height: 20px;}
#search-box .input-box {width: 190px; height: 14px; background: url(../images/search-bck.png) no-repeat;}
	
/*------< MAIN MENU >------*/

.main-menu {float: right; clear: right; margin: 15px 1px 0 0; padding: 0; height: 40px;}
.main-menu li {float: left; padding-right: 1px; background: url(../images/main-menu/border.png) no-repeat right top;}
.main-menu li a {display: block; height: 40px; border: none; font-size: 1px; text-indent: -2000px; color: #000;}
.main-menu li a:hover, .main-menu li.active a {background-position: bottom;}
	.main-menu .item1 a {width: 76px; background: url(../images/main-menu/homepage.png) no-repeat top;}
	.main-menu .item2 a {width: 55px; background: url(../images/main-menu/sluzby.png) no-repeat top;}
	.main-menu .item3 a {width: 67px; background: url(../images/main-menu/projekty.png) no-repeat top;}
	.main-menu .item4 a {width: 77px; background: url(../images/main-menu/reference.png) no-repeat top;}
	.main-menu .item5 a {width: 114px; background: url(../images/main-menu/mildproduction.png) no-repeat top;}
	.main-menu .item6 a {width: 52px; background: url(../images/main-menu/eshop.png) no-repeat top;}
.main-menu .item6 {padding-right: 0; background: none;}

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

.rss {padding: 2px 0 0 20px; background: url(../images/rss.png) no-repeat;}

/*------< INTRO >------*/

#intro {margin-bottom: 39px; color: #e8e8e8;}
#intro-video {float: left; margin-right: 20px; padding: 4px; background: #000; border: 1px solid #a4a4a4; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden;}
#intro .read-more {margin-top: 20px;}
#intro .read-more a {padding: 3px 0 3px 10px; height: 20px; background: url(../images/buttons/button-bck-left.png) no-repeat left;}
#intro .read-more a span {padding: 3px 10px 3px 0; background: url(../images/buttons/button-bck-right.png) no-repeat right; color: #000;}

/*------< PAGE >------------------*/

#page {clear: both; margin-bottom: 30px; padding-top: 10px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.colum {float: left; padding: 0 20px 0 20px; width: 280px;}

#page.ny-alesund {padding-top: 460px; background: #fff url(../../images/articles/projects/ny-alesund/main-image.jpg) no-repeat;}
#page.filmy-martina-rysaveho {padding-top: 369px; background: #fff url(../../images/articles/projects/filmy-martina-rysaveho/main-image.jpg) no-repeat;}
#page.utek-na-bora-bora {padding-top: 460px; background: #fff url(../../images/articles/projects/utek-na-bora-bora/main-image.jpg) no-repeat;}
#page.mild-production {x padding-top: 460px; x background: #fff url(../../images/articles/mild-production/main-image.jpg) no-repeat;}
#page.herman-cesta-za-snem {padding-top: 460px; background: #fff url(../../images/articles/projects/herman-cesta-za-snem/main-image.jpg) no-repeat;}
#page.golfova-skola {padding-top: 460px; background: #fff url(../../images/articles/projects/golfova-skola/main-image.jpg) no-repeat;}
#page.kde-tryska-energie {padding-top: 460px; background: #fff url(../../images/articles/projects/kde-tryska-energie/main-image.jpg) no-repeat;}
#page.pojd-bliz-cukratko {padding-top: 460px; background: #fff url(../../images/articles/projects/pojd-bliz-cukratko/main-image.jpg) no-repeat;}
#page.cesta-za-snem-ii {padding-top: 460px; background: #fff url(../../images/articles/projects/cesta-za-snem-ii/main-image.jpg) no-repeat;}
#page.divadelni-studio-ciste-radosti {padding-top: 154px; background: #fff url(../../images/articles/projects/divadelni-studio-ciste-radosti/main-image.jpg) no-repeat;}

#projects {margin-bottom: 30px;}

#references {clear: both; padding: 20px 0 30px 0;}
#references td {vertical-align: bottom; text-align: center;}
	
/*------< UPDATES >------*/

#updates {width: 480px;}
#pagination {margin: 20px 10px 0 10px; padding: 0 10px 10px 10px; border-top: 1px solid #e6e6e6; font-size: 10px; color: #a4a4a4;}
	
/*------< CATEGORY >------*/


	
/*------< ARTICLE >------*/

#w720 {width: 720px;}

.article {padding: 0 20px 10px 20px;}
.article-metadata, .article-metadata a {margin-bottom: 6px; font-size: 10px; color: #a4a4a4; line-height: 7px;}
.article-metadata a:hover {color: #e95727;}
.article-icons {float: right;}

.filter {padding: 10px 20px 10px 20px;}

/*------< ESHOP >------*/

.eshop .leading .article, .eshop-module .article {float: left; margin: 10px; padding: 9px 9px 0 9px; width: 190px; background: url(../images/movie-bck.png) repeat-x bottom; border: 1px solid #e6e6e6; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.eshop .leading .article img, .eshop-module .article img {padding: 0 10px 0 10px;}
.price {font-size: 14px; font-weight: bold;}
.eshop .buttons, .eshop-module .buttons {margin: 0; height: 32px;}
.eshop .buttons li, .eshop-module .buttons li {float: left;}
.movie-info, .buy {display: block; width: 95px; height: 27px; text-align: center; line-height: 27px; font-weight: bold;}
.eshop .buttons a, .eshop-module .buttons a {color: #000;}
.eshop .buttons a:hover, .eshop-module .buttons a:hover {color: #e95727;}
.eshop-module .article {margin: 0; float: none;}

/*------< SIDEBARS >------*/

#sidebar-1, #sidebar-2 {float: right; padding: 10px 0 20px 0; width: 240px;}

#sidebar-1 .module, #sidebar-2 .module {padding: 0 10px 10px 10px;}
.login p {margin-right: 10px; margin-left: 10px;}
.submenu {font-size: 10px; color: #a4a4a4; text-transform: uppercase; font-weight: bold;}
.submenu li {padding: 5px 10px 3px 10px; border-bottom: 1px dotted #e6e6e6;}
.submenu li a:hover {padding-left: 2px;}
.submenu #current a {padding-left: 0; color: #a4a4a4; cursor: default;}
#facebook a {display: block; width: 150px; height: 48px; background: url(../../images/articles/miscellaneous/facebook.png) no-repeat top;}
#facebook a:hover {background-position: bottom;}
#form-login-username, #form-login-password {border-bottom: 1px dotted #a4a4a4;}

/*------< FOOTER >------------------*/

#footer .left {float: left;}
#footer .right {float: right; text-align: right;}
#footer .menu {float: left; padding-right: 40px; width: auto;}
#footer a {color: #F9F9F9;}
#footer p, #footer li {font-size: 9px; line-height: 16px;}
#footer li a {padding-right: 10px; font-weight: bold;}
#footer li a:hover {background: url(../images/menu-bck.png) no-repeat right 4px;}
#footer .logo {margin-top: 20px;}


/*---< Pavel Blazek - threesix.com --- Tuesday, January 5, 2009 >---*/