/* basic css */

body{font-size:13px; line-height:150%; margin:0; color:#301500; padding:0; font-family:Tahoma, Helvetica, sans-serif; background:#000000 url(graphics/bg-edge.gif) center repeat-y;}
p{padding:0; margin:0.6em 0 1.2em 0;}
p,ul,ol,li{font-size:13.5px; }
strong{font-weight:bold;}

a,a:link{color:#00d5ff; text-decoration:none;}
a:visited{}
a:hover{text-decoration:underline;}
a:active{}

a img{border:none;}
a.imgbt img, a.imgbt:link img, a.imgbt:visited img{border:1px solid #333; padding:0; margin:0;}
a.imgbt:hover img{border:1px solid #77a8e5;}

h1{color:#050000;  line-height:1.8em; font-size:28px; font-weight:bold; padding:0; /*margin:1em 0 1em 0;*/ text-transform: uppercase;}
h2{color:#100000;  line-height:1.2em; font-size:8px; font-weight:normal; padding:0; margin:1.2em 0 0.6em 0;text-transform: uppercase;}
h3{color:#150000;  line-height:1.2em; font-size:22px; font-weight:bold; padding:0; margin:1em 0 0.4em 0;text-transform: uppercase;}
h4{color:#150000;  line-height:1.2em; font-size:16px; font-weight:bold; padding:0; margin:1em 0 0.4em 0;text-transform: uppercase;}
h5{color:#150000;  line-height:1.0em; font-size:12px; font-weight:bold; padding:0; margin:0em 0 2em 0;text-transform: uppercase;}
h6{color:#150000;  line-height:1.0em; font-size:12px; font-weight:bold; padding:0; margin:0em 0 0.4em 0;text-transform: uppercase;}

ul li{list-style-image:url(images/bullet.gif);}
ul{margin:0 0 -8px 32px; padding:0;}
li{margin:0px; padding:0;}


/* Nav 
----------------------------------------------------------------------------------------------------*/

.header_section {width:256px;height:384px;background-image:url(images/header.png);}

.nav_section {width:256px;height:48px;background-color:#000;}

.nav_1, .nav_2, .nav_3, .nav_4, .nav_5, .nav_1_idle, .nav_2_idle, .nav_3_idle, .nav_4_idle, .nav_5_idle {width:64px;height:48px;float:left;}

.nav_1, .nav_1:link, .nav_1:visited, .nav_1_idle, .nav_1_idle:link, .nav_1_idle:visited { background-image:url(images/NAV1.png);}
.nav_2, .nav_2:link, .nav_2:visited, .nav_2_idle, .nav_2_idle:link, .nav_2_idle:visited { background-image:url(images/NAV2.png);}
.nav_3, .nav_3:link, .nav_3:visited, .nav_3_idle, .nav_3_idle:link, .nav_3_idle:visited { background-image:url(images/NAV3.png);}
.nav_4, .nav_4:link, .nav_4:visited, .nav_4_idle, .nav_4_idle:link, .nav_4_idle:visited { background-image:url(images/NAV4.png);}


.nav_1, .nav_1:link, .nav_1:visited, .nav_2, .nav_2:link, .nav_2:visited, .nav_3, .nav_3:link, .nav_3:visited, .nav_4, .nav_4:link, .nav_4:visited, .nav_5, .nav_5:link, .nav_5:visited  { background-position:0 96px;}
.nav_1_idle, .nav_1_idle:link, .nav_1_idle:visited, .nav_2_idle, .nav_2_idle:link, .nav_2_idle:visited, .nav_3_idle, .nav_3_idle:link, .nav_3_idle:visited, .nav_4_idle, .nav_4_idle:link, .nav_4_idle:visited, .nav_5_idle, .nav_5_idle:link, .nav_5_idle:visited   {background-position:0 0px;}
.nav_1:hover, .nav_1_idle:hover, .nav_2:hover, .nav_2_idle:hover, .nav_3:hover, .nav_3_idle:hover, .nav_4:hover, .nav_4_idle:hover, .nav_5:hover, .nav_5_idle:hover {background-position:0 48px;}

/* Custom 
----------------------------------------------------------------------------------------------------*/

.sidebar_artist { width:256px;height:128px; background-image:url(images/sidebar_artist.png);}

.gallery_prev, .gallery_current, .gallery_next, .gallery_item {width:124px;height:124px;float:left;}
.gallery_current {padding:0 14px 0 14px;}
.gallery_item {width:128px;height:128px;margin:0 0 0 0 ;}
.gallery { width:100%;float:left; background-color:#000; }
.gallery_highlight { width:656px;float:left; padding:0px 0 16px;  margin:-24px 32px 0 32px; /*background-color:#0ff;  background-image:url(images/BG_tile2.png); background-repeat:repeat-x; */ }
.gallery_highlight .gallery_item { width:64px;height:64px; margin:0 16px 0 16px; float:right; }

.gallery_item, .gallery_item:link, .gallery_item:visited {border-style:none;}
.gallery_item:hover {width:112px;height:112px; border-style:solid; border-color:#00d5ff; border-width:8px;}
.gallery_highlight .gallery_item:hover { width:48px;height:48px; margin:0 16px 0 16px;  }


.download_cv, .download_cv:link, .download_cv:visited {width:336px;height:64px;background-image:url(images/CV_0000_OFF.jpg);}
.download_cv:hover {background-image:url(images/CV_0001_ON.jpg);}

.border {background-color:#111;padding:8px;}
.page {position:absolute; left:0px; top:48px; width:100%; height:100%;}
.footer {color:#666;padding:16px 8px 32px 8px; /*background-image:url(images/BG_tile_footer.png);*/}
.footer_start { width:992px; height:32px; /*background-image:url(images/BG_tile_dropshadow.png);*/}

.content_txt {background-color:#fff;margin:0;padding:32px;}
.content_txt_cont {background-color:#fff;margin:0;padding:0;}
.content_media {margin:0;/*padding:8px;*/color:#999;}
.content_media p {text-align:center;}
.content_media img {text-align:center;padding:0;margin:0 auto 0 auto;}
.content_highlight {margin:0;/*padding:0 8px 8px 8px;*/color:#999;background-image:url(images/BG_tile1.png);}
.content_highlight p {text-align:center;}
.content_highlight img {text-align:center;padding:0;margin:0 auto 0 auto;}
.content_highlight_dropshadow {width:720px; height:32px; background-image:url(images/BG_tile_dropshadow.png);margin:32px 0 0 0;}
.content_highlight_fadeout {width:720px; height:32px; background-image:url(images/BG_tile_fadeout.png);}
.content_txt .logo { float:right; }

.box_big_landscape {width:720px;background-image:url(images/BG_tile1.png); clear:both;}
.box_big_landscape .imgwindow {padding:32px 0 16px 0; }
.box_big_landscape .img {width:256px;}
.box_big_landscape .txtwindow {width:448px;float:left;}
.box_big_landscape .txt {padding:8px;}
.box_big_landscape .solotxt {padding:16px 0 16px 0;}
.box_big_landscape .txttest {width:514px;/*padding:8px;*/float:left;}
/*.box_big_landscape h1 { font-size:20px;float:left;}*/
.box_big_landscape p {padding:0 64px 0 64px; color:#fff;}
.box_big_landscape h1 {padding:0 64px 0 64px; color:#fff; text-align:center;}
.box_big_landscape img {padding:64px 64px 64px 64px; clear:both;}

.btn_showreel, .btn_showreel:link, .btn_showreel:visited {width:256px; height:96px; background-image:url(images/btn_reel.png); background-position:0 0px; margin:0 auto 0 auto; }
.btn_showreel:hover {background-position:0 96px;}
.btn_CV, .btn_CV:link, .btn_CV:visited {width:256px; height:64px; background-image:url(images/btn_CV.png); background-position:0 0px;}
.btn_CV:hover {background-position:0 64px;}

.box {width:640px;margin:0; clear:both;}
.box .imgwindow {width:25%; height:100%;float:left; text-align:center;}
.box .img {padding:8px;}
.box .txtwindow {width:75%;height:100%;float:left;}
.box .txt {padding:8px;}
.box p {color:#fff;}
.content_txt .box {width:640px;}
.content_txt_cont .box {width:640px;}
.content_txt .box p {color:#000;}
.content_txt_cont .box p {color:#000;}
.games .box .img {width:120px;height:160px;}
.footer .box {width:928px;height:96px;}
.content_highlight .box {width:720px;}
.content_highlight .box .imgwindow {width:40%;}
.content_highlight .box .txtwindow {width:60%;}

.sidebar .box{width:256px;margin:0;}
.sidebar p, body .sidebar, ul .sidebar , ol .sidebar, li .sidebar { color:#666; }
.sidebar .box .imgwindow {text-align:left;}
.sidebar .box .img {padding:0; width:48px; height:48px;}
.sidebar .box .txtwindow .txt h4 { margin:0.15em 0; color:#fff; }
.sidebar .box .txtwindow .txt p { font-size:12px; color:#666; margin:0 0 0.6em 0; }
.sidebar .box .txt {padding:0;}
.sidebar .legend { margin:16px; padding:8px; border: 1px solid #666; }
.sidebar .legend .box { width:208px;  }

/* Blog 
----------------------------------------------------------------------------------------------------*/

h2.date-header {background-color:#FFF;margin:0;padding:8px 8px 0 8px; font-size:75%;text-align:right;}
.post {}
/*.post h3 {color:#333;  line-height:1.2em; font-size:20px; font-weight:normal;  text-transform: uppercase;background-color:#fff;padding:8px;margin:0;}*/
.post h3 {color:#150000;  line-height:1.2em; font-size:22px; font-weight:bold; padding:8px; margin:0;text-transform: uppercase; background-color:#fff;}
.post h3 a, .post h3 a:visited, .post h3 strong {color:#333;}
.post h3 strong, .post h3 a:hover {color:#00d5ff;}
.post-body {background-color:#fff;padding:8px;margin:0;}
.post-body blockquote {}
.post-footer {text-align:right;color:#666;background-color:#111;margin:0 0 8px 0;padding:8px;}
.comment-link {}
.post img {}
.post blockquote {}
.post blockquote p {}
.post ul {}
.post li {}
.blog-pager{color:#666;}
.feed-links{text-align:right;color:#666;}
.blog-feeds{color:#666;}

pre {
	font-size: 12px;
	padding: 4px 0 20px 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	background: url(images/pre_code_bg.gif) repeat left top; /*--Background of lined paper--*/
	width: 512px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	margin: 0 0 0 8px;  /*--Left Margin--*/
	padding: 8px 0;
	display: block;
}