/*-----------------------------------------------------------------------------------

	Artiste Light

	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	Designed & Handcrafted by Orman Clark for PremiumPixels.com
	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)

-----------------------------------------------------------------------------------

	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Header Styles
	3.	Navigation & Menus
	4.	Main Content Styles
	5.  Portfolio Content Styles
	6.	Post Content Styles
	7.	Comments
	8.	Pagination
	9.	Footer Styles
	10.	Page & Page Templates
	11.	Widgets
	12.	Shortcode Styles

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body { 
    background: #fff url(../images/bg_dark.png) 0 0 repeat-y fixed; 
    color: #f9f9f9;
}


a { 
    border-bottom: 1px solid #363841;
    color: #e0b93d;
}

a:hover { color: #fff; }

h1,
h2,
h3,
h4,
h5,
h6 { color: #fff; }

.entry-title,
.entry-title a { color: #fff; }

.entry-title a:hover { color: #e0b93d; }

/* Common Layout --------------------------------*/

#content { text-shadow: 0 1px 0 rgba(0,0,0,0); }

#sidebar {
	background: #1c1d21;
	color: #8d8f8f;
}

#sidebar a,
#sidebar .tz_tweet_widget span a { 
    border-bottom: 1px solid #363841;
    color: #e0b93d; 
}

#sidebar a:hover { color: #fff; }

/*-----------------------------------------------------------------------------------*/
/*	2.	Header Styles
/*-----------------------------------------------------------------------------------*/

#logo a { 
    border-bottom: none;
    color: #fff; 
}


/*-----------------------------------------------------------------------------------*/
/*	3.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/

#sidebar .current-menu-item > a,
.blog #sidebar .current_page_parent a,
.single-post #sidebar .current_page_parent a,
#sidebar .current-portfolio-parent a /* This adds highlight to skill types */ { color: #fff; }


/*-----------------------------------------------------------------------------------*/
/*	4.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

abbr[title],
acronym[title],
dfn[title] { border-bottom: 1px dotted #666; }

blockquote { color: #ddd; }

cite { color: #fff; }

var,
kbd,
samp,
code,
pre { 
    background: none; 
    color: #ddd;
}

table { border: 1px solid #ccc; }

table .even { background: #ddd; }

tr { border-bottom: 1px solid #ccc; }

/* Common Media Elements ----------------------*/

.post-thumb a { background: #1c1d21 url(../images/expand_dark.png) 50% 50% no-repeat; }

.post-thumb img {
    border: 5px solid #1c1d21;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.entry-content img { 
    border: 5px solid #1c1d21;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.gallery-item img { border: 5px solid #1c1d21 !important; }

/* Common Form Elements ----------------------------*/

input,
textarea,
button {
	background: #1c1d21;
	border: 1px solid #17181b;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.15) inset;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.15) inset;
	box-shadow: 0 1px 4px rgba(0,0,0,.15) inset;
	color: #8d8f8f;
}

button,
#submit {
    background: #fff url(../images/button_bg_dark.png) 0 -30px repeat-x;
	border: 1px solid #26272b;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	color: #363841;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

button:hover,
#submit:hover { 
    background: #fff url(../images/button_bg_dark.png) 0 0 repeat-x; 
    border-color: #26272b;
    color: #363841;
}

input:focus,
textarea:focus {
	background: #17181b;
	border-color: #151518;
	color: #c2c2c2;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Portfolio Content Styles
/*-----------------------------------------------------------------------------------*/

.entry-skills a { color: #8d8f8f; }

.entry-skills a:hover { color: #fff; }

/* Single Portfolio -----------------------------------------------------------------*/

.single-portfolio .entry-title a { color: #e0b93d; }

.single-portfolio .entry-title a:hover { color: #fff; }

.single-portfolio .entry-related .entry-title a { color: #fff; }

.single-portfolio .entry-related .entry-title a:hover { color: #e0b93d; }

.slide_count { color: #8d8f8f; }

.slides_prev,
.slides_next { color: #8d8f8f; }

.slides_prev:hover,
.slides_next:hover { color: #fff; }

.entry-related { border-top: 1px solid #363841; }

.slider,
.image-frame img,
.video-frame iframe {
    background: #1c1d21;
    border: 5px solid #1c1d21;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.image-frame img,
.video-frame iframe { margin-left: -5px; }


/*-----------------------------------------------------------------------------------*/
/*	6.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.blog .hentry,
.single-post .hentry,
.date .hentry,
.category .hentry,
.tag .hentry { border-bottom: 1px solid #363841; }

.entry-meta { color: #8d8f8f; }

.entry-meta a { color: #8d8f8f; }

.entry-meta a:hover { color: #fff; }


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

.commentlist #respond { background-color: #1c1d21; }

.comment > div {
	background: #1c1d21;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.comment-author-admin {
	background: #fbfbfb!important;
	border: #efefef;
}

.comment-author a { color: #fff; }

.comment-author a:hover { color: #e0b93d; }

.bypostauthor .comment-author,
.bypostauthor .comment-author a { color: #e0b93d; }

.bypostauthor .comment-author a:hover { color: #fff; }

.comment-meta { color: #8d8f8f; }

.comment-meta a { color: #8d8f8f; }

.comment-meta a:hover { color: #fff; }

.cancel-comment-reply a { color: #8d8f8f; }

.cancel-comment-reply a:hover { color: #fff; }

.moderation { color: #e0b93d; }

#commentform label span { color: #8d8f8f; }


/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

.single-page-navigation { border-top: 1px solid #363841; }

.single-portfolio-navigation { border-top: 1px solid #363841; }


/*-----------------------------------------------------------------------------------*/
/*	9.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer { color: #999; }

#footer a { color: #999; }

#footer a:hover { color: #fff; }


/*-----------------------------------------------------------------------------------*/
/*	10.	Page & Page Templates
/*-----------------------------------------------------------------------------------*/

.page .edit-post { color: #8d8f8f; }

.page .edit-post a { color: #8d8f8f; }

.page .edit-post a:hover { color: #c2c2c2; }


/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget-title { color: #fbfcfc; }

/* Twitter Widget -----------------------*/

#twitter-holder { background: url(../images/ajax-loader-dark.gif) no-repeat center; }

#sidebar .tz_tweet_widget span > a { color: #e0b93d; }

#sidebar .tz_tweet_widget span > a:hover { color: #fff; }

#sidebar .tz_tweet_widget a { color: #8d8f8f; }

#sidebar .tz_tweet_widget a:hover { color: #c2c2c2; }

/* Flickr Widget -------------------------*/

.flickr_badge_image img {
	background: #fff;
	border: 3px solid #c2c2c2;
}

.flickr_badge_image img:hover { border-color: #e0b93d; }

/*-----------------------------------------------------------------------------------*/
/*	12.	Shortcodes
/*-----------------------------------------------------------------------------------*/
.toggle h4,
.tabs ul.nav li.ui-tabs-selected a,
.tabs ul.nav li a:hover { 
    background: #17181b; 
    border-color: #17181b;
}

.toggle-inner,
.tabs .tab,
.tabs ul.nav li a { 
    background: #1c1d21; 
    border-color: #17181b;
}

.tabs ul.nav li.ui-tabs-selected a,
.tabs ul.nav li.ui-state-default a:hover {
   color: #fff;
}