/* !  

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}   

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

/* !  Super Header */
#super-header { padding: 10px; 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}
#super-header .menu { padding-bottom: 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; width: 100%}

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

#slideshow .slide-img #header .menu ul
#slideshow .slide-img img, #slideshow .slide-img embed, #slideshow .slide-img object { float: left; 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>ul { float: right; clear: both }
#header .menu>ul>li { display: block; float: right; position: relative; z-index: 100; padding-bottom: 20px  }
#header .menu>ul>li>ul { position: absolute; top: 40px; left: 20px; display: none; width: 200px; padding: 20px 0;}
#header .menu>ul>li>ul ul { position: absolute; top: -8px; left: -2px; display: none; width: 200px; padding: 0; margin: 0}
#header .menu ul li { position: relative}
#header .menu>ul>li>ul li ul { margin: 9px 0 0 201px}
#header .menu>ul>li>ul li a { display: block; float: none}
#wrapper #header .menu ul>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 0px; 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}
.no-dates .post .post-content { padding: 20px 30px;  }
.post .post-content { border: 1px #cccccc solid; padding: 30px 20px 20px 60px; margin: 0 0 50px; }
.post .post-content ul { margin-bottom: 30px;}
.post .post-content ol { margin: 0 0 30px 30px ; list-style: decimal}
.post .post-content ol li { margin-bottom: 15px }
.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 { margin-top: 35px }
#comments-area #comments-title { font-size: 20px }
#comments-area .avatar { float: left; border-width: 2px; margin: 0 15px 10px 0;  }
.commentlist .comment p { clear: both}
.commentlist li { border-left-width: 2px; border-left-style: solid; padding:0 0 0 20px; margin: 20px 0 0 0}
#content .commentlist { margin-bottom: 30px}
#content .commentlist li {  list-style-type: none; background: none }



/* ! 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: 30%; }
#blog-nav span a { display: block; }
#blog-nav .prev { float: left }
#blog-nav .next { float: right; text-align: right }
#blog-nav .next a { float: right }

/* ! Pages */
.page #main-content .post-content { padding-left: 30px; 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 }

/* Alumni */

#content ul.tabNavigation li {
	float: left;
	display: inline;
	font-size: 30px;
	background-image: none;
	font-family: 'Bebas Neue','BebasNeueRegular','Bebas','League Gothic',Helvetica,Arial,Sans-serif;
	padding-right: 20px;
	border-right: 2px solid #dcdcdc;
	padding-bottom: 1px;
}
@-moz-document url-prefix() {
  #content ul.tabNavigation li {
	padding-bottom: 2px;
}}
#content ul.tabNavigation li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#content ul.tabNavigation li a:hover {
	color: #6b6b6b;
}
.tabNavigation {
	width: 640px;
	border-bottom: 2px solid #dcdcdc;
	float: left;
	z-index: 10;
	
}
.tabNavigation li a {
	margin-left: 20px;
	margin-right: 20px;
}
.tabNavigation li a.selected {
	background: url(../images/tab.gif) no-repeat center 42px;
	z-index: 1000;
	position: relative;
	padding-bottom: 21px;
}


#all-alumni, #internship, #studentship{
	float: left;
	margin-top: 20px;
}
.page #main-content #all-alumni .post .post-content, .page #main-content #internship .post .post-content, .page #main-content #studentship .post .post-content {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #f1f1f1;
	width: 610px;
	padding: 20px 0 0px 30px;
	margin-bottom: 0;
	
}
#all-alumni .post .post-content ul, #internship .post .post-content ul #studentship .post .post-content ul {
	margin-bottom: 20px;
}
.tabs .post .post-content ul li span {
	color: #767676;
	font-style: italic;
}
.tabs .post .post-content ul li a {
	border-bottom: 1px solid #537c9f;
}
.tabs .post .post-content ul li a:hover {
	border-bottom: 1px dotted #537c9f;
	text-decoration: none;
}
#content .post-content ul li {
	padding-left: 20px!important;
}
.single-alumni .post-text {
	float: left;
	margin-top: 20px;
}
.single-alumni .post .wp-post-image {
	margin-bottom: 10px;
	float: left;
}
.single-alumni .post h1 {
	margin-top: -14px;
}
.single-alumni .post .post-content ul li { 
	float: left;
	width: 423px;
}
/* !  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 }