/* 

	Theme Name: Coco
	Dark Style
	
	#ffffff			becomes			#1a1a1a
	#f2f2f2			becomes			#212121
	#fafafa			becomes			#262626
	#4c4c4c			becomes			#a6a6a6
	#333333			becomes			#d9d9d9
	#e5e5e5			becomes			#242424
	#666666			becomes			#666666
	#999999			becomes			#595959
	#b3b3b3			becomes			#4d4d4d
	
*/

body { color:#a6a6a6; background: #2e2e2e url(../images/background_jeans_dark.png) left top fixed; }

h1, h2, h3, h4, h5, h6 { color: #d9d9d9; }
#headline h3 { color: #5a5a5a; }

#map { color:#4c4c4c; }
#map h1, #map h2, #map h3, #map h4, #map h5, #map h6 { color: #333333; }

input[type=text], input[type=password], textarea { background: #1a1a1a; border: 1px solid #262626; color: #666666; }
input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #4d4d4d; }

input[type=submit]:hover { background: #262626; color: #ffffff; }

a { color: #f9bb00; }
a:hover { color: #d9d9d9; }
a.more-link { background: #f9bb00; color: #ffffff; }
a.more-link:hover { background: #262626; }
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d9d9d9; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #f9bb00; }

blockquote { color: #595959; background: url(../images/blockquote-dark.png) no-repeat 0px 3px; }
address { background: #262626; }
pre { background: #262626; color: #595959; white-space: pre-wrap;word-wrap: break-word ;width: 450px ;}

.seperator { background: #262626; }

#top { background: #1a1a1a; }
#top #open-close-top { background: url(../images/sprites-dark.png) no-repeat -283px -100px; }
#top #open-close-top span { background: #f9bb00 url(../images/sprites-dark.png) no-repeat -283px 0px; }
#top a.active span { background-color: #f9bb00;	background-position: -283px -50px !important; }
#top #open-close-top:hover span { background-color: #d9d9d9 !important; }

footer { color: #595959; }

nav#main-nav > ul > li > a  { color: #595959; border-bottom: 3px solid rgba(217, 217, 217, 0); }
nav#main-nav > ul > li:hover > a { color: #d9d9d9; border-bottom: 3px solid #d9d9d9; }
nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a { color: #d9d9d9; border-bottom: 3px solid #d9d9d9; }
nav#main-nav ul li .sub-menu { border-top: 3px solid #d9d9d9; background: #1a1a1a; } 
nav#main-nav ul .sub-menu li a { color: #595959; }
nav#main-nav ul .sub-menu li a:hover { color: #f9bb00; }
nav#main-nav ul .sub-menu li.current-menu-item > a, nav#main-nav ul .sub-menu li.current-menu-ancestor > a { color: #f9bb00; }

.dropdown-menu { color: #d9d9d9; border-bottom: 3px solid #d9d9d9; }
#responsive-nav { border-top: 3px solid #d9d9d9; background: #1a1a1a; }
#responsive-nav li a  { color: #d9d9d9; }
#responsive-nav li:hover > a, #responsive-nav li.current-menu-item > a, #responsive-nav li.current-menu-ancestor > a { color: #f9bb00; }
#responsive-nav li ul li a {  color: #595959; }
#responsive-nav li ul li:hover > a, #responsive-nav li ul li.current-menu-item > a, #responsive-nav li ul li.current-menu-ancestor > a {  color: #f9bb00; }

#page-single { background: #1a1a1a; background: #1a1a1a; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow:  none; }
#page-single-fullwidth { background: #1a1a1a; background: #1a1a1a; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow:  none; }

.masonry-item .entry-content .meta-category { color: #595959; }

#portfolio-single, #blog-single { background: #1a1a1a; background: #1a1a1a; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow:  none; }
.entry-meta-category a {  color: #595959; }
.entry-author  { color: #595959; }
.entry-likes .icon { background:  url(../images/sprites-dark.png) no-repeat -333px -50px; }
.entry-likes a { color: #595959;  }
.entry-likes a:hover, .entry-likes a.likesactive { color: #f33e82;  }

.entry-passwordprotected h5 { color: #595959;  }

.masonry > .masonry-item { background: #1a1a1a; background: #1a1a1a; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow:  none; }
#gallery-grid .masonry-item { background: #1a1a1a; }

#comment-section { background: #1a1a1a; background: #1a1a1a; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow:  none; }
#comments .comment { border-top: 1px solid #262626; }
#comments .comment-list .comment:first-child .children .comment { border-top: 1px solid #262626; }
#comments .comment_date { color: #595959; }

.entry-meta li { color: #595959; }
.entry-meta li .icon { background-image: url(../images/sprites-dark.png); }
.meta_comments a { color: #595959; }
.meta_comments a:hover { color: #d9d9d9; }

.filter a.openfilter { background: #1a1a1a; color: #595959; }
.filter a.openfilter span { background: url(../images/sprites-dark.png) no-repeat -260px -50px; }
.filter ul { background: #1a1a1a; }
.filter ul li a { color: #595959; }
.filter ul li a:hover, .filter ul li a.active { color: #f9bb00; }
#load-more a span.icon { background:  url(../images/sprites-dark.png) -150px 0px; }
#load-more a:hover { background: #1a1a1a; color: #ffffff; }
.sharelinks li span { background: #262626; }

#single-pagination ul li.next a { background:  url(../images/sprites-dark.png) no-repeat 0px -50px; }
#single-pagination ul li.prev a { background:  url(../images/sprites-dark.png) no-repeat -50px -50px; }
#single-pagination ul li.close a { background:  url(../images/sprites-dark.png) no-repeat -100px -50px; }	
#single-pagination ul li.next a:hover { background-position:  0px -100px;  }
#single-pagination ul li.prev a:hover { background-position:  -50px -100px;  }
#single-pagination ul li.close a:hover { background-position:  -100px -100px;  }

.widget ul li a:hover, .widget ul li.current-menu-item a, .widget ul li.current-cat a  { color: #d9d9d9; }
.twitter-widget .tweet_list li .tweet_time a { color: #595959; }
.twitter-widget .tweet_list li .tweet_time a:hover { color: #d9d9d9; }
.tag-list a { border: 1px solid #262626; background: #1a1a1a; color: #595959; }
.tag-list a:hover { color: #f9bb00; border: 1px solid #4d4d4d; }
.socialmedia-widget a { background: transparent url(../images/social-icons-dark.png); }

.skill .skill_bar { background: #262626; }	
.toggle { border: 1px solid #242424; background: #1a1a1a; }
.toggle .toggle_title a:hover .toggle_icon { background-color: #262626; }
.toggle .toggle_title a.active  { color: #d9d9d9; }
.toggle .toggle_title a.active .toggle_icon { background-color: #262626; }
.tabs ul.tab_nav { border-bottom: 1px solid #242424; }
.tabs ul.tab_nav li a { background: #1a1a1a; border: 1px solid #242424; color: #595959; }
.tabs ul.tab_nav li a:hover { background: #1a1a1a; color: #d9d9d9; }
.tabs ul.tab_nav li a.active { background: #1a1a1a; color: #d9d9d9; border-bottom: 1px solid #1a1a1a; }
.tabs .tab_container { border: 1px solid #242424; background: #1a1a1a; border-top: none; }

#loading span {	background-image: url(../images/loader-dark.gif); }
#iphone-loading { background-image: url(../images/loader-dark.gif)!important; background-position: center center !important; }


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	form .checkfalse .falseicon {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	#form-note .error_icon {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	#form-note .confirm_icon {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	blockquote {
		background-image: url(../images/retina/blockquote-dark@2x.png);
		-webkit-background-size: 40px 40px; 
	   	-moz-background-size: 40px 40px; 
	    -o-background-size: 40px 40px; 
		background-size: 40px 40px; 
	}
	
	#top #open-close-top {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 	
	}
	
	#top #open-close-top span {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	#totop span {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	.entry-likes .icon {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.entry-meta li .icon {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.filter a.openfilter span {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#single-pagination ul li.next a { 
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#single-pagination ul li.prev a { 
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#single-pagination ul li.close a { 
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#load-more a span.icon { 
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.socialmedia-widget a {
		background-image: url(../images/retina/social-icons-dark@2x.png);
		-webkit-background-size: 450px 60px; 
	   	-moz-background-size: 450px 60px;
	    -o-background-size: 450px 60px;
		background-size: 450px 60px;
	}
	
	
	.imgoverlay a .overlayicon {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.full-overlay .overlay .overlay-meta-further {
		background-image: url(../images/retina/sprites-dark@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#loading span, #iphone-loading {
		background-image: url(../images/retina/loader-dark@2x.gif);
		-webkit-background-size: 40px 40px; 
	   	-moz-background-size: 40px 40px; 
	    -o-background-size: 40px 40px; 
		background-size: 40px 40px; 
	}
	
}