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

:: 01. Global
:: 02. Header
::::: 02.1 Logo
::::: 02.2 Primary Menu
::::: 02.3 Secondary Menu
::::: 02.4 Mega Menu
:: 03. Sidebar
:: 04. Home
:: 05. Footer
:: 06. Masonry/Grid
:: 07. Posts/Pages
:: 08. Widgets
::::: 08.1 Featured Posts
::::: 08.2 Featured Page
::::: 08.3 Featured Portfolio
::::: 08.4 Featured Video
::::: 08.5 Contact
::::: 08.6 Better Comments
::::: 08.7 Flickr
::::: 08.8 Twitter
:: 09. Shortcodes
::::: 09.1 Tabs
::::: 09.2 Toggles
::::: 09.3 Accordions
::::: 09.4 Columns
::::: 09.5 Spacer
::::: 09.6 Contact
::::: 09.7 Tooltips
::::: 09.8 Alerts
::::: 09.9 Sliders
::::: 09.10 Post List


/* -------------------------------------------------- 
   01. Global
---------------------------------------------------*/

body { color: #777; }

a { color: #444; }

a:hover { color: #000; }

.entry-content p a { border-bottom: 1px solid #ddd; }

.entry-content p a:hover { background-color: #f4f4f4; }

.button { 
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	color: #777;
	border: 1px solid #ccc;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.button:hover {
	color: #000000;
	border-color: transparent;
	background-color: #222;
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
	background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
}

.boxed { background-color: #ccc; }

#main-container { background-color: #fff; }

.boxed #main-container { box-shadow: 0 0 10px rgba(0, 0, 0, .5); }

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

.post-title,
.widget-title { background: url(images/divider.jpg) repeat-x bottom; }

.post-content ul li { background: url(images/bullet.png) no-repeat left 1px; }

#breadcrumb-wrap { background: #000; }

.breadcrumbs a { color: #fff; }

dl.breadcrumbs dd.active span,
.breadcrumbs a:hover { color: #ff6; }

dl.sub-nav.breadcrumbs dd a::after { color: #ccc; }

blockquote,
blockquote p { color: #444; }

code { background: #ff6; }

.pagination .current { 
	background: #000; 
	color: #ff6;
}


/* -------------------------------------------------- 
   02. Header
---------------------------------------------------*/

#header { background: url(images/fh_nav_bg.jpg) repeat; }

.header-image { 
	background-color: #ffffff; 
	text-shadow: 0 1px 1px rgba(0,0,0,1); 
}

.header-image .entry-content { color: #ccc; }

.header-image-gradient {
	background: #000000;
}

#site-description { color: #777; }

#menuButton { 
	background-color: #ff6; 
	border-color: #ff6;
	color: #000;
	text-shadow: none;
}

#logo h1,
#logo h2 { background: none; }


/* 02.1 Logo ----------------------------------------------------------- */

#site-title a,
h1#site-title { color: #000; }

#site-title a:hover { color: #ff6; }

#logo .subheader { color: #fff; }


/* 02.2 Primary Menu --------------------------------------------------- */


#primary-navigation .nav-bar li.has-flyout > a:first-child:after,
#primary-navigation .nav-bar .has-flyout:hover:after,
#primary-navigation .nav-bar .has-flyout.active:after { color: #000; }


#primary-navigation .nav-bar li a { color: #000000; }

#primary-navigation .nav-bar .flyout li a,
#primary-navigation .nav-bar .current-menu-item .flyout li a { color: #ffffff; }

#primary-navigation .nav-bar>li.current-menu-item a,
#primary-navigation .nav-bar>li a.active,
#primary-navigation .nav-bar li a:hover,
#primary-navigation .nav-bar .current-menu-item .flyout li a:hover { color: #ff6; }

#primary-navigation .nav-bar .flyout { border-bottom: 1px solid #333; }

#primary-navigation .nav-bar .flyout li { background: #000 !important; }


/* 02.3 Secondary Menu ------------------------------------------------- */

#secondary-navigation { background: #000 url("http://dr56wvhu2c8zo.cloudfront.net/famehigh/assets/29b9b23f-dbc2-4ab3-b3a8-5dc7bf309d81/black-speckle-bg.jpg"); }

#secondary-navigation .flyout {
	background: #000;
	border-bottom: 1px solid #333;
}

#secondary-navigation .flyout li a { background: #000; }

#secondary-navigation .nav-bar li a,
#secondary-navigation .flyout li a,
#secondary-navigation .nav-bar .current-menu-item .flyout li a,
#secondary-navigation .nav-bar li.has-flyout > a:first-child:after,
#secondary-navigation .has-flyout:hover:after,
#secondary-navigation .has-flyout.active:after { color: #ccc; }

#secondary-navigation .nav-bar>li.current-menu-item a,
#secondary-navigation .nav-bar>li a.active,
#secondary-navigation .nav-bar li a:hover,
#secondary-navigation .flyout li a:hover,
#secondary-navigation .nav-bar .current-menu-item .flyout li a:hover { color: #ff6; }


/* 02.4 Mega Menu ------------------------------------------------------ */

.mega-menu .flyout-inner { background: #000; }

.mega-menu .col-wrap { border-right: 1px solid #222; }

.mega-menu .mega-head a,
.mega-menu .mega-head a[href=""]:hover,
.mega-menu .mega-head a[href="#"]:hover { color: #444 !important; }


/* -------------------------------------------------- 
   03. Sidebar
---------------------------------------------------*/

#sidebar .widget li a:before { color: #ccc; }

#sidebar .widget li a:hover:before { color: #000; }

.sidebar-box { 
	background: #f4f4f4; 
	border: 1px solid #ccc;
}


/* -------------------------------------------------- 
   04. Home
---------------------------------------------------*/

.welcome-message { background: #eee; }

#top-slider,
#top-slider .slide { background: #000; }

#top-slider .post-title { background: none; }

#top-slider .post-title span { 
	background-color: rgba(255,255,102, 0.85); 
	box-shadow:
		10px 0 0 rgba(255, 255, 102, 0.65),
		-10px 0 0 rgba(255, 255, 102, 0.65);
	color: #ffffff;
}

#top-slider:hover .post-title span { 
	background-color: rgba(255,255,102, 1); 
	box-shadow:
		10px 0 0 rgba(255, 255, 102, 1),
		-10px 0 0 rgba(255, 255, 102, 1);
	color: #000;
}

.ie8 #top-slider .post-title { background-color: #ff6; }

.ie8 #top-slider:hover .post-title span { color: #000; }

#top-slider:hover .gradient-left { box-shadow: 140px 0px 110px rgba(0, 0, 0, .5); }

#top-slider:hover .gradient-right { box-shadow: -140px 0px 110px rgba(0, 0, 0, .5); }

.single-dt_portfolio #header, 
.page-template-page-home-php #header { box-shadow: 0 5px 20px rgba(0, 0, 0, 1); }

.boxed.single-dt_portfolio #header, 
.boxed.page-template-page-home-php #header { margin: 0 -10px; }

#top-slider .orbit-bullets li {
	background: #000;
	border: 3px solid #444;
}

#top-slider .orbit-bullets li.active { background: #fff; }

#bar-bg { background: #000; }

#home-tabs-content-bg { background: #fff; }

#home-tabs dd { 
	border-right: 1px solid #333; 
	color: #000;
}

#home-tabs dd a { color: #ccc; }

#home-tabs dd a .desc,
#home-tabs dd a i { color: #999; }

#home-tabs dd.active a,
#home-tabs dd a:hover { color: #ff6; }

#home-tabs dd.active i,
#home-tabs dd a:hover i { color: #fff; }

#home-tabs dd.active a .desc,
#home-tabs dd a:hover .desc { color: #ccc; }

#carousel { background: url(images/home-portfolio-bg.png) repeat; }

.portfolio-list .sep { background: #ddd; }

.portfolio-list .hentry { border-bottom: 1px solid #ccc; }

.portfolio-list .hentry:hover { border-bottom: 1px solid #ff6; }

.portfolio-list .hentry:hover .sep { background: #444; }
 
#home-callout { background: #000; }

#home-callout h4 { color: #999; }

#home-callout h4 span { color: #fff; }

#home-callout .button { 
	background-color: #ff6; 
	color: #000;
}

#home-callout .button:hover {
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.1));
	background-image: -ms-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.1));
	background-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.1));
}


/* -------------------------------------------------- 
   05. Footer
---------------------------------------------------*/

#footer {
	background: #000000 url(images/footer_bg.jpg) no-repeat center;
	color: #ccc;
        height: 444px;
}

#footer-widgets { background: #000; }

#footer-widgets .columns { 
	border: 1px solid #333;
	border-bottom: none;
}

#footer-widgets .widget { border-bottom: 1px solid #333; }

#footer-widgets input,
#footer-widgets textarea {
	background: #222;
	border: 0;
	color: #ccc;
}

#copy {
	background: #000;
        border-top: solid 1px #000000;
 }

#copy,
#copy a { color: #777; }

#copy .nav-bar li a { color: #ccc; }

#copy .nav-bar li a:hover { color: #ff6; }


/* -------------------------------------------------- 
   06. Masnry/Grid
---------------------------------------------------*/

#filter { 
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
	background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.05));
}

#filter dd { 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#filter dd a { color: #777; }

#filter dd a:hover,
#filter dd.active a { color: #333; }

#filter dd.active a { background-color: #f5f5f5; }


/* -------------------------------------------------- 
   07. Posts/Pages
---------------------------------------------------*/

.page-title { color: #fff; }

.single-dt_portfolio .page-title { border-right: 1px solid #333; }

.meta-info,
.meta-info a,
.entry-content { color: #777; }

.meta-info a:hover { color: #000; }

.terms li { color: #999; }

.additional-info { 
	background: #f5f5f5; 
	border: 1px solid #ccc;
	color: #777;
}

.featured-area {
	background: #f2f2f2;
	border: 1px solid #ccc;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

#comments h3,
#reply-title { border-bottom: 1px solid #ddd; }

#commentform {
	background: #f4f4f4;
	border: 1px solid #ccc; 
}

#commentform #submit { 
	color: #777; 
	background-color: #fff;
}

#cancel-comment-reply-link,
.comment-reply-link,
.comment-edit-link,
.commentlist time a { color: #999; }

#cancel-comment-reply-link:hover,
.comment-reply-link:hover,
.comment-edit-link:hover,
.commentlist time a:hover { color: #000; }

.comment-reply-link { background: #eee; }


/* -------------------------------------------------- 
   08. Widgets
---------------------------------------------------*/

#footer .widget-title,
#footer .post-title,
#footer .post-title a { color: #fff; }

#footer .entry-content,
#footer,
#footer a { color: #999; }

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

#footer .DT_Twitter a { color: #ccc; }

#footer .DT_Twitter .tweet_time a {
	color: #444;
	font-size: 10px;
	font-size: 1.0rem;
	text-transform: uppercase;
}

#footer .DT_Twitter .tweet_avatar { margin-top: 2px; }

#s { background-image: url(images/search-bg.png); }

#sidebar p { color: #222; }


/* -------------------------------------------------- 
   09. Shortcodes
---------------------------------------------------*/

/* 09.1 Tabs ----------------------------------------------------------- */


/* 09.2 Toggles -------------------------------------------------------- */

.toggle .trigger { color: #444; }


/* 09.3 Accrodions ----------------------------------------------------- */



/* 09.9 Sliders -------------------------------------------------------- */

div.orbit-wrapper div.slider-nav span.right,
div.orbit-wrapper div.slider-nav span.left { background: none; }

div.orbit-wrapper div.slider-nav span { 
	color: #fff; 
	color: rgba(255,255,255,0.1);
}

#top-slider:hover div.orbit-wrapper div.slider-nav span { color: rgba(255,255,255,0.5); }

#top-slider:hover div.orbit-wrapper div.slider-nav span:hover { color: #fff; }

div.orbit-wrapper span.pause { color: #000; }


/* 09.10 Post List -------------------------------------------------------- */

.post-list-top { background: url(images/bg-line-ddd.png) repeat-x left 11px; }

#carousel .post-list-top { background: url(images/bg-line-ccc.png) repeat-x left 19px; }

.post-list-title { background: #fff; }

#carousel .post-list-title { background: url(images/home-portfolio-bg.png); }

.post-list .post-title a {
	color: #000;
	background: none;
	border: 0;
}

.post-list-title .all-link a { 
	background: #eee; 
	color: #999;
	border: none;
	box-shadow: none;
}

#carousel .post-list-title .all-link a { background: #fff; }

#carousel .post-list-title .all-link a:hover,
.post-list-title .all-link a:hover { 
	background: #000; 
	color: #ff6;
}

.jcarousel-next,
.jcarousel-prev {
	background: #f3f3f3;
	border: 1px solid #ccc;
	color: #bbb;
}

.jcarousel-next:hover,
.jcarousel-prev:hover { color: #000; }

.jcarousel-next-disabled,
.jcarousel-prev-disabled { background: #e3e3e3; }

.jcarousel-next-disabled:hover,
.jcarousel-prev-disabled:hover { color: #ccc !important; }

#carousel .hentry { background: #fff; }

.portfolio-list .hentry { background: #f0f0f0; }

#carousel .hentry:hover,
.portfolio-list .hentry:hover { background: #000; }

.portfolio-list .hentry:hover .post-title a { color: #ff6; }

.portfolio-list .hentry:hover .post-content { color: #fff; }

.portfolio-list .post-title a { color: #000; }

.portfolio-list .post-title { background: none !important; }

.portfolio-list .post-content { color: #777; }

#carousel .post-header i { color: #fff; }

.portfolio-list .post-header i { color: #f0f0f0; }

#carousel .hentry:hover .post-header i,
.portfolio-list .hentry:hover .post-header i { color: #000; }