/* !  

BUSINESS TURNKEY GLOBAL STYLESHEET
=============================================

Created by Chelsea Otakan for Salesforce CRM and Lively Labs.

URI: http://www.livelylabs.com

If you'd like to customize this theme with css, please use the custom.css file located in the root of the theme directory.

*/

/* ! RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dfn,font,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, pre{border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;font-weight:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote,q{quotes:none}


/* !  Type Default */
div, td, p { line-height: 1.5; font-size: 14px }

p { margin-bottom: 20px}

h2 { font-size: 28px; line-height: 1; margin-bottom: 20px }
h3 { font-size: 22px; line-height: 1; margin-bottom: 20px }
h4 { font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px}  

strong { font-weight: bold; }

blockquote { border-left: 5px #ccc solid; padding: 5px 30px; margin: 20px 0; font-style: italic; line-height: 1.8; font-size: 1.05em}
blockquote p { line-height: 1.8; font-size: 1.05em}

/* ! CLEAR FIX  */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
* html .group { height: 1% }
*:first-child+html .group { min-height: 1px }


/* ! ELEMENTS */

input { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 10px }

#wrapper { width: 960px; margin: auto; padding: 0 20px 50px 20px }

.btn { display: block;}
.social li { display: inline }
#search {border: 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px}

.center {text-align: center}

.link-pages { text-align: center; }
.link-pages a { margin: 0 10px 100px 10px; display: inline-block}        

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* !  LAYOUT DEFAULTS
============================================================================================= */

/* !  Super Header */
#super-header { padding: 20px; background: #cccccc }
#super-header li { display: inline }
#super-header .wrap { width: 960px; margin: auto } 
#top-nav { width: 40%; float: left}
#top-nav li { margin-right: 15px}
#super-header #search { border: 0; float: right; width: 220px; margin-left: 20px; height: 20px; padding: 2px 0 2px 10px }
#super-header .social { text-align: right; float: right; margin-top: 4px }

#super-header .menu li { margin-right: 10px}

/* !  Header */
#header { padding: 25px 0; border-bottom: 1px #cccccc solid; position: relative; }

/* !  Logo */
#header .logo, #header .logo-img  { float: left; clear: none; display: block }
#header .logo img, #header .logo-img img { float: left; clear: none }

/* !  Slider */
#slideshow { padding: 20px 0; position: relative; z-index: 11; min-height: 360px}
#slideshow .slide { position: absolute; top: 20px}

#slideshow .slide-content { float: right; width: 280px; margin: 15px 50px 15px 0; ; font-size: 15px;  }

#slideshow .slide-img { width: 580px; height: 340px; float: left; overflow: hidden }
#slideshow .slide-img img, #slideshow .slide-img embed, #slideshow .slide-img object { width: 580px; height: 340px }

#slideshow .video .play-video { position: absolute; width: 580px; height: 195px; background: #000000; background-color: rgba(0,0,0,.75); color: #ffffff; font-size: 35px; text-align: center; padding-top: 145px; z-index: 300 }
#slideshow .video .video-embed { display: none }

/* !  Slider Navigation */
#slideshow #slide-nav { width: 580px; clear: both; position: absolute; top: 170px; }
#slideshow #slide-nav a { color: #ffffff; display: block; position: absolute; z-index: 10;}
#slideshow #slide-nav .prev { float: left; left: 0; margin-left: -17px;}
#slideshow #slide-nav .next { float: right; right: 0; margin-right: -17px }
#slideshow #slide-nav .hidden { display: none; }

/* !  MAIN NAVIGATION */
#main-nav { float: right; position: absolute; bottom: 0px; right: 0}
#main-nav>li { display: block; float: left; position: relative; z-index: 100; padding-bottom: 20px  }
#main-nav>li>ul { position: absolute; top: 40px; left: 20px; display: none; width: 200px; padding: 20px 0;}
#main-nav>li>ul ul { position: absolute; top: -8px; left: -2px; display: none; width: 200px; padding: 0; margin: 0}
#main-nav li { position: relative}
#main-nav>li>ul li ul { margin: 9px 0 0 201px}
#main-nav>li>ul li a { display: block; float: none}
#wrapper #main-nav>li>ul li a {font-size: 12px; line-height: 16px; display: block; padding: 10px 10px}

#header .menu { float: right; position: absolute; bottom: 0px; right: 0}
#header .menu>li { display: block; float: left; position: relative; z-index: 100; padding-bottom: 20px  }
#header .menu>li>ul { position: absolute; top: 40px; left: 20px; display: none; width: 200px; padding: 0px;}
#header .menu>li>ul ul { position: absolute; top: -8px; left: -2px; display: none; width: 200px; padding: 0; margin: 0}
#header .menu li { position: relative}
#header .menu>li>ul li ul { margin: 9px 0 0 201px}
#header .menu>li>ul li a { display: block; float: none}
#wrapper #header .menu>li>ul li a {font-size: 12px; line-height: 16px; display: block; padding: 10px 10px}

/* !  Blurb Area */
#contact-us { padding: 15px 20px; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid; margin: 10px 0 }
#contact-us .blurb { float: left; padding: 6px 0; margin: 0 }   
#contact-us .short { width: 675px; }    
#contact-us .full { width: 100%; }

/* !  Button */
#contact-us .contact-us { float: right; padding: 10px 20px; background: #1f1f1f; color: #cccccc; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; text-decoration: none; text-align: center}
/* !  subtext */ #contact-us .contact-us em { font-size: 10px;}


/* !  Homepage Widgets */
#homepage-widgets { margin-right: -105px; }
#homepage-widgets .widget { display: block; float: left; width: 280px; padding-right: 30px; margin-right: 30px }
#homepage-widgets div:last-child { border: 0}
.widget-area .last { border: 0}

#content { padding: 25px 0 50px 0; margin-top: 25px; border-top: 1px #cccccc solid; }
#content h2 { margin-bottom: 30px}

/* ! Posts */ 
.post a:hover { text-decoration: underline; }
.post { margin: 0 0 0 40px; overflow: hidden}
.post .date { display: block; float: left; width: 40px; background: #1f1f1f; color: #ffffff; padding: 10px; text-align: center; position: absolute; margin: 25px 0 0 -20px}
.post .date strong { font-size: 200%; display: block}
.post .post-content { border: 1px #cccccc solid; padding: 20px 20px 20px 60px; margin: 0 0 50px; }
.post .info { display: block; margin: 20px 0}
.post .info .author { padding-left: 20px; display: inline-block}
.post .info .comments { margin-left: 30px; padding-left: 20px; display: inline-block }
.post .info .tags { margin-left: 30px; padding-left: 0px; display: inline-block }

.post .wp-post-image { max-width: 95%; height: auto; margin-bottom: 20px}

/* ! Comments */
#comments-area .avatar { float: left; border-width: 2px; margin: 0 15px 10px 0;  }
.commentlist .comment p { clear: both}
#content .commentlist li { border-left-width: 2px; border-left-style: solid; padding:0 0 0 20px; margin: 20px 0 0 0; list-style-type: none; background: none }
#content .commentlist { margin-bottom: 30px}

/* ! Post Gallery */
.post-text .gallery dt, .post-text .gallery dd { padding: 10px 10px 0 0}
#main-content .post-text .gallery img { max-width: 100%; height: auto   }

/* Previous and next */
#blog-nav span { display: block; padding: 11px 20px; text-decoration: none; width: 20%; clear: both}
#blog-nav span a { display: block; float: left }
#blog-nav .prev { float: left }
#blog-nav .next { float: right; text-align: right }

/* ! Pages */
.page #main-content .post-content { padding-left: 60px; padding-right: 30px}


/* ! COLUMNS & SIDEBARS */

#sidebar .widget { border: 1px #cccccc solid; margin: 0 0 20px 0; padding: 20px}

.three-col #main-content { width: 480px; float: left }
.three-col #main-content img { max-width: 370px }
.three-col #sidebar { width: 480px; float: right; margin-right: -20px  }
.three-col #sidebar .sidebar { width: 220px; float: left; margin-right: 20px }

.two-col #main-content { width: 640px; float: left }
.two-col #sidebar { width: 280px; float: right;}

.one-col #sidebar { margin: 100px -30px 0 0;}
.one-col #sidebar .widget { width: 180px; float: left; margin-right: 24px;}
.one-col .post .post-content { width: auto}
.one-col .post-meta { float: right; width: 265px; border: 1px #ccc solid; display: inline; margin-right: 20px }
.one-col .post-meta ul { margin: 20px }
.one-col .post-meta ul li { margin: 0 0 10px 0}
.one-col .post-content-container { float: left }


/* Specific Widgets */
#content .widget form { border: 0; width: auto }
#content .widget form input, #content .widget form textarea { display: block;  float: left}
#content .w2llead label { display: block; clear: both; margin: 0 0 -5px 0; padding: 10px 0 0 0; font-size: 12px; text-transform: uppercase; color: #a1a1a1; font-weight: bold }
#content .w2llead br { display: none}
#content .widget-area .widget .w2llead input, #content .widget-area .widget .w2llead textarea { width: 80%}
#content .widget-area .widget .w2llead textarea { margin-bottom: 20px}
#content .widget-area .widget .w2linput.submit { width: auto; padding: 5px 20px; margin: auto; float: none; display: block; clear: both}
#content .widget-area .widget #requiredfieldsmsg { font-size: 11px; text-align: center; padding: 10px 0}

#content .sociable li { background: 0; padding: 0; margin-right: 5px}

/* Search Widget */ #content .widget_search input { width: 80%; display: block; float: left; border:1px solid black; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 }


/* !  FOOTER
============================================================================================= */

#footer-container { width: 960px; clear: both; margin: 20px auto 0 auto;padding: 20px 0 40px 0; border-top: 1px #cccccc solid }

#footer .info { width: 160px; float: left;}
#footer-widgets { float: right; width: 720px; margin-left: 60px;}
#footer-widgets .widget { float: left; width: 340px; margin-left: 20px; display: inline; margin-bottom: 30px }

#super-footer { clear: both; padding: 19px 0; background: #cccccc; margin: 0 }
.powered-by-salesforce { width: 960px; margin: auto; display: block; text-align: center; font-size: 11px }