/*
Theme Name: Manawatu Museum Services V2.0
Theme URI: http://www.web-o-matic.co.nz
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2.0
Author: Morgan Dilks
Author URI: http://www.web-o-matic.co.nz/
Tags: Multi language

	MMS v2.0
	 http://www.web-o-matic.co.nz

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body{
margin:0;
background-color:#FFF;
width:100%;
height:100%;
}
#topnav_band{
margin:0;
width:100%;
height:132px;
}
#topnav_content{
position:relative;
margin:auto;
padding-top:5px;
width:900px;
height:127px;
color:#000;
font-family:Century Gothic, Arial, Verdana;
font-size:11px;
text-align:right;
font-weight:bold;
}
#siteslogan{
position:absolute;
top:116px;
left:8px;
width:100%;
color:#000;
font-family:Century Gothic, Arial, Verdana;
font-size:20px;
text-align:left;
font-weight:normal;
font-style:italic;
}
#language_select{
position:absolute;
top:0;
left:740px;
padding:8px 0 0 15px;
background-image:url(images/lang_bg.gif);
background-repeat:no-repeat;
width:152px;
height:31px;
text-align:center;
color:#000;
font-family:Century Gothic, Arial, Verdana;
font-size:10px;
}
.qtrans_language_chooser { 
list-style-type:none;
}
.qtrans_language_chooser li { 
float:left; 
margin-right:3px;
padding-left:5px;
}
.lang_error{
color:#990033;
font-weight:bold;
font-style:italic;
}
#language_select a{
color:#000;
text-decoration:none;
}
#language_select a:hover{
text-decoration:underline;
}
#language_select a.lang_on{
color:#990033;
}
a.topnav_link{
color:#000;
font-family:Century Gothic, Arial, Verdana;
font-size:11px;
text-decoration:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}
a.topnav_link:hover{
color:#999999;
font-family:Century Gothic, Arial, Verdana;
font-size:11px;
text-decoration:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}
a.topnav_link:selected{
color:#999999;
font-family:Century Gothic, Arial, Verdana;
font-size:11px;
text-decoration:none;
padding-left:10px;
padding-right:10px;
}
#menulayout{
position:absolute;
top:68px;
left:612px;
width:300px;
height:32px;
font-family:Century Gothic, Arial, Verdana;
font-size:16px;
font-style:italic;
list-style:none;
}
ul{ /* keep the browsers happy! */
padding:0;
margin:0;
}
#menulayout li{
position:relative;
float:left;
margin:0;
padding:0;
height:29;
list-style:none;
font-weight:bold;
z-index:10;
}
#menulayout li a.menu_off {
padding:3px 12px 0 12px;
text-decoration:none;
color:#000;
display:block;
}
#menulayout li a.menu_off:hover {
color:#FFF;
background-image:url(images/skew.gif);
}
#menulayout li a.menu_on {
padding:3px 12px 0 12px;
text-decoration:none;
color:#FFF;
background-image:url(images/skew.gif);
display:block;
}
#menulayout li a.menu_on:hover {
color:#FFF;
background-image:url(images/skew.gif);
}
.rightslope{
position:absolute;
right:-1px;
top:-2px;
width:10px;
height:30px;
background-image:url(images/skewr.png);
background-repeat:no-repeat;
z-index:100;
}
#main_band{
margin:0;
padding-top:20px;
background-color:#FFF;
width:100%;
min-height:210px;
}
#main_content{
margin:auto;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
width:880px;
min-height:210px;
font-family:Century Gothic, Arial, Verdana;
font-size:12px;
color:#333333;
font-weight:normal;
line-height:1.4em;
overflow: hidden;
}
#left_content{
position:relative;
float:left;
padding:15px 0 10px 0;
width:280px;
height:100%;
background-color:#FFF;
}
#right_content{
position:relative;
float:right;
padding:5px;
width:583px;
height:100%;
background-color:#FFF;
}
#about_left{
position:relative;
float:left;
width:515px;
padding:0 40px 0 0;
}
#about_right{
position:relative;
float:right;
width:301px;
padding:12px;
background-color:#ebeaea;
}
#contact_left{
position:relative;
float:left;
width:355px;
padding:0 20px 0 40px;
}
#contact_right{
position:relative;
float:right;
width:441px;
padding:12px;
}
h1{
margin:30px 0px 10px 0px;
font-family:Century Gothic, Arial, Verdana;
font-size:16px;
color:#000;
font-weight:bold;
line-height:0.8em;
}
h2{
margin:0px 0px 10px 0px;
font-family:Century Gothic, Arial, Verdana;
font-size:24px;
color:#333333;
font-weight:normal;
line-height:0.8em;
}
h3{
margin:20px 0px 5px 0px;
font-family:Century Gothic, Arial, Verdana;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:1.4em;
}
h4{
margin:0 0 5px 0;
font-family:Century Gothic, Arial, Verdana;
font-size:14px;
color:#333333;
font-weight:normal;
line-height:0.8em;
}
/*
img{
border:none;
padding:2px;
}
*/
.smart_image {
margin: 0;

overflow:inherit;
float: left;
position: relative;
}
.smart_image a {
text-decoration: none;
float: left;
}
.smart_image a:hover {
cursor: pointer;
}
.smart_image a img {
float: left;
margin: 0;
border: none;
padding: 2px;
background: #fff;
}
.smart_image a .more {
position: absolute;
right: 2px;
bottom: 2px;
font-size: 12px;
color: #fff;
background: #000;
padding: 5px 10px;
filter:alpha(opacity=65);
opacity:.65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.smart_image a:hover .desc{
display: block;
font-size: 12px;
padding: 10px 0;
background: #111;
filter:alpha(opacity=95);
opacity:.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff;
position: absolute;
bottom: 2px;
left: 2px;
padding: 5px;
margin: 0;
width: 235px;
border-top: 1px solid #999;
}
.smart_image a:hover .desc strong {
display: block;
margin-bottom: 5px;
font-size:1.5em;
}
.smart_image a .desc {	display: none; }
.smart_image a:hover .more { visibility: hidden;}
a.maincontent{
font-family:Century Gothic, Arial, Verdana;
font-size:10px;
color:#FF3366;
font-weight:normal;
line-height:2em;
text-decoration:none;
}
a.maincontent:hover{
font-family:Century Gothic, Arial, Verdana;
font-size:10px;
color:#FF3366;
font-weight:normal;
line-height:2em;
text-decoration:none;
}
a.maincontent:hover{
font-family:Century Gothic, Arial, Verdana;
font-size:10px;
color:#FF3366;
font-weight:normal;
line-height:2em;
text-decoration:none;
}

/* next footer ensures something on the portfolio page */

#footer_band{
width:100%;
height:100%;
padding-bottom:5px;
background-color:#FFF;
}
#footer_content{
margin:auto;
width:900px;
text-align:left;
font-size:11px;
font-family:Century Gothic, Arial, Verdana;
color:#000;
font-weight:normal;
line-height:2em;
border-top:3px #a3004f solid;
}
#footer_left{
position:relative;
float:left;
width:400px;
}
#footer_right{
position:relative;
float:right;
text-align:right;
width:400px;
}
#footermenulayout{
float:left;
width:640px;
margin:0;
padding:0;
list-style:none;
text-align:left;
color:#000;
}
#footermenulayout li{
float:left;
list-style:none;
font-size:11px;
font-family:Century Gothic, Arial, Verdana;
color:#000;
font-weight:normal;
}
#footermenulayout li a{
padding:5px;
text-decoration:none;
color:#000;
}
#footermenulayout li a:hover {
text-decoration:underline;
color:#000;
}
#footer_right a{
color:#a31d53;
text-decoration:none;
font-weight:bold;
}
#footer_right a:hover{
text-decoration:underline;
}
input.form_name, textarea{
width:248px;
color:#999999;
padding:3px;
font-family:Century Gothic, Arial, Verdana;
font-size:12px;
border:1px #abadb3 solid;
}
form.contact_form font{
font-family:Century Gothic, Arial, Verdana;
font-size:12px;
}
.form_submit{
float:right;
}
.form_test{
width:120px;
padding:0;
border:1px #FFF solid;
font-family:Century Gothic, Arial, Verdana;
font-size:12px;
}
#form_test{
background-color:#e1e1e1;
height:80px;
width:242px;
margin:10px 0 0 75px;
padding:10px 6px 0 6px;
}

/* for an overflowing footer change the background colour to the footer colour! */