/* basic css */

body{font-size:12px; line-height:160%; margin:0; color:#151500; 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:12px; }
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:#666;  line-height:1.2em; font-size:20px; font-weight:normal; padding:0; margin:0.5em 0 0.6em 0;text-transform: uppercase;}
h2{color:#999;  line-height:1.2em; font-size:16px; font-weight:normal; padding:0; margin:1.2em 0 0.6em 0;text-transform: uppercase;}
h3{color:#999;  line-height:1.2em; font-size:12px; font-weight:bold; padding:0; margin:1em 0 0.4em 0;text-transform: uppercase;}

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


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

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

.nav_section {width:368px;height:48px;position:relative;top:-5px;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:73.5px;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/NAV_0000_ARTIST.jpg);}
.nav_2, .nav_2:link, .nav_2:visited, .nav_2_idle, .nav_2_idle:link, .nav_2_idle:visited { background-image:url(images/NAV_0001_SHOWREEL.jpg);}
.nav_3, .nav_3:link, .nav_3:visited, .nav_3_idle, .nav_3_idle:link, .nav_3_idle:visited { background-image:url(images/NAV_0002_GALLERY.jpg);}
.nav_4, .nav_4:link, .nav_4:visited, .nav_4_idle, .nav_4_idle:link, .nav_4_idle:visited { background-image:url(images/NAV_0003_PROJECTS.jpg);}
.nav_5, .nav_5:link, .nav_5:visited, .nav_5_idle, .nav_5_idle:link, .nav_5_idle:visited { background-image:url(images/NAV_0004_BLOG.jpg);}


.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 
----------------------------------------------------------------------------------------------------*/


.gallery_prev, .gallery_current, .gallery_next, .gallery_item {width:124px;height:124px;float:left;}
.gallery_current {padding:0 14px 0 14px;}
.gallery_item {width:116px;height:116px;margin:0 16px 16px 0;}

.gallery_prev, .gallery_prev:link, .gallery_prev:visited, .gallery_next, .gallery_next:link, .gallery_next:visited, .gallery_item, .gallery_item:link, .gallery_item:visited {border-style:none;}
.gallery_prev:hover, .gallery_next:hover {width:108px;height:108px;border-style:solid; border-color:#00d5ff; border-width:8px;}
.gallery_item:hover {width:100px;height:100px;border-style:solid; border-color:#00d5ff; border-width:8px;}

.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:#fff;padding:16px;}
.page {position:absolute; left:0px; top:48px; width:100%; height:100%;}
.footer {color:#666;background-color:#111;padding:16px;margin:16px 0 0 0;}

.content_txt {background-color:#fff;margin:0;padding:16px;}
.content_media {background-color:#111;margin:0;padding:16px;color:#999;}
.content_highlight {background-color:#111;margin:0;padding:0 16px 16px 16px;color:#999;}

.box_small_landscape {width:512px;height:128px;background-color:#000;}
.box_small_landscape .imgwindow {width:160px; height:128px; float:left;}
.box_small_landscape .img {width:128px;height:96px;padding:16px;}
.box_small_landscape .txtwindow {width:336px;height:128px;float:left;}
.box_small_landscape .txt {padding:16px;}

.box_big_landscape {width:512px;height:176px;background-color:#000;}
.box_big_landscape .imgwindow {width:222px; height:160ppx; float:left;}
.box_big_landscape .img {width:190px;height:144px;padding:16px;}
.box_big_landscape .txtwindow {width:290px;height:160ppx;float:left;}
.box_big_landscape .txt {padding:16px;}

.btn_showreel, .btn_showreel:link, .btn_showreel:visited {width:190px; height:144px; background-image:url(images/btn_showreel.jpg); background-position:0 0px;margin:16px;}
.btn_showreel:hover {background-position:0 144px;}
.btn_downloadCV, .btn_downloadCV:link, .btn_downloadCV:visited {width:336px; height:64px; background-image:url(images/btn_downloadCV.jpg); background-position:0 0px;}
.btn_downloadCV:hover {background-position:0 64px;}


.box_tiny_portrait {width:352px;height:112px;background-color:#111;}
.box_tiny_portrait .imgwindow {width:80px; height:96px; float:left;}
.box_tiny_portrait .img {width:64px;height:80px;padding:16px;}
.box_tiny_portrait .txtwindow {width:272px;height:112px;float:left;}
.box_tiny_portrait .txt {padding:16px;}

.content_txt .box_small_portrait {background-color:#eee;}
.content_media .box_small_portrait {background-color:#000;}
.box_small_portrait {width:512px;height:128px;}
.box_small_portrait .imgwindow {width:112px; height:128px; float:left;}
.box_small_portrait .img {width:80px;height:96px;padding:16px;}
.box_small_portrait .txtwindow {width:400px;height:128px;float:left;}
.box_small_portrait .txt {padding:16px;}

.box_big_portrait {width:512px;height:192px;background-color:#000;}
.box_big_portrait .imgwindow {width:160px; height:192px; float:left;}
.box_big_portrait .img {width:128px;height:160px;padding:16px;}
.box_big_portrait .txtwindow {width:352px;height:192px;float:left;}
.box_big_portrait .txt {padding:16px;}

.box_footer {width:928px;height:96px;background-color:#000;}
.box_footer .imgwindow {width:96px; height:96px; float:left;}
.box_footer .img {width:64px;height:64px;padding:16px;}
.box_footer .txtwindow {width:832px;height:96px;float:left;}
.box_footer .txt {padding:16px 16px 16px 16px;}

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

h2.date-header {background-color:#FFF;margin:0;padding:16px 16px 0 16px; 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:16px;margin:0;}
.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:16px;margin:0;}
.post-body blockquote {}
.post-footer {text-align:right;color:#666;background-color:#111;margin:0 0 16px 0;padding:16px;}
.comment-link {}
.post img {}
.post blockquote {}
.post blockquote p {}
.post ul {}
.post li {}
.blog-pager{color:#666;background-color:#111;padding:16px;}
.feed-links{text-align:right;color:#666;background-color:#111;margin:0 0 16px 0;padding:16px;}

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 16px;  /*--Left Margin--*/
	padding: 16px 0;
	display: block;
}