/*********************************************************************************************

Theme Name: Bullitt Center
Theme URI: 
Description: Designed by DEI Creative
Version: 1.0.0
Author: DEI Creative
Author URI: http://www.deicreative.com/

**********************************************************************************************

Designed and Built by DEI Creative - deicreative.com

CSS, XHTML and Design Files are all Copyright 2013 DEI Creative

**********************************************************************************************

  _____  ______ _____    _____ _____  ______       _______ _______      ________ 
 |  __ \|  ____|_   _|  / ____|  __ \|  ____|   /\|__   __|_   _\ \    / /  ____|
 | |  | | |__    | |   | |    | |__) | |__     /  \  | |    | |  \ \  / /| |__   
 | |  | |  __|   | |   | |    |  _  /|  __|   / /\ \ | |    | |   \ \/ / |  __|  
 | |__| | |____ _| |_  | |____| | \ \| |____ / ____ \| |   _| |_   \  /  | |____ 
 |_____/|______|_____|  \_____|_|  \_\______/_/    \_\_|  |_____|   \/   |______|
                                                                                     

/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
* {
	margin: 0;
	padding: 0;
	min-height: 0;
	outline: none;
}

/********************************************************************************************* 

x. Typekit

*********************************************************************************************/
.wf-loading {        
  	visibility: hidden;
}  

.wf-active {        
	visibility: visible;
}

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
html, body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #2e4551;
	width: auto; height: auto;
	background: #FFF;
}

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

a:hover { }

a img {
	border: none;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.content {
	width: 100%; height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;	
}

.custom-style-green {
	color: #bcd63e;
}

.custom-style-big {
	font-size: 72px;	
}

.custom-style-medium {
	font-size: 36px;	
}

h1 {
	font: 300 24px/24px "proxima-nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h1 a {
	color: #FFF;
}

h2 {
	font: 400 italic 20px/30px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #617f7f;	
	padding: 0 0 15px 0;
}

h3 {
	font: 400 20px/40px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: lowercase;
	text-align: center;
}

h4 {
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}

h4 a {
	color: #2e4551;
}

h5 {
	font: 400 italic 14px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 10px 0 0 0;
}

h6 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h6 a {
	color: #617f7f;
}

.more-link {
	font: 400 12px/16px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #d85b32 !important;
	text-transform: uppercase;
	width: auto; height: 16px;
	background: url(img/more-link.png) top right no-repeat;
	padding: 0 30px 0 0;
	float: right;
}

.more-link:hover {
	color: #617F7F !important;
	background: url(img/more-link.png) bottom right no-repeat;
}

.more-link span {
	font: 300 24px "proxima-nova", Arial, Helvetica, sans-serif;
	position: relative;
	top: 4px; left: 4px;
}

.title {
	width: 238px; height: 58px;
	margin: 0 0 15px 0;
}

.title.green {
	background: url(img/titles.png) -238px 0;
}

.title.blue {
	background: url(img/titles.png) -476px 0;
}

.title.red {
	background: url(img/titles.png) 0 0;
}

.twitter {
	width: 26px; height: 18px;
	background: url(img/twitter.png);
	display: inline-block;
	position: relative;
	top: 2px;
}

#tweetie ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

#tweetie ul li {
	font-size: 12px;
	line-height: 14px !important;
	padding: 0 0 15px 0;
}

.uppercase {
	text-transform: uppercase;
}

#wrapper {
	width: 980px; height: auto;
	min-height: 850px;
	margin: 0 auto 100px auto;
	position: relative;
}

/*********************************************************************************************

x. Navigation

*********************************************************************************************/
#bottom {
	display: none;
}

#nav-wrapper {
	display: none;
}

#lower-nav {
	display: none;
}

#nav {
	display: none;
}

/*********************************************************************************************

x. Carousel

*********************************************************************************************/
#c-carousel {
	display: none;
}

/*********************************************************************************************

x. Color Bar

*********************************************************************************************/
.color-bar {
	color: #000;
	width: 100%; height: auto;
	padding: 0;
}

.color-bar p {
	font-size: 12px;
	padding: 10px 0 0 0;
}

#children {
	display: none;
}

/*********************************************************************************************

x. Main

*********************************************************************************************/
#main {
	padding: 20px 0 0 0;
}

#main img {
	border: 2px solid #FFF;
	box-shadow: 2px 2px 2px #999;
   	-moz-box-shadow: 2px 2px 2px #999;
   	-webkit-box-shadow: 2px 2px 2px #999;
	position: relative;
	left: -2px;
}

#main p {
	line-height: 18px;
	padding: 0 0 15px 0;
}

#main p.wp-caption-text {
	font-size: 12px;
	padding: 5px 0 15px 0 !important;
}

#main li {
	line-height: 18px;
}

#main ul, #main ol {
	padding: 0 0 15px 15px;
}

#main a:hover {
	color: #d85b32;
}

/*********************************************************************************************

x. Factoids

*********************************************************************************************/
#factoids {
	display: none;
}

/*********************************************************************************************

x. Home

*********************************************************************************************/
.box {
	width: 238px; height: auto;
	padding: 0 0 20px 0;
	float: left;
}

.box p {
	font-size: 12px;
	line-height: 14px !important;
}

.box .padding {
	padding: 0 20px 0 0;
}

#box-blog {
	margin: 0 3px;
}

#box-blog .meta p {
	font-size: 10px;
	line-height: 12px !important;
	padding: 0;
}

.home .color-bar {
	background: none;
}

.home .color-bar .content {
	width: 100%; height: auto;
	position: relative;
}

/*********************************************************************************************

x. 2 Column

*********************************************************************************************/
#learn-more {
	padding: 0 0 20px 0;
}

#learn-more p {
	font-size: 12px;
	line-height: 14px !important;
}

#column {
	width: 100%; height: auto;
}

#sidebar {
	display: none;
}

/*********************************************************************************************

x. Features

*********************************************************************************************/
#features {
	padding: 0 !important;
	list-style: none;
	overflow: hidden;
}

#features li {
	width: 150px; height: 150px;
	background: #617F7F;
	border: 2px solid #FFF;
	box-shadow: 2px 2px 2px #999;
   	-moz-box-shadow: 2px 2px 2px #999;
   	-webkit-box-shadow: 2px 2px 2px #999;
	margin: 0 25px 25px 0;
	display: block;
	position: relative;
	left: -2px;
	float: left;
}

#features li img {
	border: none !important;
	box-shadow: 0 0 0 #FFF !important;
   	-moz-box-shadow: 0 0 0 #FFF !important;
   	-webkit-box-shadow: 0 0 0 #FFF !important;
	position: static !important;
}

#features li:hover .maximize {
	display: none;
}

#features li:hover .overlay {
	display: block;
}

#features li .maximize {
	width: 16px; height: 16px;
	background: url(img/maximize.png) left top;
	display: block;
	position: absolute;
	bottom: 10px; right: 10px;
	z-index: 999;
}

#features li .overlay {
	font: 400 18px/24px "proxima-nova", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	text-transform: lowercase;
	width: 110px; height: 110px;
	background: url(img/orange.png) repeat;
	padding: 20px;
	display: none;
	position: absolute;
	top: 0; left: 0;
	z-index: 999;
}

#features li .overlay span {
	font: 400 11px "proxima-nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 20px 0 0 0;
	display: block;
}

/*********************************************************************************************

x. Gallery

*********************************************************************************************/
.afg-cell {
	width: 150px; height: 150px;
	background: #617F7F;
	border: 2px solid #FFF;
	box-shadow: 2px 2px 2px #999;
   	-moz-box-shadow: 2px 2px 2px #999;
   	-webkit-box-shadow: 2px 2px 2px #999;
	margin: 0 25px 25px 0 !important;
	padding: 0 !important;
	display: block;
	position: relative;
	left: -2px;
	float: left;
	overflow: hidden;
}

.afg-cell:hover .maximize {
	background: url(img/maximize.png) right top;
}

.afg-cell img {
	border: none !important;
	box-shadow: 0 0 0 #FFF !important;
   	-moz-box-shadow: 0 0 0 #FFF !important;
   	-webkit-box-shadow: 0 0 0 #FFF !important;
	margin: 0 !important;
	position: static !important;
}

.afg-cell .maximize {
	width: 16px; height: 16px;
	background: url(img/maximize.png) left top;
	display: block;
	position: absolute;
	bottom: 10px; right: 10px;
	z-index: 999;
}

.afg-pagination {
    margin: 0 !important;
    text-align: left !important;
}

.afg-page, .afg-cur-page {
	display: none;
}

.afg-page-next {
	margin: 0 35px 0 0;
}

.afg-page-prev.more-link {
	background: url(img/less-link.png) top left no-repeat;
	padding: 0 0 0 30px;
	float: left !important;
}

.afg-page-prev.more-link:hover {
	background: url(img/less-link.png) bottom left no-repeat;
}

/*********************************************************************************************

x. Blog

*********************************************************************************************/
.post {
	padding: 0 0 25px 0;
}

.post h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.post h1 a {
	color: #617f7f;
}

.post .meta {
	padding: 0 0 15px 0;
}

.post .meta p {
	font-size: 12px;
	padding: 0 !important;
}

.post .tags {
	display: none;
}

.post .more-link {
	margin: 0 0 15px 0;
}

.navigation {
	display: none;
}

.social-media {
	display: none;
}
/*********************************************************************************************

x. Media

*********************************************************************************************/
#featured {
	width: 750px; height: auto;
	padding: 0 !important;
	list-style: none;
	overflow: hidden;
}

#featured li {
	width: 305px; height: auto;
	background: #cfd8d8;
	margin: 0 30px 30px 0;
	padding: 20px;
	float: left;
}

#featured li .meta {
	padding: 0 0 15px 0;
}

#featured li .meta p {
	padding: 0 !important;
}

#featured li p {
	font-size: 12px;
}


#media {
	width: 800px; height: auto;
	padding: 0 !important;
}

#media .media-post {
	width: 206px; height: auto;
	border-top: 1px solid #617f7f;
	margin: 0 60px 0 0;
	padding: 20px 0;
	float: left;
}

#media .media-post .meta {
	padding: 0 0 15px 0;
}

#media .media-post .meta p {
	padding: 0 !important;
}

#media .media-post p {
	font-size: 12px;
}