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

	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;}
.end {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: 25px;}
#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_left {float: left; display: block; margin-top: 44px; width: 141px; height: 199px;}
#header .logo {float: left; display: block; width: 400px; height: 100px;}
#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;}
	
	
#holder {
	margin:0 auto;
	width:960px;
}
/*------< MAIN MENU >------*/

.main-menu {
	width:950px;
	height:25px;
	padding:3px 5px 0;
	margin:0 0 34px;
	background: transparent url(../images/t_menu_bg.png) no-repeat top center;
	background-position: right;
}

.main-menu ul {
	float: left;
	padding:0;
	margin:0;
	height:22px;
	overflow:hidden;
	list-style: none;
}

.main-menu li {
	float: right;
	margin:0 3px 0 0;
}

.main-menu li a {
	float:right;
	cursor:pointer;
	background: transparent url(../images/t_menu_btn.png) no-repeat top right;
}

.main-menu li a span {
	float:left;
	color: #efeeee;
	font-size:11px;
	font-weight:400;
	text-decoration: none;
	height:22px;
	line-height:20px;
	padding: 0 10px;
	margin:0;
	background: transparent url(../images/t_menu_btn_l.png) no-repeat top left;
}

.main-menu li a:hover,.main-menu li#current a{
	text-decoration: none;
	background: transparent url(../images/t_menu_btn.png) no-repeat bottom right;
}

.main-menu li a:hover span,.main-menu li#current a span {
	color:#FFF;
	background: transparent url(../images/t_menu_btn_l.png) no-repeat bottom left;
}

/*------< 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: 0px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.colum {float: left; padding: 0 20px 0 20px; width: 300px;}

#page.cs-czs {padding-top: 320px; background: #fff url(../../images/articles/projects/cs-czs/main-image.png) no-repeat;}
#projects {margin-bottom: 0px;}

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

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

#category {width: 360px;}
#ref {float: right}
	
/*------< 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;}

/*------< projekt >------*/

#proc {width: 800px;}

.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 {float: right; padding: 0 0 20px 0; width: 240px;}
#sidebar-2 {float: right; padding: 0 0 20px 0; width: 360px;}

#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;}
#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 >---*/