/*
Theme Name: Domain King
Theme URI: http://crushlabs.com
Description: A custom responsive WordPress website theme for Rick Schwartz developed by <a href="http://crushlabs.com" title="Los Angeles WordPress" target="_blank">CrushLabs</a>
Version: 1.0
Author: CrushLabs
Author URI: http://crushlabs.com
Tags: ___
License:
License URI:
*/

/* layout */
img.red {border:10px solid #FF0000; padding:30px;}
body{font-size:11px;background: #ffffff url(images/background-wide.jpg) repeat-y !important;background-position: top center !important;}
.wp-caption
.wp-caption-text
.sticky
.gallery-caption
.bypostauthor
.more-link{white-space: nowrap;}
p.attribution{text-align: right;padding-top: 20px;}
article.post{margin-bottom: 18px;border-bottom: 2px solid #FFF;}
article.post h2 {line-height:14px;}
header .menu-action { float: left; margin-top: 0; position: relative; top: 1px;}
header .menu-action .button.small { padding: 8px;}
header .menu-action .button.small svg { opacity: 0.5;}
.menu-action {margin: 0px auto;text-align: center;}
.mobile-nav-container{display: none;text-align: center;width: 100%;margin: 0px auto;position: absolute;}
.active .mobile-nav-container{z-index: 99;display: block;margin: 0px auto;}
.active #main{margin-top: 25%;}
.mobile-nav-container,#main{-moz-transition: all 0.25s ease-in 0s;}
#main{width: 57%;margin-right: 20px;background: #E7E7EC url(images/content-bg.gif) left top repeat-x;}
#left {padding-bottom: 20px;margin-right: 20px;background: #E7E2C6 url(images/sidebar-bg.gif) left top repeat-x;width: 20%;overflow:hidden;}
#right {padding-bottom: 20px;background: #E7E2C6 url(images/sidebar-bg.gif) left top repeat-x;width: 20%;overflow:hidden;}
#left div.panel, #right div.panel {background: none !important; border: none !important; margin:20px 0px 0px; padding:0px !important;}
#left div.panel h4, #right div.panel h4, table#wp-calendar caption {border-top: 1px solid white;border-bottom: 1px solid #BBB;margin: 0px -15px;padding: 8px 5px 5px 28px;color: #C49F2D;background: #E7E2C6 url(images/module-header-bg.gif) 0 0.65em no-repeat;font-size: 14px !important;font-family: 'trebuchet ms', helvetica, arial, sans-serif !important;font-weight: bold;text-align:left !important;}
table#wp-calendar {margin: 0 0 18px -8px !important;}
table#wp-calendar caption {margin-left:-8px !important;}
.side-nav{height: auto;}
ul.tabs.vertical { border-bottom: 1px solid #E6E6E6; height: auto;}
ul.tabs { border-bottom: 1px solid #E6E6E6; display: block; height: 40px; margin-bottom: 20px; padding: 0;}
ul.tabs.vertical li { border-left: 3px solid #CCCCCC;}
ul.tabs.vertical li, ul.tabs.vertical li { float: none; height: auto;}
ul.tabs li:first-child { margin-left: 0;}
ul.tabs li { display: block; float: left; margin: 0; padding: 0;}
ul.tabs.vertical li a { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #F2F2F2; border-color: #E6E6E6; border-style: solid; border-width: 1px 1px 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #555555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px;}
ul.tabs li a { color: #6F6F6F; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0 23.8px;}
.widget ul {color: #666;}
.widget ul li {font-size:11px; list-style-type:none; padding: 1px 0 1px 14px;background: url(images/li-bg.gif) 0 0.2em no-repeat;}
.widget ul li a {color: #96927D;}
.async-wrapper {padding-top: 0px !important; margin-bottom: 0px !important;}
.async-wrapper ul.async-list, ul.async-list li.fb-share, ul.async-list li.gplus-share, ul.async-list li.linkedin-share, ul.async-list li.twitter-share, ul.async-list li.hn-share {float:right !important;}
div br {display:none;}
p br {display:none;}

/* typography */
h1, h2, h3, h4, h5, h6{ font-weight: 300;}
h1, h2, h3, h4, h5, h6 {font-family: 'trebuchet ms', helvetica, arial, sans-serif;}
h2.comments-title, article.page h2, article.page h1, article.post h2 a, article.post h1, h3#comments, #respond h3 {font-size: 16px;font-weight: bold;color: #656565;line-height:18px;}
.post_content {font-size: 13px;}
.post_content h2, .post_content h3 {font-size:15px !important;font-weight:600;}
.siteinfo h1{ font-weight: 800; }
.navigation {margin-top:30px;}
.clear {clear:both;}
.navigation .right {width:48%;text-align:right;}
.navigation .left {width:48%;}
/* post styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
.credit {margin-top: 10px;border-top: 1px solid #DDD;padding: 0px 0px 0px;background: #FFF url(images/background-wide.jpg) repeat-y !important;background-position: top center !important;}
.credit nav {padding-top:10px;}
footer p.meta {font-style:normal !important;font-weight: normal; text-align: right;font-size:10px;}
footer p.meta span.count {font-weight:bold;}
footer .columns {padding: 0px 0px !important;}
/* Header
-------------------------------------------------------------- */
.banner, #banner {margin: 0 0 15px 0px;background: #527276 url(images/banner-bg.jpg) center top repeat;}
#banner-header {padding: 10px 0px 10px 0px;color: #FFF;font-size: 32px;font-weight: normal;line-height: 1;font-family: 'trebuchet ms', helvetica, arial, sans-serif;}
#banner-header a {color: #FFF;}
#banner h4.subhead {border-top: 1px solid #FFF; color: #FFF;font-size: 13px;padding-top:5px;}
.leaderboard {margin:0px auto;text-align:center;}
ul.async-list li.fb-share, ul.async-list li.gplus-share, ul.async-list li.linkedin-share, ul.async-list li.twitter-share, ul.async-list li.hn-share {overflow:hidden;}
/* =Post formats
-------------------------------------------------------------- */
/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}

#main p.meta{font-style: italic;color: #808080;}
div[id*='attachment_']{max-width: 100%;height: 100%;}
#copy{background: url('images/crushlabs_mini.png') no-repeat left top transparent;padding-left: 20px;display: inline !important;}
#main article img{max-width: 100%;margin-bottom: 18px;}
h1.single-title, h2.single-title, h1.single-title a, h2.single-title a {margin-top: 25px;}
img.alignleft{margin-right: 10px;float: left;}
img.alignright{margin-left: 10px;float: right;}
img.aligncenter{display: block;margin: 0 auto;}
p.tags a:hover{color: #f0f0f0;}
video {max-width: 100%;height: auto;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-wrapper {width: 630px;max-width: 100%;margin-bottom: 18px;}
pre {background-color: #F5F5F5;border: 1px solid rgba(0, 0, 0, 0.15);display: block;font-size: 12px;line-height: 18px;margin: 0 0 18px;padding: 8.5px;white-space: pre-wrap;word-wrap: break-word;}
code {color: rgba(0, 0, 0, 0.75);padding: 1px 3px;}
code, pre {font-family: Monaco,Andale Mono,Courier New,monospace;font-size: 12px;padding: 5px 15px;}
/* featured posts slider */
#featured{border: 1px solid #E6E6E6;}
#featured div{padding: 0 15px;}
#featured h3{margin-top: .2em;padding-left: .05em;}
#featured p{padding-left: .1em;}
#featured h3,
#featured p{width: 100%;}
#footer {background: #FFF url(images/background-wide.jpg) repeat-y !important;background-position: top center !important;}
/* page styling */
.page-template-template-home-php #main {border-bottom: none;}
/* comments */
#comments{line-height: 3.1rem;margin-bottom: 18px;}
ol.commentlist,
ol.commentlist ul.children{list-style-type: none;margin-left: 0;}
ol.commentlist div.avatar{float: left;margin-right: 10px;}
ol.commentlist time{font-size: .8em;color: #eeeeee;}
ol.commentlist div.comment-author{position: relative;}
.panel ol.commentlist a.comment-edit-link{color: #ffffff;text-decoration: none;}
ol.commentlist span.edit-comment{position: absolute;right: 1.5em;top: 0;}
.comment h4{margin-bottom: 0;}
/*
a.comment-reply-link{position: absolute;right: 1.5em;bottom: 0;}
*/
a.comment-reply-link{float: right; margin: 10px 0px 10px 15px;}
#cancel-comment-reply{padding-left: 20px;}
#comment-nav ul{list-style-type: none;margin: 0;}
#comment-form-elements{list-style-type: none;margin: 0;}
img.avatar {float:left; margin-right:10px;}
.comment-meta {border-top: 1px solid #CCC; margin-top: 10px;padding:10px 0px;}
/* specific post-type styles */
/* image attachment */
.attachment #main .post_content img{max-width: 100%;}
li.next{text-align: right;}
#sidebar1 .metadata,
#sidebar1 .caption{padding-bottom: 20px;}
.post_content {font-size: 13px; /*padding-bottom:30px;*/}
/* widget styles */
.widget{margin-bottom: 18px;}
.widget li{margin-bottom: 2px;}
.widget ul.children{margin-bottom: 0;}
.widget ul.children li{margin-left: 9px;}
#tag-cloud{margin-bottom: 18px;}
a[class^='tag-link-']:hover{color: #f0f0f0;}

/* social button addthis styles */
.iphone-social-buttons{visibility: hidden !important;}
.desktop-tablet-social-buttons{visibility: visible; right: -10px;}

@media only screen and (max-width: 768px) {
#banner-header {padding: 5px 0px;color: #FFF;font-size: 18px;font-weight: bold;line-height: 16px;font-family: 'trebuchet ms', helvetica, arial, sans-serif;margin:5px 0px;}
article.post h2 {
line-height: 14px;
}
#content {margin:0px auto !important; padding:0px;}
	#main {width:56%;}
	#left, #right {overflow: hidden;width:15%;}
#main, #left {overflow: hidden;margin-right: 0px;}
}

@media only screen and (min-width: 768px) {
	#main {width:56%;}
	#left, #right {width:20%;}
ol.commentlist div.avatar{margin-right: 0;}
#main{	border-bottom: none;}
#featured h3{margin-top: 2em;	padding-left: 2em;}
#featured p{	padding-left: 4em;}
#featured h3,#featured p{width: 66%;}

}

@media only screen and (min-width: 940px) {/* desktop specific styles */
	#main {width:56%;}
	#left, #right {width:20%;}
#main{	margin-bottom: 0;}
ol.commentlist div.avatar{margin-right: 0;}
}

@media only screen and (max-width: 480px) {
	.iphone-social-buttons{visibility: visible !important; text-align: center;}	
	.addthis_button_google_plusone,	.addthis_button_linkedin_counter, .addthis_button_tweet, .addthis_button_facebook_like, .addthis_floating_style, .addthis_counter_style, .desktop-tablet-social-buttons{visibility: hidden !important;}
	.desktop-tablet-social-buttons{right: -1000px;}
}

@media only screen and (max-width: 320px) {
	.iphone-social-buttons{visibility: visible !important; text-align: center;}	
	.addthis_button_google_plusone,	.addthis_button_linkedin_counter, .addthis_button_tweet, .addthis_button_facebook_like, .addthis_floating_style, .addthis_counter_style, .desktop-tablet-social-buttons{visibility: hidden !important;}
	.desktop-tablet-social-buttons{right: -1000px;}
}