/*
used colors:
#878787 => gray
#cccccc => light gray
#ffffff => white
#000000 => black

*/
html, body { width:100%; min-height:100%; height:auto !important; height:100%; background-color:#000; margin:0; padding:0; }
body, textarea, input { font-family: "Trebuchet MS", Arial, Verdana; font-size:62.5%; color:#878787; }

h1, h2, h3, h4, h5, h6 { display:block; color: #ffffff; margin:5px 0 5px 0; padding:0; font-weight: bold; }
h1,h2,h3,h4 { font-size: 3em; margin-bottom:15px; font-family: "Trebuchet MS", Verdana, Arial; }
h3,h4 { font-size: 2em; }

p { font-size:1.2em; margin-bottom:10px; line-height:16px; }
p strong { color:white; }

a { text-decoration:underline; color:#ffffff; }
a.biglink { font-weight:bold; font-size:18px !important; color:#ffffff; }
a:hover { text-decoration:none; }

.hide { display:none; }

.outer-wrapper { margin:0 auto; min-height:100%; height:auto !important; height:100%; }
	.menu-wrapper { position:relative; z-index:2; margin:0 auto; min-height:40px; height:auto !important; height:40px; }	
	.header-wrapper { z-index:1; margin:0 auto; margin-top:-10px; min-height:558px; height:auto !important; height:558px; }	
	.content-wrapper { margin:0 auto; padding-bottom:50px; margin-bottom:-10px; width:900px; min-height:200px; height:auto !important; height:200px; }	
	.bottom-wrapper { margin:0 auto; min-height:40px; height:auto !important; height:40px; background:transparent url('../img/bg_footer.png') repeat-x bottom; }	

/* menu*/
.menu { margin:0 auto; width:900px; height:30px; }
.menu ul { margin:0 auto; width:800px; padding:0 123px 0 114px; }
.menu ul li { float:left; }	
.menu ul li a { float:left; height:20px; padding:5px 19px; text-decoration:none; font-size:20px; color:#666; }
.menu ul li a:hover { color:#ddd; text-decoration:none; }
.menu ul li a.active { color:#fff!important; }

/* cols */
.col1 { float:left; padding:0 5px 0 0; width:295px; min-height:200px; height:auto !important; height:200px; }
.col1 h1, .col1 h2, .col1 h3, .col1 h4 { width:295px; }

.col2 { float:left; padding:0 5px 0 5px; width:290px; min-height:200px; height:auto !important; height:200px; }
.col2 h1, .col2 h2, .col2 h3, .col2 h4 { width:290px; }

.col3 { float:left; padding:0 0 0 5px; width:295px; min-height:200px; height:auto !important; height:200px; }
.col3 h1, .col3 h2, .col3 h3, .col3 h4 { width:295px; }

.double-col { float:left; padding:0 5px 0 0; width:595px; min-height:200px; height:auto !important; height:200px; }
.double-col h1, .double-col h2, .double-col h3, .double-col h4 { width:595px; }

/* content */
.content { background:transparent url('../img/bg_content.jpg') no-repeat 0 200px; }

.content a { font-size:1.2em; }

.content h1, .content h2 { font-size:2em; }

.content ul { margin-bottom:10px; }
.content ul li { padding:0 0 0 13px; line-height:16px; background:transparent url('../img/arrow_blue.gif') no-repeat 0 5px; }

.content .size { display:block; font-size:1.1em; }
.content .size b { font-size:1.2em; }
.content .material { display:block; font-size:1.1em; }
.content .material b { font-size:1.2em; }
.content .availability { display:block; font-size:1.1em; }
.content .availability b { font-size:1.2em; }
.content .website { display:block; font-size:1.1em; }
.content .website b { font-size:1.2em; }
.content .price { display:block; font-size:1.1em; }
.content .price b { color:#ffffff; font-size:1.2em; }

.template-content { padding:0 10px; }
.template-content h1 { margin:0; padding:0; }
.template-content .subtitle { display:block; margin:0 0 20px 0; color:#a4d400; }

/* custom homepage */
.menu-landingpage { background:transparent url('../img/floor.jpg') no-repeat 0 0; }
.menu-landingpage ul { padding:0; }

.header-wrapper-home { margin:-10px auto 0 auto; width:900px; position:relative; background:transparent url('../img/floor.jpg') no-repeat 0 -30px; }
.header-wrapper-home .custom-stuff { position:absolute; top:0; left:23px; width:320px; height:270px; }
.header-wrapper-home .artwork { position:absolute; top:0; left:506px; width:335px; height:280px; }
.header-wrapper-home .photos { position:absolute; top:272px; left:159px; width:293px; height:227px; }
.header-wrapper-home .melikemc { position:absolute; top:262px; left:500px; width:248px; height:224px; }
.header-wrapper-home .twitter-follow-button { position:absolute; top:563px; left:737px; width:64px; height:64px; }
.header-wrapper-home .facebook { position:absolute; top:526px; left:0px; width:64px; height:64px; }

.events { }
.events .event { margin:0 0 5px 0; border-bottom:solid 1px #2b2b2b; }
.events .event .title { float:left; clear:both; width:290px;  margin:0 0 5px 0; color:#878787; font-size:18px; font-weight:normal; }
.events .event .date { float:left; clear:both; width:290px; color:#cccccc; font-size:1.1em; }
.events .event .place { float:left; clear:both; width:290px;  margin:0 0 5px 0; color:#cccccc; font-size:1.1em; }
.events .event p { clear:both; width:290px; }
.events .event img[align=right] { margin-left:5px; }
.events .last { border:none; }

/* custom photos */
.menu-photo ul { padding:0; }

.header-wrapper-photos { background:transparent url('../img/bg_photos.jpg') no-repeat center top; }
.photos-inner-wrapper { position:relative; margin:0 auto 0 auto; width:900px; min-height:558px; height:auto !important; height:558px; }

.photos-inner-wrapper .photo-title { float:left; clear:left; padding:0 0 0 290px; height:70px; width:610px; }
.photos-inner-wrapper .photo-title h1 { float:left; margin:0; width:490px; font-size:30px; }
.photos-inner-wrapper .photo-title .date { float:left; clear:both; width:490px; color:#ffffff; font-size:1.2em; }
.photos-inner-wrapper .photo-title .btn-overview { float:right; margin-top:10px; }

.photos-inner-wrapper .thumb-list-nav-up { z-index:999; position:absolute; top:95px; left:150px; width:97px; height:42px; background:transparent url('../img/bg_nav_up.png') no-repeat center; }
.photos-inner-wrapper .thumb-list-nav-down { z-index:999; position:absolute; top:450px; left:150px; width:97px; height:42px; background:transparent url('../img/bg_nav_down.png') no-repeat center; }

.photos-inner-wrapper .thumb-list-wrapper { position:absolute; top:140px; left:150px; width:97px; height:321px; overflow:hidden; }
.photos-inner-wrapper .thumb-list { position:absolute; top:0; left:0; }
.photos-inner-wrapper .thumb-list .thumb { clear:both; margin-bottom:10px; width:97px; height:97px; }
.photos-inner-wrapper .thumb-list .thumb a { float:left; width:95px; height:95px; border:solid 1px #000000; background-color:#000000; background-position:center; background-repeat:no-repeat; }
.photos-inner-wrapper .thumb-list .thumb a:hover { border:solid 1px #ffffff; text-decoration:none; }

.photos-inner-wrapper .photo-stage { float:left; margin:0 0 0 250px; }

.photos-inner-wrapper .navigation { position:absolute; bottom:30px; left:0; width:900px; height:128px; }
.photos-inner-wrapper .navigation .btn-nav-left { float:left; }
.photos-inner-wrapper .navigation .btn-nav-right { float:right; }

/* photo overview */
.menu-photooverview ul { padding:0; }

/* contact */
.menu-contact ul { padding:0; }

/* custom stuff */
.menu-customstuff ul { padding:0; }

.header-wrapper-customstuff { background:transparent url('../img/bg_customstuff.jpg') no-repeat center top; }
.customstuff-inner-wrapper { position:relative; margin:0 auto 0 auto; width:900px; min-height:622px; height:auto !important; height:622px; }

.customstuff-inner-wrapper .customstuff-title { float:left; clear:left; padding:0 0 0 300px; height:70px; width:600px; }
.customstuff-inner-wrapper .customstuff-title h1 { float:left; margin:0; width:490px; font-size:30px; }
.customstuff-inner-wrapper .customstuff-title .date { float:left; clear:both; width:490px; color:#ffffff; font-size:1.2em; }
.customstuff-inner-wrapper .customstuff-title .btn-overview { float:right; margin-top:5px; }

.customstuff-inner-wrapper .navigation { position:absolute; top:252px; left:170px; width:614px; height:128px; }
.customstuff-inner-wrapper .navigation .btn-nav-left { float:left; }
.customstuff-inner-wrapper .navigation .btn-nav-right { float:right; }

.customstuff-inner-wrapper .customstuff-stage { display:inline; float:left; margin:10px 0 0 226px; width:500px !important; height:400px !important;  }

/* custom stuff overview */
.menu-customstuffoverview ul { padding:0; }

/* artwork */
.menu-artwork ul { padding:0; }

.header-wrapper-artwork { background:transparent url('../img/bg_artwork.jpg') no-repeat center top; }
.artwork-inner-wrapper { position:relative; margin:0 auto 0 auto; width:900px; min-height:622px; height:auto !important; height:622px; }

.artwork-inner-wrapper .artwork-title { float:left; clear:left; padding:0 0 0 300px; height:70px; width:600px; }
.artwork-inner-wrapper .artwork-title h1 { float:left; margin:0; width:490px; font-size:30px; }
.artwork-inner-wrapper .artwork-title .date { float:left; clear:both; width:490px; color:#ffffff; font-size:1.2em; }
.artwork-inner-wrapper .artwork-title .btn-overview { float:right; margin-top:5px; }

.artwork-inner-wrapper .navigation { position:absolute; top:288px; left:109px; width:723px; height:128px; }
.artwork-inner-wrapper .navigation .btn-nav-left { float:left; }
.artwork-inner-wrapper .navigation .btn-nav-right { float:right; }

.artwork-inner-wrapper .artwork-stage { display:inline; float:left; margin:0 0 0 195px; width:573px !important; height:454px !important; }

/* artworkoverview */
.menu-artworkoverview ul { padding:0; }

.content-artwork-overview { }
.content-artwork-overview .artwork-item { float:left; padding:0 5px 0 0; width:295px; min-height:200px; height:auto !important; height:200px; text-decoration:none; }
.content-artwork-overview .artwork-item-even .artwork-item-thumb { }
.content-artwork-overview .artwork-item-uneven .artwork-item-thumb { }
.content-artwork-overview .artwork-item h2 { text-align:center; }
.content-artwork-overview .artwork-item p { color:#878787; } 
.content-artwork-overview .artwork-item .artwork-item-thumb { width:295px; height:100px; background-color:transparent; background-position:center; background-repeat:no-repeat; }

/* custom stuff overview */
.menu-eventoverview ul { padding:0; }

.content-event-overview { }
.content-event-overview .event-item { vertical-align:top; padding:0 10px 40px 10px; width:280px; text-decoration:none; }
.content-event-overview .event-item h2 { height:30px; text-align:left; }
.content-event-overview .event-item .date { float:left; clear:left; color:#fff; font-size:1.2em; font-weight:bold; }
.content-event-overview .event-item .place { float:left; clear:left; margin-bottom:10px; color:#fff; font-size:1.2em; font-weight:bold; }
.content-event-overview .event-item .website { float:left; clear:left; margin-bottom:10px; color:#fff; font-size:1.2em; font-weight:bold; }
.content-event-overview .event-item p { float:left; clear:left; color:#878787; }
.content-event-overview .event-item p img { margin:0 5px 5px 0; }

.content-event-overview .odd { background:transparent url('../img/pix_grey.png') repeat center; }
.content-event-overview .odd p { color:#AAA; }

/* melikemc */
.hdrMelikemc { position:relative; margin:0 auto; width:900px; height:558px; }

.cntMelikemc .col2 {  }
.cntMelikemc .col2 a { float:left; widht:120px; height:150px; }
.cntMelikemc .col2 a img { float:left; border:solid 1px white; padding:5px; margin:0 30px 10px 0; }
.cntMelikemc .col2 a span.title { float:left; clear:left; width:120px; }

/* gallery */
.menu-gallery ul { padding:0; }
.header-wrapper-gallery { margin:-10px auto 0 auto; width:900px; min-height:300px !important; height:300px !important; }

/* taped image */
.taped-image { margin:auto; }
.taped-image td {  }

.taped-image .top { height:30px; }
.taped-image .top .left { width:30px; background:transparent url('../img/tape_top_left.png') no-repeat right bottom; }
.taped-image .top .center { background:transparent url('../img/tape_hori_top.png') repeat-x bottom; }
.taped-image .top .right { width:30px; background:transparent url('../img/tape_top_right.png') no-repeat left bottom; }

.taped-image .middle { height:auto; }
.taped-image .middle .left { width:30px; background:transparent url('../img/tape_vert.png') repeat-y right; }
.taped-image .middle .center { }
.taped-image .middle .right { width:30px; background:transparent url('../img/tape_vert.png') repeat-y left; }

.taped-image .bottom { height:30px; }
.taped-image .bottom .left { width:30px; background:transparent url('../img/tape_bottom_left.png') no-repeat right top; }
.taped-image .bottom .center { background:transparent url('../img/tape_hori_bottom.png') repeat-x top; }
.taped-image .bottom .right { width:30px; background:transparent url('../img/tape_bottom_right.png') no-repeat left top; }

/* left/right navigation */
.btn-nav { cursor:pointer; width:55px; height:128px; background-color:transparent; background-position:center; background-repeat:no-repeat; }
.btn-nav-left { background-image:url('../img/bg_nav_left.png'); }
.btn-nav-right { background-image:url('../img/bg_nav_right.png'); }

/* guestbook */
.comments { }
.comments .comment { padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:solid 1px #2b2b2b; }
.comments .comment p { clear:both; width:295px;  margin:0; }
.comments .comment .name { float:left; clear:both; width:295px;  margin:0 0 5px 0; color:#ffffff; font-size:1.1em; font-weight:normal; }
.comments .last { border:none; }

.add-a-comment { }

/* i am interested form */ 
.i-am-interested { }
.i-am-interested label { white-space:nowrap; }

/* form */
.form-message { padding:2px; width:290px; color:#000000; font-weight:bold; background-color:yellow; }
.form-comment { font-size:1em; }
.form-item { clear:both; padding-bottom:10px; }
.form-item label { display:block; width:80px; font-size:1.1em; }
.form-item .input-text, .form-item .input-textarea { display:block; }

.required .input-text, .required .input-textarea { border:solid 1px yellow; }
.required label { color:yellow; }

.input-text { padding:2px; font-size:1.2em; height:16px; width:288px; color:#ffffff; border:solid 1px #878787; background-color:#252525; }
.input-textarea { padding:2px; font-size:1.2em; width:288px; height:100px; color:#ffffff; border:solid 1px #878787; background-color:#252525; }

/* footer */
.footer { margin:0 auto; width:900px; padding-top:10px; }
.footer ul { width:900px; }
.footer ul li { line-height:30px; font-size:1em; color:#fff; }
.footer ul li.f-fact { float:left; }
.footer ul li.f-fact span { color:#878787; }
.footer ul li.mycreativity { float:right; text-align: right;  }
.footer ul li.mycreativity a { color:#878787; }


/* twitter gadget */
.col3 #twtr-widget-1 .twtr-timeline { background-color:transparent !important; }
.col3 #twtr-widget-1 .twtr-doc { background-color:transparent !important; }
.col3 .twtr-widget p { font-size:11px !important; }