/*
Theme Name: Hickory
Theme URI: http://solopine.com/
Description: A WordPress Magazine Theme
Author: Solo Pine Designs
Author URI: http://solopine.com
Tags: black, white, two-columns, right-sidebar, flexible-width, custom-colors, custom-menu, featured-images, theme-options, translation-ready
Version: 2.0.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url("css/reset.css");
@import url("css/flexslider.css");
@import url("css/colorbox.css");
@import url("css/meanmenu.css");

body {
	
	font-family:"Droid Sans", sans-serif;
	font-size:13px;
}

a {
	text-decoration:none;
	color:#ff502e;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Roboto";
}

p {
	line-height:20px;
	font-size:13px;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

strong, b, strong *, b * { font-weight: bold; } em, i, em *, i * { font-style: italic; }

/*** GENERAL STYLES ***/
/*********************************************************/

#wrapper {
	width:980px;
	margin:0 auto;
	background:#FFF;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	overflow:hidden;
}

.container {
	width:940px;
	margin:0 auto;
}
.container.top {
	width:980px;
	margin:0 auto;
}

.container.layout3 {
	padding-top:20px;
}


/*** HEADER STYLES ***/
/*********************************************************/

#navigation_bar {
	background:#000;
	height:50px;
}
#navigation_bar .container {
	position:relative;
}
#navigation_bar.layout2 {
	margin:0 -20px 20px -20px;
	padding:0 20px;
}
#navigation_bar.layout3 {
	margin:0;
}

	/*** Navigation ***/
	
	#navigation ul {
		float:left;
		height:50px;
	}
	
	#navigation ul li {
		float:left;
		display:block;
		margin-right:30px;
		position:relative;
		height:50px;
		z-index:1000;
	}
	#navigation ul li:last-child {
		margin-right:0;
	}
	
	#navigation ul li a {
		font-family:"Lato";
		color:#FFF;
		font-size:11px;
		font-weight:700;
		text-transform:uppercase;
		letter-spacing:1px;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
		line-height:50px;
	}
	
	#navigation ul li a:hover {
		color:#999;
	}
	
	#navigation ul li.menu-item-home {
		background:url(img/home-icon.png) no-repeat;
		background-position:0 19px;
		padding-left:16px;
	}
	
		/*** Dropdown ***/
		#navigation ul li ul {
			position:absolute;
			left:-20000px;
		}
		#navigation ul li:hover > ul {
			position:absolute;
			left:0;
			top:50px;
		}
		#navigation ul li ul li {
			float:none;
			height:auto;
		}
		#navigation ul li ul li:last-child {
			margin-right:30px;
		}
		#navigation ul li ul li a {
			min-width:140px;
			font-size:10px;
			color:#aaa;
			padding:8px 12px;
			background:#000;
			display:block;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			transition:.3s;
			border-bottom:1px solid;
			border-color:#444;
			line-height:14px;
		}
		#navigation ul li ul li a:hover  {
			background:#444;
			color:#FFF;
		}
		
			/** dropdown lvl 3 **/
			#navigation ul li ul li ul {
				position:absolute;
				left:-2000px;
			}
			#navigation ul li ul li:hover ul {
				top:0;
				left:164px;
			}
			
				/** dropdown lvl 4 **/
				#navigation ul li ul li ul.sub-menu li ul {
					position:absolute;
					left:-20000px;
				}
				#navigation ul li ul li ul.sub-menu li:hover ul{
					top:0;
					left:164px;
				}
				
					/** dropdown lvl 5 **/
					#navigation ul li ul li ul.sub-menu li ul.sub-menu li ul {
						position:absolute;
						left:-20000px;
					}
					#navigation ul li ul li ul.sub-menu li ul.sub-menu li:hover ul{
						top:0;
						left:164px;
					}
	
	/*** Top Social ***/
	
	#top_social {
		float:right;
		margin-top:15px;
	}
	
	#navigation_bar.layout2 #top_social.search {
		margin-right:40px;
	}
	
	#top_social i, #footer_social i {
		color:#000;
		border-radius:200px;
		background:#FFF;
		height:18px;
		width:18px;
		display:inline-block;
		line-height:18px;
		text-align:center;
		font-size:12px;
		-webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
	}
	
	#top_social i.icon-facebook:hover, #footer_social i.icon-facebook:hover {
		background:#3b5998;
		color:#FFF;
	}
	#top_social i.icon-twitter:hover, #footer_social i.icon-twitter:hover {
		background:#00a9ea;
		color:#FFF;
	}
	#top_social i.icon-tumblr:hover, #footer_social i.icon-tumblr:hover {
		background:#34506b;
		color:#FFF;
	}
	#top_social i.icon-pinterest:hover, #footer_social i.icon-pinterest:hover {
		background:#cb2127;
		color:#FFF;
	}
	#top_social i.icon-instagram:hover, #footer_social i.icon-instagram:hover {
		background:#235d83;
		color:#FFF;
	}
	#top_social i.icon-youtube-play:hover, #footer_social i.icon-youtube-play:hover {
		background:#d02e29;
		color:#FFF;
	}
	#top_social i.icon-google-plus:hover, #footer_social i.icon-google-plus:hover {
		background:#e04324;
		color:#FFF;
	}
	#top_social i.icon-cloud:hover, #footer_social i.icon-cloud:hover {
		background:#ff5300;
		color:#FFF;
	}
	#top_social i.icon-linkedin:hover, #footer_social i.icon-linkedin:hover  {
		background:#0274b3;
		color:#FFF;
	}
	#top_social i.icon-dribbble, #footer_social i.icon-dribbble {
		font-size:13px;
	}
	#top_social i.icon-dribbble:hover, #footer_social i.icon-dribbble:hover  {
		background:#ef5b92;
		color:#FFF;
	}
	#navigation_bar.layout2 #top_search {
		margin-right:40px;
	}
	/** Search **/
	#top_search {
		float:right;
		color:#666;
		margin-top:16px;
		margin-left:11px;
		font-size:14px;
		padding-left:9px;
		border-left:1px solid #313131;
	}
	#top_search a {
		color:#666;
		-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
	}
	#top_search a:hover {
		color:#b5b5b5;
	}
	.show-search {
		position:absolute;
		top:50px;
		right:-1px;
		display:none;
		z-index:10000;
	}
	.show-search #searchform input#s {
		width:190px;
		background:#FFF;
	}
	
	
#header {
	padding:50px 20px;
	border-bottom:1px solid #e5e5e5;
	margin:0 -20px 20px -20px;
	overflow:hidden;
}
#header.layout2 {
	border:none;
	margin:0 -20px 0 -20px;
}
#header.layout3 {
	border:none;
	margin:0;
}
#header.layout3 .container {
	width:980px;
}

#header #logo {
	text-align:center;
}

.header-ad {
	float:right;
}

/*** FEATURED AREA STYLES ***/
/*********************************************************/

#featured_area {
	overflow:hidden;
	margin:0 -20px 20px -20px;
	padding:0 20px 20px 20px;
	border-bottom:1px solid #e5e5e5;
}

.feature_big {
	float:left;
	margin-right:20px;
	width:620px;
	height:420px;
	position:relative;
}
.feature_big img {
	max-width:620px;
	max-height:420px;
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.feature_big:hover > a img{
	opacity:.9;
}

.feature_small {
	width:300px;
	height:200px;
	position:relative;
	float:right;
}
.feature_small img {
	max-width:300px;
	max-height:200px;
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.feature_small:hover > a img {
	opacity:.8;
}

.feature_small.first {
	margin-bottom:20px;
}

.feature_text {
	position:absolute;
	bottom:20px;
	text-align:center;
	width:580px;
	margin-left:20px;
	z-index:100;
}

.feature_small .feature_text {
	width:270px;
	margin-left:15px;
}

.feature_overlay {
	background:url(img/feature-overlay.png) repeat-x;