@charset "utf-8";
/*-----------------------------------------------------------------------------------
	
	Black-Theme CSS Document for Invictus Fullsize Background Photographer Wordpress Theme

	Theme Name: Invictus
	Theme URI: 
	Description: Black-Theme CSS for "Invictus Fullsize Background Photographer Wordpress Theme"
	Author: Dennis Osterkamp
	Author URI: http://www.do-media.de
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.3
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

/* -----------------------------------------------------------------------------------
/* 
	Table of Contents

	1. =Body, Typography and some main Elements
	2. =Header
	3. =Nav Menu
	4. =Footer	
	5. =Content
	6. =Forms
	7. =Comments	
	8. =Shortcodes
	9. =Widgets	
	10. =Images	
	11. =SuperBgImage & Thumbnails

/*-----------------------------------------------------------------------------------*/
/*	1. =Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

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% 100% no-repeat;
}


#welcomeTeaser, .max_widget_teaser {
	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 15px 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,
#relatedGalleryImages li .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);	
}

#relatedGalleryImages li {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*-----------------------------------------------------------------------------------*/
/* 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);		
}

#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;
}

/* Fullsize Overlay Pattern */
.overlay-dotted { background: url('black/grid.png'); }
.overlay-squared { background: url('black/overlay-squared.png'); }
.overlay-scanlines { background: url('black/overlay-scanlines.png'); }
.overlay-carbon { background: url('black/overlay-carbon.png'); }
.overlay-triangles { background: url('black/overlay-triangle.png'); }