/*  
Theme Name: Nami
Theme URI: http://www.amypink.com 
Description: The official AMY & PINK theme.
Version: 1.0
Author: Marcel Winatschek
Author URI: http://www.amypink.com 
Tags: amy, pink, style, new, design, fresh, webdesign

	
 */

html {
height : 100%;
}
body {
margin : 0;
margin-top : 0;
padding : 0;
background : #080808;
color : #333;
text-align : center;
font-size : 11px;
font-family : 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: 400px;
	background: url(images/bg_top3.jpg) center top no-repeat;
	text-align: left;
}
.header3 {
padding-left : 39px;
}
#header3 {
height: 400px;
	background: url(images/bg_top4.jpg) center top no-repeat;
	text-align: left;
	}

.header4 {
padding-left : 39px;
}

#header4 {
height: 400px;
	background: url(images/bg_top5.jpg) center top no-repeat;
	text-align: left;
}

.header5 {
padding-left : 39px;
}

#header5 {
height: 400px;
	background: url(images/bg_top6.jpg) center top no-repeat;
	text-align: left;
}

.header6 {
padding-left : 39px;
}

#header6 {
height: 400px;
	background: url(images/bg_top7.jpg) center top no-repeat;
	text-align: left;
}

.logo {
margin-left : 20px;
}
.person {
color : #ff0066;
font-weight : bold;
}
.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;
}
p, h1, h2, h3, ul, table, th, td, dt, dd, blockquote {
font-family : Arial, Helvetica, sans-serif;
}
th, td {
font-size : 11px !important ;
line-height : 1.5em;
}
h2 {
margin : 5px 0;
padding : 3px 0;
padding-left : 13px;
border-left : 8px solid #228DFF;
color : #000;
font-size : 1em;
vertical-align : middle;
line-height : normal !important ;
}
h2.sub {
border-left : 8px solid #FFCA1B !important ;
}
h4 {
margin : 5px 0;
padding : 3px 0;
padding-left : 13px;
border-left : 8px solid #B6FF00;
color : #000;
font-size : 1em;
vertical-align : middle;
line-height : normal !important ;
}
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 ;
}
.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 : 1em;
font-weight : normal;
}
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 : 250px;
padding : 0;
background : transparent url(images/logo.gif) no-repeat 0 0;
font-size : 1px;
text-indent : -9999px;
height : 250px;
text-align: left;
}
.border {
border : 2px solid #c2c2c2;
}
ul#menu {
top : 30px;
right : 49px;
display : block;
width : 375px;
height : 75px;
margin : 0;
padding : 0;
list-style : none;
overflow : hidden;
z-index : 2;
}
ul {
position : absolute;
list-style : none;
}
li {
list-style : none;
}
#logo {
float:left;
position: absolute;
margin: 10px 0 0 10px;
}
#logo a {
display : block;
width : 250px;
height : 250px;
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#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#about2 {
float : left;
width : 75px;
height : 75px;
}
li#about2 a {
display : block;
width : 100%;
height : 100%;
background : url(images/menu_koch.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#about2 a:hover {
background-position : 0 -75px;}

li#about3 {
float : left;
width : 75px;
height : 75px;
}
li#about3 a {
display : block;
width : 100%;
height : 100%;
background : url(images/menu_gal.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#about3 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;
}
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 : 100px;
right : 30px;
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 : 49px;
display : block;
width : 115px;
height : 50px;
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;
background : transparent url(images/copyright.gif) no-repeat 0 67px;
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; }