@charset "utf-8";


body { background-color: #1a1a1a; color: #bbb; }

.wp_syntax { 
	border-color: #555 !important; 
	border-style: dotted !important; 
	color: #999 !important; 

	background: #111 !important;
}
abbr,acronym { border-bottom-color: #666;  }

#primary, #sidebar .widget { background: rgba(0,0,0,0.80); border: 1px solid #111;}

h2.page-description, h2.entry-description { 
	border-color: #444;
	color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	2. =Header
/*-----------------------------------------------------------------------------------*/

#site-title { background: transparent url('black/bg-scanlines.png') repeat 0 0; }
#site-title a {
	background: transparent url('black/bg-logo.png') 50% 63% no-repeat;
        padding-top: 0;
}


#welcomeTeaser {
	background: transparent url('black/bg-scanlines.png') repeat 0 0; 
	color: #ddd;
}

/*-----------------------------------------------------------------------------------*/
/*	3. =Nav Menu
/*-----------------------------------------------------------------------------------*/

nav#navigation {
	background: transparent url('black/bg-scanlines.png') repeat 0 0;
}

nav#navigation ul a {
	color: #aaa;
}

nav#navigation ul a:hover,
nav#navigation ul li.sfHover a,
nav#navigation ul li.current-cat a,
nav#navigation ul li.current_page_item a,
nav#navigation ul li.current-menu-item a,
nav#navigation ul li.current_page_ancestor a,
nav#navigation ul li.current_page_parent a {
	color: #fff;
}

nav#navigation ul ul li a:hover, nav#navigation ul ul li a:active {
	color: black
}

/*-----------------------------------------------------------------------------------*/
/* 4. =Footer
/*-----------------------------------------------------------------------------------*/

#colophon { 
	color: #ccc;
	background: #000 url('black/bg-scanlines.png') 0 0 repeat; 
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


/*-----------------------------------------------------------------------------------*/
/* 5. =Content
/*-----------------------------------------------------------------------------------*/

.portfolio-list li .shadow 	{ background: transparent url(black/bg-image-shadow-large.png) 50% 100% no-repeat; }
.portfolio-list li .shadow a 	{ background: #111 url(black/bg-magnifier.png) 50% 50% no-repeat; }
.portfolio-list li.vimeo-video .shadow a,
.portfolio-list li.youtube-video .shadow a { background: #111 url(black/bg-magnifier-video.png) 50% 50% no-repeat; }
.portfolio-list li img 		{ background: #151515; }

.portfolio-fullsize-scroller a.scroller-arrow {
	background: transparent url('black/bg-scroller-arrow.png') 0 0 no-repeat;
}

#portfolioList li ul  { background: #111 }


blockquote { background: transparent url(black/bg-quote.png) 0 -8px no-repeat; }

/** Pagination **/
.pagination span, .pagination a { background: none; }
.pagination a:hover { color: #fff; }
.pagination span.current { color: #fff; }

.content-sort { border-color: #323434; }
.content-sort li a { color: #ddd; }
.content-sort li.current a { background: transparent url(black/bg-sort-check.png) 0 30% no-repeat; }

.entry-meta { color: #868686; border-color: #222;}
.entry-meta li span { color: #ccc; }

.respond-title, .author-title, .related-title, .recent-title {
	border-color: #444;
}

/** Tag list **/
.entry-tags li a { background: #222; color: #999; }

/** Recent Posts **/
#recent-posts .entry-image {
	border: 1px solid #050505;
	background: #151515;
}

/** Blog page **/
.blog .date-badge { 
	color: #fff;
	border-color: #111;
}

.image-attachment .entry-content .entry-attachment {
	background: #222;
}

/** adding some nice shadows */
#site-title,
#expander, 
#navigation,
#navigation ul ul,
#portfolioList li,
#related-posts .entry-image {
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);	
}

/*-----------------------------------------------------------------------------------*/
/* 6. =Forms
/*-----------------------------------------------------------------------------------*/

input[type=submit], input[type=button], a.button, button {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	color: #eee;
	border-color: #111;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#2e2e2e), to(#222));
	background: -moz-linear-gradient(top,  #2e2e2e,  #222);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#222222');
	text-shadow: 0px 1px 1px #000;
}


/*-----------------------------------------------------------------------------------*/
/* 7. =Comments
/*-----------------------------------------------------------------------------------*/

h3#reply-title 	{ color: #ccc; }
.comment-author cite { color: #888; }
.comment-meta 	{ color: #999; }

.comment-meta a:active, 
.comment-meta a:hover,
.reply a:hover,
a.comment-edit-link:hover, 
#respond .required { 
	color: #ff4b33; 
}
.commentlist .children li div:first-child, .commentlist li.comment div:first-child {
	background: #111;

}
#comments .pingback { border-bottom-color: #e7e7e7; }
#comments .pingback p { color: #aaa; }

/* Comments form */
input[type=submit] { color: #999; }
#respond { background: #212121; border-color: #121212; }
#respond label { color: #ccc; }
#respond .form-allowed-tags { color: #aaa; }


/*-----------------------------------------------------------------------------------*/
/* 8. =Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Hightlight Shortcode */
.highlight-dark { background: #000; color: #eee; }
.highlight-light { background: #999; color: #222; }
.highlight-yellow { background: #FFC; color: #333; }
.highlight-red { background: #900; color: #fff; }

/* Dropcap */
.dropcap {
	color: #666;
}
.dropcap-dark  { color: #fff; background: #555;  }
.dropcap-light { color: #666; background: #eee;  }

/* Image Alignment */
.image-left, .image-right {
    background: #151515;
    border: 1px solid #050505;
}
.image-left .caption, .image-right .caption {
    color: #999;
}

.img-caption { background: #151515; border: 1px solid #050505; }
.img-caption .caption { background: #151515; }

/* Box Shortcode */
.info-box .box-title { color: #fff; background: #151515; }
.info-box .box-content { background: #212121; }

.info-dark { color: #fff; }
.info-dark .box-title { background: #000; }
.info-dark .box-content { background: #0e0e0e; }

.info-light .box-content { background: #333; }

/* Toggle Box Shortcode */
.toggle-box .box-title a { 
	color: #fff; 
	background: #151515 url(black/bg-sprite.png) 100% 100% no-repeat; 
}
.toggle-box .box-title a.open { background-position: 100% -230px; }
.toggle-box .box-inner { color: #fff; background: #212121}

.toggle-dark .box-title a { 
	color: #fff; 
	background: #000 url(black/bg-sprite.png) 100% 100% no-repeat; 
}
.toggle-dark .box-inner { background: #0e0e0e; }

.toggle-light .box-title a { 
	color: #fff; 
	background: #333 url(black/bg-sprite.png) 100% -198px no-repeat; 
}
.toggle-light .box-title a.open { background-position: 100% -166px; }
.toggle-light .box-inner { background: #444; color: #eee }

/* Tab Shortcode */
.tabs li { border-right: 1px solid #111; }
.tab-wrapper {
	background: #222;
	border: 1px solid #111;
}
.tabs ul.nav {
    background: #333;

}
.tabs ul.nav li a {
    color: #fff;
}
.tabs ul.nav li a:hover { background: #758288; }
.tabs ul.nav li.ui-tabs-selected a { background: #222; color: #fff; }

hr.shortcode { border-bottom: 1px dotted #333 }

/*-----------------------------------------------------------------------------------*/
/* 9. =Widgets
/*-----------------------------------------------------------------------------------*/

/** Recent Comments Widget **/
#sidebar .widget_recent_comments li { border-bottom: 1px dotted #333; background: transparent url(black/icon-comment.png) 0 3px no-repeat; }

/** Recent Tweets Widget **/
#sidebar .widget_recent_tweets li { border-bottom: 1px dotted #333; background: transparent url(black/bg-twitter-inner-small.png) 0 3px no-repeat; }

/* Custom Recent entries */
#sidebar .widget_custom_recent_entries li img { background: #0e0e0e; border: 1px solid #111; }

/* Custom Flickr Stream */
#sidebar .widget_flickr_stream div.flickr_badge_image img { background: #0e0e0e; border: 1px solid #111;}

/*-----------------------------------------------------------------------------------*/
/* 10. =Images
/*-----------------------------------------------------------------------------------*/

/** Item Caption for Images */
.item-caption { 
	background: #000;
}	

/*-----------------------------------------------------------------------------------*/
/* 11.  =SuperBgImage & Thumbnails
/*-----------------------------------------------------------------------------------*/

#thumbnails { 
	background: transparent url('black/bg-scanlines.png') 0 0 repeat; 
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55);
    margin-bottom: -1px;
}

#toggleThumbs {
	background-image: url('black/bg-expander-arrow.png');
}

#thumbnails .pulldown-items a.item { 
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-color: #000;
}

#thumbnails .controls {
	background-image: url('black/bg-scanlines-thumbs.png'); 
}

#thumbnails .controls a { 
	background-image:url('black/bg-thumb-controls.png'); 
}

/*  scroll links */
#thumbnails .scroll-link { 
	background-image: url('black/bg-fullsize-arrow.png');
}


#superbgimage {
	background: #222 url('black/loading.gif') center center no-repeat;
}

#scanlines {
	background: url('black/grid.png');
}

h1#site-title {
    background: url('black/bg-scanlines.png') repeat scroll 0 0 transparent;
    padding-top: 10px;
}

#branding .navbar {
    width: 100%;
}

nav#navigation {
    width: 170px;
    z-index: 100;
    margin-top: 10px;
	padding-bottom: 10px;
	
	position: fixed;
	top: 110px;
	left: 20px;
}

nav#navigation ul li:hover ul, nav#navigation ul li.sfHover ul {
    left: 150px;
    top: 0;
    z-index: 99;
}

.left-sidebar #sidebar {
    margin-top: 290px;
}

/*#primary {
    float: right;
    margin-top: -88px;
    width: 600px;
}*/


.page-template-contactus-php #main, .page-template-template-fullsize-php #main {
    position: relative;
    margin: 0 0 0 255px;
    width: 660px;
    padding: 70px 0 0;
}

#viuu {
    margin-left: 3px;
    padding: 0;
}

#fullScreen {
    background: url("black/full_screen.png")  no-repeat scroll 50% 63% transparent;
    width: 11px;
    height: 11px;
}

#portfolioList li ul{ padding:5px!important;}
.item-information ul li span {
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 20px;
	white-space: nowrap;
	width: 134px;
	display: inline-block;
}
body.page-template-template-three-column .item-information ul li span {
	width:180px;
}