/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/** CUSTOM **/
li.ktweet {
	padding: 0 !important;
	font-size: .8em;
}

.aktt_more_updates {
	padding-left: 10px;
}

#BFW {
	margin: 10px;
}

#BFW_afterform {
	padding: 0 0 10px 10px;
	font-size: .8em;
}

#BFW_submit {
	margin-left: 4px;
	font-size: .8em;
	padding: 4px;
}

#recent-excerpts .wp-post-image {
	margin: 0 !important;
}

.widget-wrap ul li {
	margin: 0 0 10px 10px;
/*	line-height: 150%;*/
}

.widget-wrap ul li a {
	text-decoration: underline;
}

.synved-social-provider-facebook {
	margin-left: 10px;
}

aside .widget-wrap {
	padding-bottom: 0;
}

/* Adjustment for ad sizes */
.row .eightcol {
	width: 65% !important;
/*770*/
}

.row .fourcol {
	width: 28.1% !important;
/*310*/
}

#lead-story a img {
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	border: 2px solid #FFF;
	height: 210px;
}

#logo img {
	top: 0;
}

input#subscribe-field, input.searchfield {
	background: #FFF;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #c4c4c4 #eaeaea #eaeaea #c4c4c4;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.1) inset;
	width: 188px;
	float: left;
	color: #002663 !important;
	border-radius: 0;
}

input.searchfield {
	margin-bottom: 10px;
	width: 262px;
}

#subscribe-submit input[type=submit] {
	margin: 4px 0 0 4px;
	font-size: .8em;
	padding: 4px;
}

#nav-primary, .nav {
	background: linear-gradient(to bottom,#00bae5 0%,#0092d2 100%) !important;
	border-color: #0092d2 !important;
}

#nav-primary li, .nav li {
	border-right-color: #0092d2 !important;
	border-left-color: #00bae5 !important;
}

.home.current-menu-item {
	text-indent: -999em;
	width: 40px;
	background: #003d7f url('/wp-content/themes/opti/images/icon_home.png') no-repeat 13px 11px !important;
	border-top: 0;
}

#nav-primary .current-menu-item {
	background-color: #003d7f !important;
	color: #ffffff !important;
}

.current-menu-item a {
	color: #ffffff !important;
}

#nav-primary li:hover, .nav li:hover {
	background-color: #008ed1 !important;
}

#branding h1 {
	font-size: 54px !important;
	text-shadow: none !important;
	color: #003d7f !important;
	font-weight: normal;
/*		font-family: "Rockwell Extra Bold", "Rockwell Bold", monospace;*/
	font-family: 'Arial Black';
/*	text-transform: uppercase;*/
}

#branding h1 a, #branding h2 {
	color: #003d7f !important;
}

#lead-story {
	background: #e5ebf2;
}

.post .post-taxonomies {
	font-size: .8em;
	color: #666;
	display: inline;
	margin-right: 20px;
}

.post .post-taxonomies a {
	background: #f5f5f5;
	padding: 2px 8px;
	border-radius: 3px;
	color: #999;
	border-color: #ddd;
}

.post .post-taxonomies a:hover {
	color: #666;
}

.post .post-taxonomies-categories {
	background: url(/wp-content/themes/opti/images/icon-cats.png) center left no-repeat;
	padding-left: 20px;
}

.post .post-taxonomies-tags {
	background: url(/wp-content/themes/opti/images/icon-tags.png) center left no-repeat;
	padding-left: 20px;
}

*, input[type=text], input[type=submit] {
	color: #002663;
}

a.dark, a.dark:visited, aside .widget li a, aside .widget li a:visited {
	color: #00abdf;
}

aside .widget, aside h3.widgettitle {
	background: #e5ebf2 !important;
}

footer {
	background: #00a2d7 !important;
	color: #ffffff !important;
}

footer .widget-wrap {
	color: #ffffff !important;
}

footer a {
	color: #ffffff !important;
}

footer h4.widgettitle {
	color: #002663 !important;
	border-bottom: 0 !important;
	font-weight: bold !important;
}

#nav-primary .current-menu-item > a, #nav-primary .current-cat > a {
	border-top: 0 !important;
	margin-top: 0 !important;
	color: #ffffff !important;
}

h2#description {
	text-transform: none !important;
}

footer .widget-wrap ul li, footer .widget-wrap div ul li, footer .textwidget ul {
	margin-left: 0 !important;
}

.synved-social-provider-facebook {
	margin-left: 10px !important;
}

.synved-social-button {
	margin-top: 10px !important;
}

.thumbnail-wrapper {
	float: left;
	text-decoration: none;
	border-bottom: 0;
	margin: 20px 20px 0 0;
}

.thumbnail-wrapper img {
	height: 170px;
/*170px*/
	width: auto;
	text-decoration: none;
	border: 1px solid #cdcdcd;
}

#wpstats {
	visibility: hidden !important;
}

#lead-image img {
	float: left;
	margin: 20px 0;
}

/*
.wp-post-image {
	width: 200px;
	height: 162px;
}
*/
/******** RESPONSIVE *********/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	h1#logo img {
		display: block !important;
	}
	
	h1#logo {
		font-family: 'Arial Black' !important;
	}
	
	#lead-image img {
		float: none !important;
		margin: 0 !important;
		padding: 0;
	}
	
	.thumbnail-wrapper img {
		height: auto;
		width: 100% !important;
		text-decoration: none;
		border: 1px solid #cdcdcd;
	}
	
	img.attachment-featured {
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		margin: 0 !important;
		padding: 0;
	}
	
	#lead-story a#lead-image {
		float: none !important;
		margin-right: 0 !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0;
	}
	
	#lead-story, .excerpt {
		overflow: visible !important;
	}
	
	.excerpt p {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#social, .social-post, #respond, .comment-respond, .social-post, #commentform {
		width: auto !important;
	}
	
	#social #respond input.social-input, #author, #email, #url, .social-input-row, #social .social-sign-in-links {
		width: auto !important;
		padding-top: 4px !important;
	}
	
	#social .social-sign-in-links a {
		display: block !important;
	}
}