/*
Theme Name: Conference
Theme URI: http://themeforest.net/user/pau1winslow/
Description: A clean, modern, attractive and professional business theme by Paul Winslow.
Author: Paul Winslow
Author: http://themeforest.net/user/pau1winslow/
Version: 1.2
*/

@import url('css/reset.css');
@import url('css/grid-958.css');
@import url('css/typography.css');

/*----------------------
	FOUNDATION STYLES
-----------------------*/     

html {
	margin: 0;
	padding: 0 0 0 0;
}                       

body {
	text-align: center;
	background: #cfcfcf;
	padding: 40px 0;
	background: #cfcfcf url(images/bodybg-teal.jpg) 0 0 repeat-x;
}

.child-container {
	width: 958px;
	margin: 0 auto;
	text-align: left;
}

#container {
	width: 958px;
	margin: 0 auto;
	padding: 10px 25px 5px 25px;
	text-align: left;
	background: #fff;
}

/* ---- Lists ---- */

ul li {
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

ol li {
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
	list-style: inside decimal;
}

/* ---- Pages ---- */

.page-thumbnail {
	width: 966px;
	height: 188px;
	overflow: hidden;
	position: relative;
	
}

.page-thumbnail h1 {
	position: absolute;
	top: 90px;
	left: 4px;
	background: url(images/slidebg-teal.png) 0 0 repeat;
	color: #fff;
	line-height: 24px;
	padding: 20px;
	text-shadow: 0px 1px 2px #000;
}

.page-thumbnail img {
	border: 4px solid #d4d4d4;
}

.page-heading {
	padding: 20px;
	background: #01313b;
}

.page-heading h1 {
	color: #fff;
}

.subpage #primary-content {
	margin: 30px 0;
}

#secondary-content {
	margin: 30px 0;
}

/* Clearing floats */
.clearfix, #container:after, #header:after, 
#header-inner:after, .top-menu ul:after, #nav:after,
#primary-content:after, #secondary-content:after,
#footer:after, #credits-container:after, .post:after, 
#comments .the-comment:after, #comments .post-author-comment:after {
	display: block;
	content: " ";
	height: 0;
	visibility: hidden;
	clear: both;
}

.divider {
	height: 9px;
	background: url(images/divider.jpg) 0 0 repeat-x;
}

/*----------------------
	HEADER
-----------------------*/

#header {
	margin: 0 0 10px 0;
}

/* hook for padding */
#header-inner {
	padding: 1px 0 1px;
}

/* ---- Custom Top Menu ---- */

#custom-menu {
	width: 1008px;
	margin: 0 auto;
	text-align: left;
}

.top-menu ul {
	background: #eaeaea;
	padding: 0 25px;
}

.top-menu ul li {
	float: left;
	padding: 10px 0;
	border: 0;
}

.top-menu ul li a:link,
.top-menu ul li a:visited {
	color: #424242;
	font-size: 10px;
	border-right: 1px solid #bebebe;
	margin-right: 7px;
	padding-right: 7px;
}

.top-menu ul li a:hover {
	color: #181818;
}

/* ---- Main Navigation ---- */

#nav {
	background: #f8f8f8 url(images/navbg.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	position: relative;
	padding: 0;
	border: 0;
}

#nav li a:link, #nav li a:visited {
	display: block;
	padding: 0 25px;
	line-height: 55px;
	background: url(images/nav-div.png) bottom right no-repeat;
	color: #f5f5f5;
	text-shadow: 0px 1px 1px #000;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#nav li a:hover, #nav .current_menu_item a {
	background: url(images/nav-hover.png) 0 0 repeat, url(images/nav-div.png) bottom right no-repeat;
}

#nav li ul.sub-menu {
	position: absolute;
	top: -999em;
	background: #f8f8f8 url(images/subnav-bg.jpg) top left repeat-x;
	margin: 25px 0 0 -2px;
	padding: 10px 0 0 0;
}

#nav li ul.sub-menu a:link, #nav li ul.sub-menu a:visited {
	border-right: 0;
}

#nav li ul.sub-menu a:hover {
	background: url(images/nav-hover.png) 0 0 repeat;
}

#nav ul.sub-menu li {
	margin: 0;
}

#nav ul.sub-menu li a {
	padding: 10px;
	min-width: 150px;
	line-height: 20px;
	background-image: url(images/subnav-div.png) bottom center no-repeat;
}

#nav ul.sub-menu li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

#nav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#nav li:hover ul,
#nav li.sfHover ul {
	left: 0;
	top: 2.5em;
	z-index: 99;
}

#nav li:hover li ul,
#nav li.sfHover li ul {
	top: -999em;
}

#nav li li:hover ul,
#nav li li.sfHover ul {
	left: 10em;
	top: 0;
}

#nav li li:hover li ul,
#nav li li.sfHover li ul {
	top: -999em;
}

#nav li li li:hover ul,
#nav li li li.sfHover ul {
	left: 10em;
	top: 0;
}

/* ---- Logo & Search ---- */

#logo {
	float: left;
	margin: 0;
}

#logo a {
	color: #444;
	text-decoration: none;
}

#header-search {
	float: right;
}

/*----------------------
	HOMEPAGE
-----------------------*/

/* ---- Slider ---- */

#slider-container {
	width: 952px;
	height: 300px;
	overflow: hidden;
	border: 3px solid #cecece;
}

.slide {
	position: relative;
}

.slide-caption {
	position: absolute;
	top: 120px;
	left: 0;
	background: url(images/slidebg-teal.png) 0 0 repeat;
	font-family: 'MyriadProCondensed', Helvetica, Arial, Verdana, sans-serif;
}

.slide-caption p {
	max-width: 330px;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	padding: 20px;
	text-shadow: 0px 1px 2px #000;
}

/* ---- Pitch ---- */

#pitch {
	margin: 30px 0;
}

#pitch h2 {
	padding: 25px 0;
	margin: 0;
}

/*----------------------
	WIDGETS
-----------------------*/

.sidebar-widget {
	margin: 0 0 30px 0;
}

.sidebar-widget:last-child {
	margin: 0;
}

.sidebar-widget ul li {
	padding: 0;
	border: 0;
}

.sidebar-widget ul li a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

.sidebar-widget ul li a:hover {
	background: #f1f1f1;
}

.footer-widget {
	margin: 0 0 30px 0;
}

.footer-widget:last-child {
	margin: 0;
}

.footer-widget ul li {
	padding: 0;
	border: 0;
}

.footer-widget ul li a {
   color: #787878;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #2b2b2b;
}

.footer-widget ul li a:hover {
   color: #a09f9f;
	background: #0c0c0c;
}

/*----------------------
	SHORTCODE STYLES
-----------------------*/

/* ---- Toggle Content ---- */

.toggle-container h5 {
	padding: 10px;
	background: #eee;
}

.toggle p {
	padding: 0 0 20px 0;
}

.toggle-container a.toggleLink {
	padding: 0 0 0 10px;
	font-size: 16px;
}

/* ---- Buttons ---- */

.button:link, .button:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 8px 16px;
	background: #035060;
	color: #fff;
}

.button:hover {
	text-decoration: none;
	background: #01313b;
}

/* ---- Alert Boxes ---- */

.download-box {
	padding: 20px 20px 20px 60px;
	background: #cacaca url(images/icons/download.png) 20px 17px no-repeat;
	border: 2px solid #828281;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 20px 0;
}

.download-box a:link,
.download-box a:visited {
	color: #000;
	text-decoration: underline;
}

.download-box a:hover{
	text-decoration: none;
}

.info-box {
	padding: 20px 20px 20px 60px;
	background: #c5e0ef url(images/icons/info.png) 26px 15px no-repeat;
	border: 2px solid #78a9cc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 20px 0;
}

.error-box {
	padding: 20px 20px 20px 60px;
	background: #efc5c5 url(images/icons/error.png) 20px 17px no-repeat;
	border: 2px solid #cc7878;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 20px 0;
}

.success-box {
	padding: 20px 20px 20px 60px;
	background: #dcefc5 url(images/icons/success.png) 20px 17px no-repeat;
	border: 2px solid #abcc78;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 20px 0;
}

/* ---- Lists ---- */

ul.check-list li {
	padding-left: 25px;
	background: url(images/icons/check.png) 0 13px no-repeat;
}

ul.arrow-list li {
	padding-left: 25px;
	background: url(images/icons/arrow.png) 0 13px no-repeat;
}

ul.link-list li {
	padding-left: 25px;
	background: url(images/icons/link.png) 0 13px no-repeat;
}

/* ---- Quotes ---- */

blockquote {
	margin: 0 0 30px 0;
	font-style: italic;
	padding: 10px 0 0 50px;
	background: url(images/icons/quote.png) 10px 15px no-repeat;
	font-family: Georgia, Times, "Times New Roman", serif;
}

blockquote p {
	font-size: 18px;
	line-height: 26px;
}

/*----------------------
	BLOG
-----------------------*/

.post {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #e0e0e0;
}

.post:last-child {
	margin: 0;
	border: 0;
	padding: 0;
}

.post h3 {
	margin: 0 0 15px 0;
}

.post .thumbnail {
	float: left;
}

.post .float-post-content {
	width: 456px;
	float: right;
}

.post-metadata {
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background: #f1f1f1;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	color: #3c3c3c;
}

.post-metadata span {
	min-height: 16px;
	padding: 3px 5px 3px 23px;
}

.post-metadata span.post-date {
	background: url(images/icons/clock_16x16.png) center left no-repeat;
}

.post-metadata span.post-cat {
	background: url(images/icons/tag_16x16.png) center left no-repeat;
}

.post-metadata span.post-comments-number {
	background: url(images/icons/chat_16x16.png) center left no-repeat;
}

.thumbnail-single img {
	margin: 10px 0 20px 0;
}

.thumbnail img, .thumbnail-single img {
	border: 4px solid #d4d4d4;
}

.thumbnail img:hover {
	cursor: pointer;
	border: 4px solid #b8b8b8;
}

/* ---- Comments ---- */

#comments {
	margin: 0 0 40px 0;
}

#comments li {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

.the-comment, .post-author-comment {
	border: 1px solid #cbcbcb;
	padding: 15px;
	background: #f5f5f5;
}

.comment-author-data {
	float: left;
}

.the-comment-text {
	width: 480px;
	float: right;
	margin: 10px 0 0 0;
}

.avatar {
	background: #fff;
	border: 1px solid #b3b3b3;
	padding: 3px;
}

.comment-date {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 3px 0 0 0;
}

/*----------------------
	PORTFOLIO
-----------------------*/

.folio-container h3 {
	margin: 0 0 10px 0;
}

.folio-container .thumbnail {
	position: relative;
	height: 178px;
	margin: 0 0 20px 0;
}

.folio-container-4col .thumbnail {
	position: relative;
	margin: 0 0 20px 0;
}

.folio-container .grid-4:nth-child(3n) {
	margin-right: 0;
}

.folio-container-4col .grid-3:nth-child(4n) {
	margin-right: 0;
}

.grid-last {
	margin-right: 0;
}

/*----------------------
	FORMS
-----------------------*/

input, textarea {
	border: 1px solid #d3d3d3;
	background: #f1f1f1;
	padding: 7px;
	font-size: 11px;
}

input.txt {
	width: 160px;
}

input:focus, textarea:focus {
	border: 1px solid #aeaeae;
	background: #f9f9f9;
}

input.button, .post-navigation a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 6px 10px;
	background: #035060;
	color: #fff;
	border: 0;
}

input.button:hover, .post-navigaton a:hover {
	cursor: pointer;
	background: #01313b;
}

input.button:active, .post-navigation a:active {
	position: relative;
	top: 2px;
}

input#searchbutton {
   display: inline-block;
   height: 29px;
   width: 29px;
   text-indent: -9999px;
   background: url(images/searchbutton-teal.jpg) 0 0 no-repeat;
   border: 0;
}

input#searchbutton:hover {
   cursor: pointer;
}

/* ---- Contact / Comments ---- */

.button {
	display: inline-block;
}

#contactform p label, #commentform p label {
	display: inline-block;
	margin: 0 0 5px 0;
}

#contactform p.contact-message label {
	display: block;
}

p.contact-name, p.comment-name,
p.contact-email, p.comment-email {
	float: left;
	margin: 0 30px 0 0;
}

p.contact-name input, p.comment-name input,
p.contact-email input, p.comment-email input,
p.contact-website input, p.comment-website input {
	display: block;
	padding: 8px;
	width: 169px;
}

p.contact-message, p.comment-text {
	clear: both;
}

textarea#message, textarea#comment {
	width: 603px;
	min-height: 100px;
	padding: 8px;
}

.error {
	color: #ff0000;
	font-size: 11px;
}

.message-sent {
	padding: 20px;
	margin: 40px 0;
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
}

.message-sent span {
	font-weight: bold;
}

/*----------------------
	FOOTER
-----------------------*/

#footer {
   width: 958px;
   margin: 0 auto;
   text-align: left;
   padding: 25px 25px 0;
   background: #151515;
}

.footer-widget h4 {
   color: #dfdfdf;
}

#credits-container {
   width: 958px;
   margin: 0 auto;
   text-align: left;
	background: #0d0d0d;
	padding: 20px 25px;
	color: #4a4a4a;
}

#credits {
	float: left;
	margin: 0;
}

#credits a {
   color: #626262;
}

#social {
	float: right;
}

#social a, #social li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	padding: 0;
	border: 0;
}

#social a:last-child, #social li:last-child {
	margin: 0;
}

#social a.twitter {
	background: url(images/icons/twitter.png) 0 0 no-repeat;
}

#social a.facebook {
	background: url(images/icons/facebook.png) 0 0 no-repeat;
}

#social a.linkedin {
	background: url(images/icons/linkedin.png) 0 0 no-repeat;
}

#social a.youtube {
	background: url(images/icons/youtube.png) 0 0 no-repeat;
}

#social a.vimeo {
	background: url(images/icons/vimeo.png) 0 0 no-repeat;
}

#social a.myspace {
	background: url(images/icons/myspace.png) 0 0 no-repeat;
}

#social a.flickr {
	background: url(images/icons/flickr.png) 0 0 no-repeat;
}

#social a.digg {
	background: url(images/icons/digg.png) 0 0 no-repeat;
}

#social a.delicious {
	background: url(images/icons/delicious.png) 0 0 no-repeat;
}