/*
Theme Name: SpinSucks2016 Update by Postmatic
Theme URI: http://wordpress.org/
Description: Theme for SpinSucks for Arment Dietrich. Created by Dashal
Version: 2.0
Author: Nick Harrison
Author URI: http://www.dashal.com
*/

div.epoch-comment-content p {
	margin-top: 0 !important;
}

.postmatic-sc-button {
	min-width: 0 !important;
}

#commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url {
    margin: 0 2% 15px 0!important;
	width: 30% !important;
}

.postmatic-social-comment-logout {margin-top: 0 !important;}

input#submit {
    background: #FF9F00;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 90%;
}

input#submit:hover {cursor: pointer !important;}

img.logo {
    width: 416px;
	position: relative;
top: -4px;
}

p.comment-notes {color: #bbb;}
#postmatic-inpost-optin-widget h2.widgettitle {line-height: normal;}
#postmatic-inpost-optin-widget div.primary.prompt {min-height: 85px !important;}

body {margin:0; font-family: helvetica; background-color: #fbfbfb; color:#555; line-height: 22px;}

h1,h2,h3,h4 {padding:0; color:#262626;  margin:0px 0px 0px 0px; padding:0px;}

h4 {font-size:15px; margin-bottom:5px;}
h3 {font-size:18px; margin-bottom:10px; }
h2 {font-size:18px;}
h1 {font-size:20px;}
h1 a:link, h2 a:link {text-decoration: none !important;}
h1 a:link, h2 a:hover {text-decoration: underline !important;}

.header_container {padding-bottom:5px; margin-bottom:10px; border-bottom:2px dotted #ccc;}

img {border:0;}

ul {padding:0; margin:0; list-style-type: none; list-style: none;}

form {padding:0; margin:0;}

.disp1 {display:block !important}
.disp2 {display:none !important}

#post_single ul {margin: 16px 0;
  padding-left: 40px; list-style-type: disc;}

.alignleft {float:left; margin:0px 10px 10px 0px;}

a:link, a:visited, a:active {text-decoration: underline; color:#444;}
a:hover {text-decoration: underline;}

.wrap {width:980px; margin:0 auto;}
.container {clear:both; overflow: hidden;}

.left {float:left;}
.right {float:right;}

#get_pro a:hover {background:none !important;}

.follow_widget_left {width:60px; float:left;}
.follow_widget_image {width:50px; height:auto;}
.follow_widget_info {width:165px; float:left;}

.upcoming_left {width:60px; float:left;}
.upcoming_cal {width:50px; height:53px; background-image:url(images/date.png);}
.upcoming_month {text-align: center; margin-left: 1px; color:#fff; font-size: 13px; padding-top:1px;}
.upcoming_day {text-align: center; margin-left: 1px;}
.upcoming_info {width:185px; line-height: 17px; float:left; font-size: 12px;}
.upcoming_header {font-size: 13px; margin-bottom: 1px; font-weight: bold;}
.upcoming_container {margin-bottom: 4px; padding:2px;}


#main_top_bar { background-color: #262626; height:44px; margin-bottom:30px;}
.main_top_bar_wrap {width:1020px; margin:0 auto;}
.main_top_bar_container {position: absolute; z-index: 30000;width:1024px; }

#nav {width:1024px; }
.main_top_menu_left {width:62%; float:left;}
.main_top_menu_right {width:254px; float:right;}
.main_top_menu_right_float {width:254px; float:right;}

.main_cat_ul {width:500px !important; height:253px}
.main_cat_left {float:left; background-color:#444; height:280px;}
.main_cat_titles {float:left; padding:0px 10px; width:240px; line-height:20px !important;}

.latest_most_ul {width:310px !important}
.latest_most_titles {float:left; margin-left:10px; width:230px; line-height:20px !important;}

.top_bar_soc_icon {margin-top:13px;}
#top_bar_soc_li {height:44px; margin:0px 0px 0px 210px; background:none;}
#top_bar_soc_ul {width:300px; margin:-3px 0px 0px -140px;}

.top_bar_soc_container {float:left; width:150px; color:#555;}
a.top_soc_links:link, a.top_soc_links:visited, a.top_soc_links:active {color:#555 !important; font-size: 15px !important; font-weight: bold !important; padding:0px 15px !important; height:35px; line-height:35px;}

.top_soc_icon {float:left; margin:10px 5px 0px 0px;}

a.get_pro:hover {background:none;}

.spinsucks_logo {float:left;}
.main_header_wrap {height:80px;}
.main_search_bar_wrap {float:right;}
.main_search_bar_container {width:340px; height:38px; background-color:#515151; margin-top:10px; float:left;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}

.pro_left {font-size: 14px; float:left; width:300px;}
.pro_right {font-size: 14px; float:right; width:300px;}

.pro_input {background-color: #f2f2f2; padding:4px; border:none; font-size: 15px; line-height: 28px; width:250px;}

.middle_logo {display: block !important;}
.middle_logo_small {display:none;}


.menu_search_bar_wrap {float:right;}
.menu_search_bar_container {width:260px; height:38px; background-color:#515151; margin:10px 0px 0px 12px; float:left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}

.main_search_text_box {float:left; width:280px; padding:0px 10px; height:38px; font-size:16px; color:#c5c5c5; background:none; border:none;}
.main_search_glass {height:23px; width:27px; float:right; margin-right: 10px;}

.menu_search_text_box {float:left; width:180px; padding:0px 10px; height:38px; font-size:16px; color:#c5c5c5; background:none; border:none;}
.menu_search_glass {height:23px; width:27px; float:right; margin-right: 10px;}

.main_left {width:670px; float:left;}

#main_left ul {padding:0px 0px 0px 20px;}

.post_home { padding:15px; margin-bottom: 29px; background-color: #fff; border:1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}

.post_single { padding:15px; margin-bottom: 29px; background-color: #fff; border:1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}

.photo {width:42px; height:42px;}

.page {padding:20px; margin-bottom: 29px; background-color: #fff; border:1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}
#content ul li {margin:5px; list-style: disc;}

.menu_cat_image {width:50px; height: auto; float:left; max-height: 50px;}
a.menu_cat_link:link, a.menu_cat_link:visited, a.menu_cat_link:active {padding:7px 10px !important; height:50px !important; color:#444 !important; font-size: 13px !important; line-height: 20px !important; font-weight: bold !important; }
a.menu_cat_link:hover {padding:7 10px !important;}

.post_home_image_container {width:200px; float:left;}
.post_home_image {width:185px; background: #ccc; height: auto; max-height: 240px;}
.post_home_right {width:436px; float:right;}
.post_home_author_text_container {padding-bottom:5px; height:52px; margin-bottom:0px; border-bottom:2px dotted #ccc;}
.post_home_author_image {width:44px; height:44px; float:left;}
.post_home_header_text {float:left; margin:0px 0px 0px 10px; line-height: 24px; width:382px;}
.post_home_info_container {height:30px; font-size: 12px; margin-bottom: 10px; line-height: 30px; height:30px; color:#555;}
.post_home_info_left {float:left;}
.post_comments_container {background-image:url(images/comments_back.png); height:22px; width:32px; float:left; margin:6px 0px 0px 0px;}
.post_comments_text {margin: -6px 0px 0px 1px; width: 30px; text-align: center; color:#fff;}
.post_comments_text a {color:#fff; text-decoration: none; font-size: 14px;}
.post_home_content {color:#444; font-size:15px;}

.follow_home {background-image:url(images/follow_friday_twitter.png);}


.amigos_home {background-image:url(images/three_amigos.jpg);}



.gin_home {background-image:url(images/cocktail_glass.jpg);}

.navigation {
    margin-bottom: 30px;
    margin-left: 70px;
}

#nav li {
margin: 0px;
padding: 0px;
float: left;
position: relative;
list-style: none;
line-height: 44px;
height:44px;
color: white;
font-size: 13px;
font-weight: bold;
cursor: pointer;
display: block;
padding: 0px 12px;
}


.wp-paginate .current {
    background: none repeat scroll 0 0 #555555 !important;
    border: 1px solid #CCCCCC !important;
    color: #FFFFFF;
    margin-right: 4px;
    padding: 3px 6px;
}

.single_soc {width:80px; float: left; background-color:#fff; padding-bottom:9px; border:#ccc solid 1px; -webkit-border-radius: 8px;
    -moz-border-radius: 8px; margin-left:2px;
    border-radius: 8px;
    CCborderRadius: 8px; height:441px; clear: both;}
.single_left {width:570px; float:left; margin-left: 105px;}


.main_right {width:285px; float:right;}
.right_panel {padding:15px; margin-bottom: 29px; background-color: #fff; border:1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}
.right_image {width:100%; height:170px;}
.speaking_image {width:100%; height:220px;}

.book {width:254px; height:auto;}

.inner_bar {background-color: #262626; z-index:200000; height:44px; position: fixed; margin-bottom:30px; width:100%;}

#inner_masthead {background-image:url(images/inner_masthead.png); position:fixed; height:150px; z-index:30000; width:980px; float:left; margin:-20px 0px 0px -12px; top:0px; display:none} 


.trigger {z-index: 2000; width:100%;}

.sub_text_box_container {float:left;}
.sub_text_box {background-color: #D9D9D9; width:153px; border:none; height:19px; padding:4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
}
.sub_button {float:right; width:83px;}

.hire_us {position: absolute; z-index: 1000; margin:136px 0px 0px 169px;}

.sub_bar {margin-top:15px; padding:15px 0px 0px 0px; border-top:1px solid #ccc; display: block; clear: both;}
.sub_bar_gplus {margin-top:15px; height:50px; padding:0px 0px 0px 0px; border-top:1px solid #ccc; display: block; overflow: hidden; clear: both}

.googleplus_widget{
  width: 254px;
  height: 48px; 
  float: left; 
}
.googleplus_widget span{
  width: 252px;
  height: 48px;
  float: left;
  overflow: hidden;
  background: #fff; 
}
.googleplus_widget span div{
  margin: -1px !important;
  position: relative; 
}

.soc_container {margin:9px 0px 0px 11px; float:left;}
.soc_bubble {width:58px; height:40px; display: block; background-image:url(images/share_b2.png); margin-bottom:4px;}
.soc_c {padding-top:5px; text-align: center; color:#333;}


#footer {padding:30px 0px; min-height:200px; background-color:#333;}

#footer a:link, #footer a:visited, #footer a:active {color:#ccc; text-decoration: none; font-size:12px;}
#footer a:hover {text-decoration: underline;}

.footer_logo {width:230px; float:left;}
.footer_links_container {width:180px; float:right;}
.footer_links_header {margin:0px 0px 10px 0px; font-size:15px; padding:0; color:#ccc;}



.side_facebook_880 {display:none !important;}
.side_twitter_880 {display:none !important;}
.side_facebook_720 {display:none !important;}
.side_twitter_720 {display:none !important;}
.right_image {width:100% !important; height:auto;}
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 #box {
    position: absolute;
    top:;
    left: 5;
    width: 59px;
    margin-bottom:200px;
   
}
#box.fixed {
    position: fixed;
}
.box {width:30px; height:350px; margin-top:0px; margin-bottom:200px;}
   
#mobile_menu {display:none;}
#normal_menu {display: block;}

.author_box {
border:1px solid #ccc;
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
    margin:20px 0px;
padding:10px;
}
.author_image {width:40px; float:left;}
.author_content {width:85%; float:right;}

.single_sub_container {

    background:#f1f1f1;
    padding:10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
    margin:20px 0px;
height:40px;}

    .single_sub_text_container {float:left; width:76%; height:100%; background-color: #fff;}
    .single_sub_button {float:right; width:140px; height:100%;}
     .single_sub_text_box {border: none;
background: none;
padding: 5px;
font-size: 17px;
width: 330px;
line-height: 28px;}

.soc_mobile_container {display: none;}

    .other_posts {

    background:#f9f9f9;
    padding:15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
    margin:20px 0px;}


    #related_posts img {width:98%; height:75px; margin-bottom:5px;}
.related_container {width:110px; margin: 0px 10px 10px 0px !important; height:150px; font-size: 10px; line-height: 18px; background-color:#fff; text-align: center; padding:5px; border:solid 1px #ccc;  float:left;}
#related_posts {padding:10px 0px 10px 0px; overflow: hidden; clear: both; margin-bottom:30px;}

.hire_us_frame {background-image:url(images/hire_video_back.png); width:380px; height:228px; float:left; margin:0px 20px 20px 0px;}
.hire_us_pad {padding:14px 0px 0px 14px;}



.LV_valid {
    color:#00CC00;
}
    
.LV_invalid {
    color:#CC0000;
}
    
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}


/*********** WIDTH 1000 ********************/

@media all and (max-width:1020px){

.pro_left {font-size: 14px; float:none; width:100%;}
.pro_right {font-size: 14px; float:none; width:100%; margin:20px 0px 20px 20px;}


 h2 {font-size: 17px;}

#nav {width:100%}
.main_top_menu_left {width:62%; float:left;}
.main_top_menu_right {width:243px; float:right;}
.main_top_menu_right_float {width:254px; float:right;}

.single_left {width:52%; float:left; margin-left: 110px;}

.main_top_bar_container {position: absolute; z-index: 30000;width:100%; }

.sub_text_box_container {width:60%;}
.sub_text_box {background-color: #D9D9D9; width:100%; border:none; height:17px; padding:4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
}
.sub_button {float:right; width:83px;}
.sub_button_image {width:83px;}

.wrap {overflow: hidden; width:95%}
.main_left {width:65%; float:left;}
.main_right {float:right; width:285px;}


.post_home_image_container {width:30%; clear:left; overflow: hidden; float:left;}
.post_home_image {width:100%; float:left; background: #ccc; height:auto;}
.post_home_right {width:66%; float:right;}
.post_home_author_text_container {padding-bottom:5px; height:52px; margin-bottom:0px; border-bottom:2px dotted #ccc;}
.post_home_author_image {width:44px; height:44px; float:left;}
.post_home_header_text {float:left; margin:0px 0px 0px 10px; line-height: 24px; width:75%;}
.post_home_info_container {height:30px; font-size: 12px; margin-bottom: 10px; line-height: 30px; height:30px; color:#555;}
.post_home_info_left {float:left;}
.post_comments_container {background-image:url(images/comments_back.png); height:22px; width:32px; float:left; margin:6px 0px 0px 0px;}
.post_comments_text {margin: -5px 0px 0px 1px; width: 30px; text-align: center; color:#fff;}
.post_home_content {color:#444; font-size:15px;}
.post_home {height:auto; clear:both; overflow: hidden; padding:15px; margin-bottom: 29px; background-color: #fff; border:1px solid #ccc;
}    
.middle_logo {display:none !important;}
.middle_logo_small {display:block;}
.footer_logo {display: none;}
}

.single_sub_text_container {float:left; width:68%; height:100%; background-color: #fff;}
@media all and (max-width:920px){

 h2 {font-size: 17px;}
.side_facebook {display: none !important;}
.side_facebook_880 {display:block !important;}
.side_twitter {display: none;}
.side_twitter_880 {display:block !important}

.single_left {width:60%; float:left; margin-left: 0px;}

.single_sub_text_container {float:left; width:68%; height:100%; background-color: #fff;}

.alignleft {
float: left;
margin: 0px 10px 10px 0px;
max-width: 35%;
height: auto;
}

#nav {width:100% }
.main_top_menu_left {width:62%; float:left;}
.main_top_menu_right {width:200px; float:right;}
.main_top_menu_right_float {width:210px; float:right;}

.main_search_bar_wrap {float:right;}
.main_search_bar_container {width:260px; height:38px; background-color:#515151; margin-top:10px; float:left;
  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}
.main_search_text_box {float:left; width:195px; padding:0px 10px; height:38px; font-size:16px; color:#c5c5c5; background:none; border:none;}
.main_search_glass {height:23px; width:27px; float:right; margin-right: 10px;}

.book {width:100%; height:auto;}

.right_image {width:100% !important; height:auto;}
.speaking_image {width:100% !important; height:auto;}

.logo {width:265px !important; height:auto; margin-top:8px;}

.disp1 {display:none !important}
.disp2 {display:block !important}
.get_pro_button {width: 122px;
position: absolute;
z-index: 5000;}

.sub_text_box_container {width:60%;}
.sub_text_box {background-color: #D9D9D9; width:100%; border:none; height:17px; padding:4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
}
.sub_button {float:right; width:35%;}
.sub_button_image {width:95%; height:24px;}

.photo {width:20px; height:20px;}

.wrap {overflow: hidden; width:95%}
.main_left {width:59%; float:left;}

.main_right {float:right; width:285px;}
.post_home_image_container {width:21%; clear:left; overflow: hidden; float:left;}
.post_home_image {width:100%; float:left; background: #ccc; height:auto;}
.post_home_right {width:75%; float:right;}
.post_home_author_text_container {padding-bottom:5px; height:auto; margin-bottom:0px; border-bottom:2px dotted #ccc;}
.post_home_author_image {width:35px; height:35px; float:left;}
.post_home_header_text {float:left; margin:0px 0px 0px 10px; line-height: 19px; width:75%;}
.post_home_info_container {height:30px; font-size: 12px; margin-bottom: 10px; line-height: 30px; height:30px; color:#555;}
.post_home_info_left {float:left;}
.post_comments_container {background-image:url(images/comments_back.png); height:22px; width:32px; float:left; margin:6px 0px 0px 0px;}
.post_comments_text {margin: -5px 0px 0px 1px; width: 30px; text-align: center; color:#fff;}
.post_home_content {color:#444; font-size:15px;}
.post_home {height:auto; clear:both; overflow: hidden; padding:15px; margin-bottom: 29px; background-color: #fff; border:1px solid #ccc;
}    

.soc_mobile_container {display: block; margin: 0px 0px;}

.single_soc {display: none;}

.footer_links_container {
width: 163px;
float: right;
font-size: 7px;
}


#nav li {
margin: 0px;
padding: 0px;
float: left;
position: relative;
list-style: none;
line-height: 44px;
color: white;
font-size: 13px;
font-weight: bold;
cursor: pointer;
display: block;
padding: 0px 10px;
}
#nav a {

font-size: 13px;
}
#nav .taco a, #nav li:hover > a {
font-size:13px;
}


}
@media all and (max-width:758px){
    .footer_blogroll {display: none;}
    .single_sub_text_container {float:left; width:60%; height:100%; background-color: #fff;}
    .single_sub_text_box {border:none; background: none; padding:5px; font-size: 22px; width:90%;}
    .single_sub_button {float:right; width:25%; height:100%; margin-right: 30px;}
.main_right {display: none;}
.main_left {width:100%;}
.single_left {width:100% !important;}
.main_top_menu_right_float {display: none;}
}
@media all and (max-width:630px){
.main_cat_ul {margin-left:100px;}

#mobile_menu {display:block !important;}
#normal_menu {display: none;}
 #livefyre .lf_action_bar .lf_follow_link {display:none;}

.get_pro_button {display: none;}
.main_right {display: none;}
.main_left {width:100%;}
.main_top_menu_right {display:none;}

.main_search_bar_wrap {display:none;}

.side_facebook_720 {display:block;}
.side_facebook_880 {display:hidden !important;}
.side_facebook {display:hidden }
.side_twitter_880 {display:block}
.sub_text_box_container {width:60%;}
.sub_text_box {background-color: #D9D9D9; width:100%; border:none; height:17px; padding:4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    CCborderRadius: 6px;
}
.sub_button {float:right; width:35%;}
.sub_button_image {width:95%; height:24px;}
}

 .sub_bar {margin-top:10px; padding:10px 0px 0px 0px; border-top:1px solid #ccc; display: block; clear: both;}
.sub_bar_gplus {margin-top:10px; height:50px; padding:0px 0px 0px 0px; border-top:1px solid #ccc; display: block; overflow: hidden; clear: both}

}