/**
 * interior.css
 * Author: Jonathan Kissam, jk@webskillet.com
 * November, 2012
 */

/*
Layout */

body { background-color: #fff; color: #312647; font: 62.5%/1.8em Arial,Helvetica,'Helvetica Neue',sans-serif; background-color: #8384cb; }
a:link, a:visited { color: #5b4c70; text-decoration: underline; }
a:hover, a:active { color: #8384cb; text-decoration: underline; }
#wrapper-outer { width: 90%; margin: 0 auto; min-width: 1000px; background-color: #fff; }
#wrapper { width: 960px; margin: 0 auto; position: relative; }
#header { width: 960px; height: 27px; padding-top: 33px; border-bottom: 1px solid #686078; margin-bottom: 40px; color: #b1afdf; }
#header h1 { float: left; font: 20px Arial,Helvetica,sans-serif; }
#header h2 { float: right; font: 20px Arial,Helvetica,sans-serif; }
/* #header h2 { width: 275px; height: 44px; background: url(../images/bg-h2.png) no-repeat 0 0; text-indent: -999em; margin: 30px 0 40px; } */
#main { float: left; width: 600px; margin: 0 0 40px; position: relative; }
#main h1 { font-size: 2em; font-style: italic; margin: 0 0 1em; }
#main h2 { font-size: 1.8em; margin: 0 0 1em; }
#main h3 { font-size: 1.6em; margin: 0 0 1em; }
#main p { font-size: 1.4em; margin: 0 0 1.5em; }
#main ul { padding: 0 0 0 3em; margin: 0 0 1.5em; }
#main ul li { margin: 0 0 0.5em; padding: 0 0 0 1.5em; background: transparent url(../images/bg-ul-li.png) no-repeat 0 4px; font-size: 1.4em; list-style: none outside none; }
#main ul li ul { padding: 0 0 0 1em; margin: 1em 0; }
#main ul li li { font-size: 1em; background-image: url(../images/bg-ul-li-li.png) }
#menu { width: 300px; margin: 0 0 40px; float: right; text-align: right; }
#menu li { font-size: 2.8em; text-transform: uppercase; font-weight: bold; margin-bottom: 1em; }
#menu li ul { margin-top: 5px; }
#menu li li { font-size: 0.5em; line-height: 1em; text-transform: none; font-weight: normal; margin-bottom: 0.5em; }
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { text-decoration: none; }
#menu #social { text-align: right; }
#menu #social li { display: inline-block; margin-left: 7px; *display: inline; zoom: 1; }
#menu #social li, #menu #social li a { width: 40px; height: 40px; }
#menu #social li a { display: block; outline: 0; text-indent: -999em; text-align: left; border-radius: 4px; }
/* #menu #social li a:hover { position: relative; top: -2px; } */
#menu #social #facebook a { background-image: url(../images/icon-facebook.png); }
#menu #social #twitter a { background-image: url(../images/icon-twitter.png); }
#menu #social #email a { background-image: url(../images/icon-email-interior.png); }
#footer { clear: both; text-align: center; border-top: 1px solid #686078; margin-top: 20px; padding: 20px 0 5px; }
#footer ul { list-style: none outside none; margin-bottom: 20px; }
#footer li { font-size: 1.5em; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { text-decoration: none; }

/*
Page summaries */
#main ul.page-summary { border: 1px solid #b1afdf; padding: 20px 30px 4px; margin-bottom: 30px;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	box-shadow: 2px 2px 2px #8384cb; -moz-box-shadow: 2px 2px 2px #8384cb; -webkit-box-shadow: 2px 2px 2px #8384cb; }
#main ul.page-summary li { font-size: 1.6em; margin-bottom: 1.5em; }

/*
CTAs */
#main p.cta { border: 1px solid #b1afdf; padding: 20px 30px; margin-bottom: 30px; text-align: center;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	box-shadow: 2px 2px 2px #8384cb; -moz-box-shadow: 2px 2px 2px #8384cb; -webkit-box-shadow: 2px 2px 2px #8384cb; }

/*
Multiple columns */

.two-cols { overflow: hidden; margin: 30px 0; }
.two-cols .col-one { float: left; width: 45%; padding-right: 5%; border-right: 1px solid #b1afdf; }
.two-cols .col-two { float: left; width: 44%; padding-left: 5%; margin-left: -1px; border-left: 1px solid #b1afdf; }

/*
Tweet lists */
#main ul.tweet-list { padding: 0; }
#main ul.tweet-list li { font-size: 1.2em; line-height: 1.1em; background-position: 0 2px; }
#main ul.tweet-list li a:link, #main ul.tweet-list li a:visited,
#main ul.tweet-list li a:hover, #main ul.tweet-list li a:active { text-decoration: none; }

/*
Recommendations page */
#page-recommendations #main ul li { margin-bottom: 1.5em; }

/*
Signup forms */

input[type="text"], input[type="email"] {
	border: 1px solid #b1afdf;
	width: 300px;
	font-size: 16px;
	color: #312647;
	padding: 4px;
	margin: 0;
}
input[type="text"]:focus, input[type="email"]:focus {
	outline: 0;
	border-color: #8384cb;
	box-shadow: 0 1px 2px #b1afdf inset;
	-moz-box-shadow: 0 1px 2px #b1afdf inset;
	-webkit-box-shadow: 0 1px 2px #b1afdf inset;
}

input[type="submit"] {
	font-size: 16px;
	color: #312647;
	border: 1px solid #b1afdf;
	padding: 4px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	background: #ddccee; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddccee', endColorstr='#eeddff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ddccee), to(#eeddff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ddccee,  #eeddff); /* for firefox 3.6+ */ 
}
input[type="submit"]:hover, input[type="submit"]:focus {
	background: #eeddff; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeddff', endColorstr='#ddccee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeddff), to(#ddccee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeddff,  #ddccee); /* for firefox 3.6+ */
	outline: 0;
}

#salsa-signup { margin-bottom: 30px; }
#salsa-signup .formRow { margin-bottom: 15px; }
#salsa-signup .formRow input { margin: -5px 0 0; }
#salsa-signup label { font-size: 1.6em; display: inline-block; width: 180px; text-align: right; margin-right: 17px; padding-top: 2px; }
#salsa-signup span.required, #salsa-signup input.error, #salsa-signup label.error { color: #c00; }
#salsa-signup input.error { border-color: #c00; }
#salsa-signup label.error { display: block; font-size: 1.4em; width: auto; text-align: left; margin-left: 200px; }
#salsa-signup .submitRow { margin-left: 200px; }

/*
jQuery ui tabs for figures & tables */
.ui-tabs-nav .ui-state-active a:link, .ui-tabs-nav .ui-state-active a:link, 
.ui-tabs-nav .ui-state-active a:link, .ui-tabs-nav .ui-state-active a:link { color: #312647; text-decoration: none; cursor: default; }
.ui-tabs .ui-tabs-hide { display: none; }

/*
Tables */

#tables { padding-top: 30px; }
#tables .ui-tabs-panel { padding-top: 20px; }
#tables table { margin-bottom: 10px; }
#tables p { font-size: 1.3em; }
#tables p.source { text-align: right; font-style: italic; }
#tables th, #tables td { font-size: 1.3em; text-align: center; padding: 4px 10px; font-weight: normal; }
#tables thead th, #tables thead td { padding-bottom: 10px; border-bottom: 2px solid #8384cb; }
#tables tbody th { text-align: left; }
#tables .under-border th, #tables .under-border td { padding-top: 10px; }
#tables .border-bottom th, #tables th.border-bottom, #tables .border-bottom td { padding-bottom: 10px; border-bottom: 1px solid #8384cb; }
#tables th.indent { padding-left: 30px; }
#tables th.border-right, #tables td.border-right { border-right: 1px solid #8384cb; }