/*  

Theme Name: Nami

Original Author: Marcel Winatschek

Redesigned by: Justice Wainwright

Chimaera Designs URI: http://www.chimaeradesigns.com

Tags: metro gallery, metro galleries, metro, gallery, don, don martin, art, art gallery, bakersfield, first friday, downtown bakersfield, bako, art gallery in bakersfield, the metro galleries, rental, rental hall, rental bakersfield, wedding hall, wedding hall bakersfield, reception hall, entertainment hall, rent, mill creek, gardens at mill creek, eydie gibson, chimera designs, justice wainwright, christopher ables, wedding rental

	

 */



html {

height : 100%;

}

body {

margin : 0;

margin-top : 0;

padding : 0;

background : #0099ff url(images/backgroundtile.jpg) repeat ;

color : #333; 

text-align : center;

font-size : 11px;

font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

line-height : 1.5em;

}

div#promotion {

	width: 450px;

	height: 380px;

	position: absolute;

	top: 75px;

	margin: 0 0 0 450px;

	background-color: #ffffff;

	border-color: #cccccc #999999 #999999 #cccccc;

	border-width: 1px;

	border-style: solid;

	z-index: 100;

	text-align: center;

	padding: 5px;

}

#wrapper {

position : relative;

width : 898px;

min-height : 100%;

margin : 0 auto;

padding : 0 !important ;

text-align : center !important ;

}

* html #wrapper {

height : 100%;

}

.header {

padding-left : 39px;

padding-top : 20px;

background : url(images/bg_top.gif) no-repeat center top;

height:95px;

}

#content {

clear : both;

position : relative;

padding : 5px 49px 10px 49px;

background : url(images/bg_tile.gif) repeat-y;

text-align : left !important ;

}

#main {

margin-left : 40px;

float : left;

}

#sidebar {

width : 202px;

margin-left : 50px;

float : left;

}

.header2 {

padding-left : 39px;

}



#header2 {

height: 442px;

	background: url(images/bg_top3.jpg) center top no-repeat;

	text-align: left;

}



.logo {

margin-left : 20px;

}

.person {

color : #000000;

font-weight : bold;

font-family : Trebuchet ms, Geneva, Arial, Helvetica, sans-serif;

}

.lined {

border : 1px solid #dadada;

}

.header3 {

padding-left : 39px;

padding-top : 20px;

}

dl#container {

width : 437px !important ;

}

dl#container dd {

position : relative;

top : -1.4em;

left : 3em;

z-index : 1;

line-height : 1.5em;

}

dl#container dt {

color : #ff0066;

font-weight : bold;

}

dd.multi {

margin-top : 10px;

}

table {

margin-top : 20px;

}

th {

text-align : center;

}

th, td {

padding : 5px;

font-size : 9px !important ;

text-align : left !important ;

vertical-align : top;

}

td.yr {

color : #ff0066;

font-weight : bold;

vertical-align : top;

}

#side {

float : left;

width : 180px;

padding-top : 37px;

}

#article {

float : left;

width : 470px;

}

#footer {

position : relative;

padding-top : 90px;

padding-left : 40px;

padding-bottom : 20px;

}

.footer {

height : 100px;

background : url(images/bg_bottom.gif) no-repeat left top;

text-align : left;

}

* + html #footer {

padding-top : 90px;

padding-left : 40px;

}

h1 {

margin : 0 !important ;

padding : 10px 0 0 10px !important ;

border : 0;

}

div {

margin : 0;

}

a, p, h1, h2, h3, h4, h5, h6, h7, ul, table, th, td, dt, dd, blockquote {

font-family : Trebuchet MS, Arial, Helvetica, sans-serif;

}

th, td {

font-size : 11px !important ;

line-height : 1.5em;

}

h6 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

border-left : 8px solid #4198b9;

color : #000;

font-size : 1.5em;

vertical-align : middle;

line-height : normal !important ;

font-weight : bold;

font-family : Trebuchet MS;

}

h7 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

color : #000;

font-size : 1.5em;

vertical-align : middle;

line-height : normal !important ;

font-weight : bold;

font-family : Trebuchet MS;

}


h2 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

border-left : 8px solid #228DFF;

color : #000;

font-size : 2em;

vertical-align : middle;

line-height : normal !important ;

font-family : Trebuchet MS;

}

h2.sub {

border-left : 8px solid #FFCA1B !important ;

}

h4 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

border-left : 8px solid #868686;

color : #000;

font-size : 1em;

vertical-align : middle;

line-height : normal !important ;

font-family : Trebuchet MS;

}

h5 {

margin : 5px 0;

padding : 3px 0;

padding-left : 13px;

border-left : 8px solid #ff0066;

color : #000;

font-size : 1em;

vertical-align : middle;

line-height : normal !important ;

font-family : Trebuchet MS;

}

.top {

margin-top : 39px !important ;

}

.top2 {

margin-top : 60px;

}

h3 {

margin : 5px 0;

margin-bottom : 15px;

padding : 1px 0;

padding-left : 13px;

border-left : 8px solid #ff0066;

color : #000;

font-size : 1.5em;

font-weight : bold;

font-family : Trebuchet MS;

}

dl {

margin : 20px 0 0 0;

padding : 0;

width : 348px;

}

dd {

position : relative;

top : -1.4em;

left : 11em;

z-index : 1;

line-height : 1.5em;

}

.entry {

margin-bottom : 60px;

}

.entry img {

max-width : 470px;

}

.entryshort {

margin-bottom : 30px;

}

img {

border : none;

}

.float-left {

float : left;

margin-right : 0.9em;

}

.float-right {

float : right;

margin-left : 0.9em;

}

.pic {

margin : 20px 0;

}

.topspacing {

margin-top : 20px;

}

.hidden {

display : none;

}

.clear {

clear : both;

}

.clearfix:after {

content : ".";

display : block;

height : 0;

clear : both;

visibility : hidden;

}

.clearfix {

display : inline-block;

}

* html .clearfix {

height : 1%;

}

.clearfix {

display : block;

}

a:link {

color : #333333 !important ;

text-decoration : none;

font-weight : bold;

}

a:visited {

color : #333333;

text-decoration : none;

font-weight : bold;

}

a:active {

color : #333333;

text-decoration : none;

font-weight : bold;

}

a:hover {

color : #228DFF !important ;

text-decoration : none;

font-weight : bold;

}

h1 a {

display : block;

width : 125px;

padding : 0;

background : transparent url(images/logo.gif) no-repeat 0 0;

font-size : 1px;

text-indent : -9999px;

height : 125px;

text-align: left;

}

.border {

border : 2px solid #c2c2c2;

}

ul#menu {

top : 25px;

right : 0px;

display : block;

width : 455px;

height : 75px;

margin : 0;

padding : 5px;

list-style : none;

overflow : hidden;

z-index : 2;

}

ul {

position : absolute;

list-style : none;

}

li {

list-style : none;

padding : 3px;

}

#logo {

float:left;

position: absolute;

margin: 0px 0 0 20px;

}

#logo a {

display : block;

width : 125px;

height : 125px;

background : url(images/logo.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

z-index : 9;

}

li#blog {

float : left;

width : 75px;

height : 75px;

}

li#blog a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_blog.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

z-index : 3;

}

li#blog a:hover {

background-position : 0 -75px;

}

li#wine {

float : left;

width : 75px;

height : 75px;

}

li#wine a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_wine.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#wine a:hover {

background-position : 0 -75px;

}

li#about {

float : left;

width : 75px;

height : 75px;

}

li#about a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_about.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#about a:hover {

background-position : 0 -75px;

}

li#work {

float : left;

width : 75px;

height : 75px;

}

li#work a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_work.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#work a:hover {

background-position : 0 -75px;

}

li#calendar {

float : left;

width : 75px;

height : 75px;

}

li#calendar a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_calendar.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#calendar a:hover {

background-position : 0 -75px;

}

ul#newssidemenu {

display : block;

width : 125px;

height : 125px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

li#blankspace {

display : block;

float : left;

width : 110px;

height : 25px;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

ul#storessidemenu {

display : block;

width : 141px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

ul#companysidemenu {

display : block;

width : 134px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

ul#footermenu {

position : absolute;

clear : both;

top : 80px;

right : 50px;

display : block;

width : 348px;

height : 75px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

li#newsletter {

float : left;

width : 75px;

height : 75px;

}

li#newsletter a {

display : block;

width : 100%;

height : 100%;

background : url(images/menu_rss.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#newsletter a:hover {

background-position : 0 -75px;

}

ul#footersidemenu {

position : absolute;

clear : both;

top : 100px;

left : 69px;

display : block;

width : 115px;

height : 65px;

margin : 0;

padding : 0;

list-style : none;

overflow : hidden;

}

li#advocacies {

float : left;

width : 115px;

height : 25px;

}

li#advocacies a {

display : block;

width : 100%;

height : 100%;

background : url(images/footersidemenu_advocacies.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#advocacies a:hover {

background-position : -115px 0;

}

li#legal_notice {

float : left;

width : 115px;

height : 25px;

}

li#legal_notice a {

display : block;

width : 100%;

height : 100%;

background : url(images/footersidemenu_legalnotice.gif) no-repeat 0 0;

font-size : 5px;

text-indent : -9999px;

text-decoration : none;

}

li#legal_notice a:hover {

background-position : -115px 0;

}

li#copyright {

float : left;

display : block;

width : 244px;

padding : 0;

margin-right : 10px;

text-align : center;

font-size : 1px;

text-indent : -9999px;

overflow : hidden;

height : 75px;

}

#commentform textarea {

background : #f8f7f6;

border : 1px solid #d6d3d3;

width : 460px;

}

#commentform textarea:hover {

background : #ffffff;

border : 1px solid #d6d3d3;

}

#commentform textarea:focus {

background : #ffffff;

border : 1px solid #939793;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size : 1.1em;

background : #ffffff;

border : 1px solid #939793;

width : 280px;

}

#commentform input {

margin-bottom : 3px;

}



.flickr img { width:100px; height: 100px; margin: 0 1px 1px 0; }



.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }

.vimeoBadge img { border: 0; }

.vimeoBadge a:link, a:visited, a:active { color:#333333; text-decoration:none; cursor:pointer; }

.vimeoBadge a:hover { color:#228DFF; }

.vimeoBadge #vimeo_badge_logo { width: 0px; height: 0px; visibility:hidden; }

.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }

.vimeoBadge .clip { padding:0; float:left; margin:0 1px 1px 0; width:100px; line-height:0; }

.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:80px; }

.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 



#archive {

list-style:decimal;

}

.com-list {}

.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}

.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}

.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}



.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}

.com-name { }

.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }

* html .com-avt { right: 40px;}

.com-avt img { border: 1px solid #ccc;}

.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }

.com-text { width:200px; }

.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }