@import url('reset.css');

@import url('960.css');

@import url('text.css');

@import url('frontpage.css');

@import url('menu.css');

@media screen and (max-width: 320px){
    #slider {
        position:relative;
        max-width:300px;
        max-height:100%;
        height:160px;
        margin-left:auto;
        margin-right:auto;
        overflow:hidden;
    }
}

body {
	/*background: url("../img/noisy.gif") repeat scroll 0 0 #EEEEEE;*/
	/*background: url("../img/nasty_fabric.png") repeat scroll 0 0 #EEEEEE;*/
}

/* Content */
#header {
    background: #333;
	padding-bottom: 10px;
}

.header_inner {
	height: 82px;
	margin-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 4px solid #630249;
}

#page {
	margin: 20px auto;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
	background: #fff;
}

#main {
	/*background: #fff;*/
	background: url("../img/noisy.gif") repeat scroll 0 0 #EEEEEE;
}
#postfooter {
    padding: 10px 0;
    background: #333;
}
#postfooter .footTop {
    
}
.sociallink {
	border-bottom: 3px solid #630249;
    overflow: hidden;
}
.sociallink li {
	float: left;
	list-style: none outside none;
}
#postfooter .footBody {
    position: relative;
	color: #FFF;
	padding: 10px 0;
}

.page-bottom-shadow {
	height: 20px;
	background: url("/media/img/page-bottom-shadow.gif") repeat-y scroll left top transparent;
	padding: 0 30px 0px 36px;
	margin-bottom:10px;
	
	box-shadow: 0 4px 9px #C5C5C5;
}
.main-column a {
	color: #630249
}

.main-column h6{
	color: #555;
}

.main-column p {
    margin-bottom: 16px;
    margin-left: 10px;
}

.main-column H1, .main-column H2, .main-column H3 {
	margin-bottom: 20px;
}
.main-column H4, .main-column H5  {
	margin-bottom: 10px;
}

.main-column H1 { font-size:24px; }
.main-column H2 { font-size:22px; font-family: 'Open Sans',sans-serif; border-bottom: 1px solid #630249; padding-bottom: 5px;}
.main-column H3 { font-size:20px; }
.main-column H4 { font-size:18px; }
.main-column H5 { font-size:16px; }
.main-column H6 { font-size:14px; }

.hentry { margin-bottom: 20px;}

.main-column {
	text-align: justify;
	color: #444;
	padding:10px 20px 10px 10px;
	min-height:400px;
	-moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}
.main-column-width {
	width:700px!important;
}

.column_space {
    left: 20px;
}


/* BLOG */
.entry-title {
	font-size: 120%;
}

/* Navigation language */
#navbar {
	padding-top: 3px;
    height: 26px;
	background: #333;
}

#nav_lang {
	float: right;
	padding-left: 5px;
}

#nav_lang ul,#nav_lang li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_lang li {
	display: block;
	float: left;
}

#nav_lang a {
	display: block;
	float: left;
	padding: 2px 5px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

#nav_lang a:hover {
	background-color: #630249;
}

#nav_lang a.selected {
	color: #5B80B2;
	font-weight: bold;
}

#nav_lang li:first-child a {
	border-left: none;
}

#logo {
	background: url("/media/img/logo.png") no-repeat scroll 10px 10px transparent;
	width: 266px;
	height: 70px;
	padding: 10px;
}
/*#logo:hover {
	background: url("/media/img/logo_hover.png") no-repeat scroll left top transparent;
}*/

#logo h2 {
	color: black;
	margin-left:20px;
}
#logo p {
	font-size: 9px;
	color:#555;
	margin-left: 18px;
}

div#search-box {
	margin-bottom: 40px;
}

div#search-box form {
}

table.applicationform {
	border: 3px solid #ddd;
	padding: 5px;
	width:100%;
    text-align: left;
    background-color:#eee;
    color:#444;
}
table.applicationform a {
    color:#3F0211;
}

th {
	text-align: left;
	padding: 7px;
}

table.horizontal-heading th {
	text-align: left;
}

table.applicationform th {
	background-color: #dadada;
	vertical-align: top;
	border-bottom: 1px solid #eee;
	min-width: 120px;
	max-width: 200px;
}

table.applicationform td {
	padding: 7px;
	border: 2px solid #fafafa;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

input.input-normal {
	width: 250px;
}

textarea.input-textarea-small {
	width: 500px;
	height: 80px;
}

textarea.input-textarea-big {
	width: 500px;
	height: 300px;
}

/* breadcrumb */
ul.breadcrumb,ul.breadcrumb li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.breadcrumb {
	clear: both;
	margin-bottom: 4px;
	/*border-right:1px solid #E0E0E0;	
	border-bottom:1px solid #E0E0E0;*/
	border-left: 1px solid #E0E0E0;
	float: left;
}

ul.breadcrumb li {
	float: left;
	color: #666;
}

ul.breadcrumb a,ul.breadcrumb span {
	color: #666;
	text-decoration: none;
	background: url(../img/sprite.jpg) no-repeat right 0;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 10px;
	line-height: 22px;
}

ul.breadcrumb a:hover {
	color: #5B80B2;
}

ul.breadcrumb span {
	background-position: -200px -25px;
}

#col1:after,#col2:after {
	content: "\00a0";
}

/* PLUGIN gogole_map */
.plugin_googlemap {
	margin-bottom: 20px;
}

.googlemap-map {
	height: 250px;
}

.grid_4 .googlemap-map {
	height: 220px;
}

.grid_6 .googlemap-map {
	height: 340px;
}

/* Tool tip */
div#qTip {
	background: white;
	border: 3px outset #aaa;
	color: black;
	display: none;
	padding: 0.5em;
	position: absolute;
	z-index: 1000;
	text-align: left;
	max-width: 400px;
}

/* Header and navbar */
form#loginbox {
	float: right;
	margin: 4px;
}

form#loginbox input {
	width: 100px;
	color: #ccc;
	font-size: 10px;
}

form#loginbox button {
	font-size: 10px;
}

table#logintable {
	margin: 0;
}

table#logintable td {
	vertical-align: top;
}

div#loginboxdiv {
	float: right;
	color: #333;
	width: 245px;
	text-align: right;
}

div#loginboxdiv  a {
	color: #fff;
    display: block;
    float: right;
    font-size: 10px;
    padding: 2px 5px;
    text-decoration: none;
}
div#loginboxdiv  a:hover {
	background-color: #630249;
}
.sitemap {
	padding-left: 20px;
	background: transparent url(/media/zinnia/img/sitemap.png) no-repeat
		scroll left center;
}

.feeds {
	padding-left: 20px;
	background: transparent url(/media/zinnia/img/rss.png) no-repeat scroll
		left center;
}

form {
    text-align: left;	
}
form th {
	padding-right: 10px;
    padding-bottom:15px;
    text-align:right;
}

form td {
	width: 200px;
}

.nice-button {
    background-color:#630249;
	border: 1px solid #630249;
    border-radius: 0 3px 3px 0;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    padding: 2px 0;
}
.nice-button:hover {
    background-color:#fff;
	color:#630249;
}
.search-input {
	float: left;
}

#left-column .search-input {
	width:150px;
}
.right {
    float:right;
}
.left {
    float:left;
}