/*
Theme Name: BU Writing Program 
Theme URI: http://www.bu.edu/wordpress
Description: Custom theme for the Writing Program.
Version: 1.0
Author:  Office of New Media
Author URI: http://www.bu.edu/newmedia/
Template: bu-cas-dept
*/

/*/////////////////// RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: none;
}
/*/////////////////// BASICS */

body {
	background-color: #c9c9c9;
	font: .625em Arial, Verdana, Helvetica, sans-serif;
	line-height: 1;
	color: #333333;
	height: 100%;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}
.wrapper {
	width: 864px;
	margin: 0 auto;
	position: relative;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.homeCol {
	width: 288px;
	float: left;
}
/*/////////////////// OVAL BUTTONS */

a.ovalbutton {
	background: transparent url(images/bg-oval-button-left.gif) no-repeat top left;
	display: block;
	float: left;
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 15px; /* This value + top and bottom padding of SPAN must equal height of button background */
	height: 19px; /* Height of button background */
	padding-left: 9px; /* Width of left menu image */
	border-bottom: none;
	zoom: 1;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
	color: #2181b7;
	border-bottom: none;
}
a.ovalbutton span {
	background: transparent url(images/bg-oval-button-right.gif) no-repeat top right;
	display: block;
	padding: 2px 11px 2px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color: #434342;
	border-bottom: none;
}
a.ovalbutton:hover {
	color: #2181b7;
	cursor: pointer;
	border: none;
}
a.ovalbutton:hover span {
	color: #2181b7;
	cursor: pointer;
	border: none;
}
a.ovalbutton:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
}
/*______________________________________________________________________________HEADER*/

#header {
	padding: 0;
	text-align: left;
	height: 90px;
	background: #fff;
	width: 863px;
	margin-left: auto;
	margin-right: auto;
}
#header:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
}
#header h1 a {
	float: left;
	text-align: left;
	background: transparent;
	color: #000;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 26px 0 0;
	font-size: .1em;
	background-repeat: no-repeat;
	background-image: url(images/logo.gif);
	height: 35px;
	display: block;
	width: 361px;
}
.edit-link {
	z-index: 1;
	display: block;
	position: absolute;
	background-color: #E5E5E5;
	font-size: 1.2em;
	padding: 15px;
	font-weight: bold;
}
.edit-link a:visited {
	color: #0099FF;
}
#quicksearch {
	float: right;
	margin: 5px 0 0 0;
	float: right;
	display: inline;
	clear: right;
}
#quicksearch fieldset {
	display: inline;
	border-style: none;
}
#quicksearch input {
	padding: 1px 0;
	font-size: 1.1em !important;
	color: #b8bcbe;
	border: 1px solid #e8eaf0;
}
#quicksearch input:focus {
	color: #565860;
}
#quicksearch input#query {
	width: 154px;
	height: 16px;
	background: #fff url(images/bg-input.gif) repeat-x top;
	padding: 2px 0 0 5px;
	margin: 0px 0 0 0;
	float: left;
}
#q {
	height: 16px;
	background: #fff url(images/bg-input.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 0 0 5px;
	margin: 0px;
	float: left;
}
#q .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em !important;
}
#quicksearch a {
	width: 19px;
	height: 20px;
	float: right;
	background: transparent url(images/bg-search-button.gif) no-repeat top;
	color: #000; /* rule and filter below for for IE5 */
	text-indent/**/: -9999px;
	overflow: hidden;
	display: inline-block;
	margin: 8px 0 0 0;
}
#quicksearch input.button {
	width: 19px;
	height: 20px;
	background: transparent url(images/bg-search-button.gif) no-repeat top;
	color: #000; /* rule and filter below for for IE5 */
	text-indent/**/: -9999px;
	overflow: hidden;
	display: inline-block;
}
#quicksearch label {
	font-size: 90%;
	color: #000;
	padding: 0 0 0 3px !important;
	padding: 0 0 0 0;
	margin-right: 6px;
	cursor: pointer;
}
#header ul {
	float: right;
	clear: right;
	display: block;
}
#header li {
	display: block;
	text-decoration:none;
	float: left;
	zoom: 1;
	padding-top: 26px;
	margin-bottom: 10px;
}
#header li a {
	color: #717171;
	padding-right:10px;
	padding-left: 10px;
	padding-top: 7px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	border-left: 1px solid #d2d2d2;
}
#header li a:hover {
	color: #4F97B8;
}
#header li a.locked {
	background-image: url(images/lock.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right:0px;
	height: 30px;
	background-position: 15%;
}
#header li:first-child a {
	border-left: none;
}
/*______________________________________________________________________________MAIN NAV*/

#navigation {
	text-align: left;
	width: 863px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 55px;
	overflow: hidden;
	background-color: #FFFFFF;
}
#nav {
	margin-left: -14px;
}
#nav li {
	padding-top:8px;
	display: inline;
	text-decoration:none;
	float: left;
	border-left: 1px solid #777777;
	height:24px;
	zoom: 1;
}
#nav li a {
	display: block;
	float: left;
	zoom: 1;
	color: #717171;
	padding-right:15px;
	padding-left: 15px;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
}
#nav li a:hover {
	color: #4F97B8;
}
#nav .current_page_item a, #nav .current_page_ancestor a {
	color: #000;
}
/*______________________________________________________________________________CONTENT*/
#content {
	background-color: #FFFFFF;
}
#content .wrapper {
	width: 863px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #434342;
	border-style: double;
	border-bottom-width: 4px;
	background-image: url(images/bg_navbar.gif);
	background-repeat: repeat-x;
	padding-top: 55px;
	background-color: #FFFFFF;
}
/*______________________________________________________________________________LEFT*/

#content #leftCol {
	width: 576px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
}
#content #leftCol H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.6em;
	color: #150303;
	font-weight: normal;
	padding-right: 20px;
	padding-bottom: 10px;
}
#content #leftCol H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #150303;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content #leftCol H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #150303;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 5px;
	padding-top: 10px;
}
#content #leftCol H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e4a56;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 5px;
	padding-top: 10px;
}
#content #leftCol H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	padding-top: 10px;
}
#content #leftCol H6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}
#content #leftCol P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
	padding-bottom: 10px;
}

#content #leftCol a {
	color: #157db2;
	text-decoration: none;
}
#content #leftCol .arrow {
	color: #157db2;
	text-decoration: none;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 3px;
	padding-top: 3px;
}
#content #leftCol .pdf {
	color: #157db2;
	text-decoration: none;
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
}
#content #leftCol ul {
	list-style-type: disc;
	padding-left: 50px;
	padding-bottom: 10px;
	font-size:1.2em;
	line-height: 1.5em;
}
#content #leftCol img.alignleft {
	margin-right: 20px;
	margin-bottom: 5px;
	float:left;
}
#content #leftCol img.alignright {
	margin-left: 20px;
	margin-bottom: 5px;
	float:right;
}
#content #leftCol TABLE {
	width: 540px;
	margin-left: 18px;
}
#content #leftCol TD {
	padding: 5px;
}
#content #leftCol .rule {
	border-bottom: 1px solid;
	border-color: #000000;
	margin-bottom: 10px;
}
#content #leftCol .ruleDotted {
	border-bottom: 1px;
	border-color: #000000;
	border-bottom-style: dotted;
	margin-bottom: 10px;
}
.stripe {
	background-color: #EFEAD6;
}
#content #leftCol .citation {
	text-indent: -3em; 
	margin-left: 3em;
}
/*______________________________________________________________________________RIGHT*/

#content #rightCol {
	margin: 12px 0 12px 0;
	float: right;
	width: 264px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
/*______________________________________________________________________________SUB NAV*/

#contentnav {
	border: 1px solid #c7c7c7;
	overflow: hidden;
	margin-bottom: 100px;
}
#contentnav H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #ffcc00;
	font-weight: normal;
	list-style-type: none;
	background-image: url(images/alsoIn.gif);
	margin-top: 0px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 70px;
	display: block;
	background-color: #157db2;
	height: 34px;
	padding-top: 15px;
}
#contentnav H2 a {
	text-decoration: none;
	color: #FFCC00;
}
#contentnavlist li {
	list-style: none;
	background-image: url(images/bg_button.gif);
	background-repeat: repeat-x;
}
ul#contentnavlist li a {
	display: block;
	font-size: 1.6em;
	line-height: 1.4em;
	background: transparent url(images/arrow.png) no-repeat 8px 10px;
	color: #191919;
	border-bottom: none;
	padding: 9px 10px 10px 35px;
	margin: 0;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
ul#contentnavlist ul {
	border-top: 1px solid #c7c7c7;
	margin: 0px;
}
ul#contentnavlist ul li {
	background-image: none;
	background-color: #f5f5f4;
}
ul#contentnavlist ul li a {
	color: #5a5959;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 8px 8px 8px 38px;
	margin: 0;
	background-image: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
ul#contentnav li a:hover, ul#contentnavlist ul .active {
	color: #157db2;
}
ul#contentnavlist .active {
	color: #157db2;
}
ul#contentnavlist ul ul {
	border-top: none;
}
ul#contentnavlist ul ul li a {
	width: 220px;
	border: none;
	font-size: 1.2em;
	text-transform: none;
	padding: 8px;
	background-image: none;
	text-decoration: none;
	padding-left: 68px;
}
ul#contentnavlist ul li {
	border-bottom: 1px solid #c7c7c7;
}
ul#contentnavlist ul ul li {
	border-bottom: none;
}
/*______________________________________________________________________________HOMEPAGE FEATURE*/

#feature {
	padding: 0px;
	background-color: #ffffff;
}
#feature .wrapper {
	width: 881px;
}
/*______________________________________________________________________________SPOTLIGHT*/

#spotlight {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-top: 20px;
	background-image: url(images/bg_spotlight.jpg);
	background-repeat: repeat-x;
	background-color: #e2e2e2;
}
#features {
	width:863px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#features DIV.widget_text {
	margin-right:1px;
	width: 265px;
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	display: inline;
	background: transparent;
	overflow: hidden;
	border-left: 1px solid #939391;
}
#features DIV:first-child {
	border-left: none;
	margin-left: -13px;
}
#features A .ovalbutton {
	font-size: 0.85em;
}
#features H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #2ca0db;
	text-transform: none;
	font-weight: normal;
	padding-bottom: 10px;
}
#features P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
	padding-bottom: 10px;
}

	/* Gravity Forms */
	
	.gform_wrapper .gfield_required{ color:#cc0000;}
	
	.gform_wrapper .gfield_error{ background-color:#FFDFDF!important; border:1px dotted #C89797;}
	
	.gform_wrapper .gfield_error .gfield_label{ color:#cc0000}
	.gform_wrapper .validation_error{ color:#cc0000; font-family:Helvetica,sans-serif;}
	.gform_wrapper .validation_message{ color:#cc0000!important; font-family:verdana,sans-serif;}
	#gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; color:#252525;}
	
	.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { font-family:"lucida sans", "lucida grande", lucida ,sans-serif;  background:#F1F1F0;  border:4px solid #ccc !important; }
	
	.ui-datepicker-next, .ui-datepicker-prev{background:#eee}
	.ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada}
	
	.ui-datepicker-next a, .ui-datepicker-prev a{ border:1px solid #d3d3d3;}
	.ui-datepicker-header select{ border:1px solid #d3d3d3;  color:#555;  background:#e6e6e6;}
	.ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada}
	
	table.ui-datepicker td a{ color:#555; background:#e6e6e6;  border:1px solid #fff; }
	table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; }
	table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff;  }
	table.ui-datepicker .ui-datepicker-title-row td{  color:#222 !important; }
	table.ui-datepicker .ui-datepicker-title-row td a{ color:#222 !important; }
	
	.gform_wrapper input, 
	.gform_wrapper textarea,
	.gform_wrapper select {
		background:none repeat scroll 0 0 #FAFAFA;
		border:1px solid #CCCCCC;
		color:#35322D;
		font:inherit;
	}
	
	.gform_wrapper input:active,
	.gform_wrapper input:focus,
	.gform_wrapper textarea:active,
	.gform_wrapper textarea:focus,
	.gform_wrapper select:active,
	.gform_wrapper select:focus {
		border:1px solid #999;
		background:#fff;
		color:#35322D;
		font:inherit;
	
	}
	
	#content #leftCol .gform_wrapper  ul{
		padding-left:0;
	}
	
	.gform_wrapper .gform_heading {
	    border-top: 1px dotted #ccc;
	    margin-bottom: 10px;
	    padding-top: 10px;
	    width:98%;
	}
	
#content #leftCol .gfield_description p, #content #leftCol .gsection_description p {
color:#939B9F;
}

#leftCol .gform_wrapper ul.gfield_checkbox, #leftCol .gform_wrapper ul.gfield_radio {margin: 0 0 0 32%;}
#leftCol .gform_wrapper ul.gfield_checkbox li, #leftCol .gform_wrapper ul.gfield_radio li {padding-top:2px !important;}
#content .gform_wrapper p {margin:0; padding: 0;}
#content #leftCol .gform_wrapper h2.gsection_title { padding-bottom: 10px !important;}
#leftCol .gform_wrapper h3.gform_title {padding-bottom: 10px !important;}
#leftCol .gform_wrapper .gfield_checkbox li label, #leftCol  .gform_wrapper .gfield_radio li label {font-size: .8em;}
#content .gform_wrapper .gfield_checkbox li input[type="checkbox"], #content .gform_wrapper .gfield_radio li input[type="radio"], #content .gform_wrapper .gfield_checkbox li input { border:0; background:none;}
 

/*______________________________________________________________________________FOOTER*/

#footer {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/bg_footer.jpg);
	background-color: #c9c9c9;
	background-repeat: repeat-x;
}
#footer .wrapper {
	padding: 16px 0;
}
#footer P {
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5a5a62;
}
#footer LI {
	margin: 0;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5a5a62;
	padding: 0 4px 0 7px;
}
#footer li:first-child {
	background: none;
	padding: 0 4px 0 0;
}
#footer li a {
	color: #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
}
#footer li a:hover {
	color: #999;
	border-bottom: 1px solid #999;
}
#footer ul {
	float: left;
	list-style-type: none;
	height: 16px;
	margin: 0 0 16px 0;
	padding: 0;
	padding-top:10px;
}
#footer a {
	color: #999;
	border-bottom: 1px solid #999;
}
#footer a:link {
	color: #5a5a62;
}
#footer a:hover {
	color: #999;
	border-bottom: 1px solid #999;
}