@media screen {
/*
Theme Name: Flexi CAS Department
Author: Andy Rader
Author URI:http://www.bu.edu/id/
Author: Richard Laskey
*/

/*------[ global ]------*/

body {color:rgb(183,183,183); background-color:rgb(83,83,83);
	font-family:'Tahoma','Ubuntu',sans-serif; font-size:10pt;}
fieldset {margin:0 0 1.2em; padding:1em; border:1px solid rgb(232,232,232);
	background:rgb(242,242,242);}
legend {padding:2px; float:right;}
ul {list-style-type:none; text-indent:-1em; margin-left:2em; margin-top:0;
	padding:0;}
ul p {text-indent:0;}
img {border:none;}

#wrapper {padding:0;}
#nav {text-indent:0; margin:0;}

#header {margin:20px 0;}
#content {width:100%; padding:0; background-color:white; color:rgb(22,22,22);
	clear:both; box-shadow:0 0 20px rgba(0,0,0,0.2);}
#left-column,#right-column {padding:10px; margin:0;}
#masthead {margin:0 0 20px;float:left;}
#masthead h2 {margin:0;display:inline;}
#masthead h2 a {text-decoration:none; color:white;}
#masthead img {position:relative; top:-3px; margin-right:2px;
	vertical-align:middle;}
#header ul {float:right; margin:-10px 0 1ex 0;}

#quicksearch {float:right; clear:right;}
#quicksearch fieldset,#quicksearch p {border:none; margin:0; padding:0;
	background:transparent;}

#wide-banner {width:100%; height:400px; overflow:hidden;
	background:rgb(143,143,143) no-repeat center; margin-bottom:10px;}
#wide-banner a {color:#c3c3c3;}
#wide-banner a:hover {text-decoration:none;}
#wide-banner-text {padding:7px; background:rgba(42,42,42,0.83);
	color:rgb(242,242,242); font-size:1.1em; z-index:64; position:relative;}

.widget {font-size:0.9em; border-top:3px solid rgb(102,102,102);
	margin-bottom:18px;}
.widget h2 {font-size:1.2em; margin-bottom:9px; text-transform:uppercase;}

/*------[ base typography ]------*/

a {color:#1078B2;text-decoration:none;}
a:hover {text-decoration:underline;}
a.important {color:rgb(255,0,0);}
h3, h5 {color:#222;}
h1 {font-size:3em;line-height:1.15em;margin:0 0 .5em 0;font-weight:normal;}
h2 {font-size:2.2em;line-height:1.2em;margin:.7em 0 0 0;font-weight:normal;}
h3 {font-size:1.6em;line-height:1.3em;margin:0 0 1em 0;font-weight:normal;}
h4 {font-size:1.2em;line-height:1.5em;margin:1.4em 0 0 0;font-weight:bold;}
h5 {font-size:1.1em;line-height:1.5em;margin:0;font-weight:bold;text-transform:uppercase;}
h6 {font-size:1.1em;line-height:1.5em;font-weight:normal;margin:0;color:#939b9f;}
p, address, blockquote, dl, hr, ol, p, table, .main ul, .widget ul, .callout_left, .pullquote_left, .callout_right, .pullquote_right {margin-bottom:1.4em;}
abbr, acronym {text-transform:uppercase;}
a abbr, a acronym {border:none;}
abbr[title], acronym[title], dfn[title] {cursor:help;}
big {font-size:1.4em;}
blockquote {font-style:italic;}
blockquote, .callout_left, .pullquote_left, .callout_right, .pullquote_right {padding:0 0 0 12px;border-left:12px solid #e6eaea;}
blockquote p, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 {font-size:1em;}
blockquote p:last-child {margin:0;}
blockquote.right, .callout_right, .pullquote_right {float:right;width:30%;margin-left:12px;clear:both;}
blockquote.left, .callout_left, .pullquote_left {float:left;width:30%;margin-right:12px;clear:both;}
cite, em, dfn, address {font-style:italic;}
code, kbd, samp, tt, var  {font-family:monospace;font-size:1.4em; word-wrap: break-word;}
ins, dfn {border-bottom:1px solid #ced1d2;}
pre {font-family:monospace;background:#eceeee;overflow:auto;clear:both;}
s, strike, del {text-decoration:line-through;color:#939b9f;}
th, thead td {font-weight:bold;}

/* tables */
table {border-top:1px solid #d8dddd;}
table p, #content table ul, table ol {font-size:1em;margin-bottom:0;}
td, th {padding:.1em 12px .1em 0;border-bottom:1px solid #d8dddd;
	vertical-align:top;}
td:last-child, th:last-child {padding-right:0;}
thead tr, tfoot tr {background:#eceeee;}
caption {color:#939b9f;font-weight:bold;padding-bottom:.1em;text-align:left;}
table.unstyled, table.unstyled tr, table.unstyled th, table.unstyled td, table.unstyled caption {border:none !important;padding:0 !important;background-color:transparent !important;}
table.two-column td {width:50%;}
table.three-column td {width:33.3%;}
table.four-column td {width:25%;}
table.five-column td {width:20%;}

/* lists */
td>ol {margin:0;}
.main ul,dd {margin-left:2em;}
.main ul li,.main ol ul li {list-style-type:square;}
.main ol li,.main ul ol li {list-style-type:decimal;list-style-position:outside;}
.main li ul,.main li ol {font-size:1em;margin-bottom:0;}
.main ul ul,ol ol {font-size:1em;margin-bottom:0;}
dt {font-weight:bold;}
dl.tabular {float:left;border-bottom:1px solid #d8dddd;width:100%}
dl.tabular dt {clear:both;float:left;width:32%;padding:.1em 1% .1em 0;border-top:1px solid #d8dddd;}
dl.tabular dd {float:right;width:67%;margin:0;padding:.1em 0;border-top:1px solid #d8dddd;}
dl.double-spaced dt {padding:12px 2% 12px 0;}
dl.double-spaced dd {width:66%;margin:0;padding:12px 0;}

/* special classes */
.fancy {font-family:"Georgia", times, serif;font-style:italic;font-weight:normal;}
.caps {text-transform:uppercase;}
.small {font-size:.9em;}
.large {font-size:1.4em;}
.hide {display:none;}
.highlight {background:#fe6;}
.center {text-align:center;}
.clear {clear:both;}
.wide {width:100%;}
.meta,.meta a {color:rgb(143,143,143); text-decoration:none;}
.notice {font-size:1.4em; background-color:rgb(243,243,011);
	padding:1ex; color:rgb(042,042,042); border:1px solid rgb(202,202,0);}
.halves {float:none; width:auto; margin:0; padding:0;}
.video {width:100%; min-height:360px;}

.red {color:rgb(255,22,22);}

.block,.list-item>div {margin:1em 0 2em 2em;}
.list-item>a {font-weight:bold;}
.list-item {clear:both; margin-bottom:1.4ex; }

/* masthead */
#masthead h1 {margin:0;float:left;}
#masthead p {float:left;padding:35px 0 0 24px;color:#a2a2a2;font-style:italic;
	display: none;}

/* primary nav */
#pnb {clear:both; background:#333; float:left;
	width:100%; margin-bottom:1em; margin-top:-4px;}
#pnb a {text-decoration:none;}
#nav li {float:left; padding:12px 15px;}
#nav>li:hover {background:#111;}
#nav>li.active {background:rgb(37,37,37);}
#nav>li>a {color:#c3c3c3; padding:0; font-size:12pt;}
#nav>li.active>a, #nav>li:hover>a {color:white;}
#nav li li a {font-size:10pt; width:100%; margin-right:5px;}
#nav li li a:hover {color:#222;}
#nav li li.active, #nav li li.active a {background:rgb(230,230,230);}
#nav li:hover ul {z-index:128; top:auto; left:auto; display:block;}
#nav li ul {position:absolute; top:1em; left:0; margin:12px 0 0 -15px;
	padding:0; background:#f3f3f3; box-shadow:0 3px 6px #666; display:none;}
#nav li li {float:none; display:block; padding-top:7px; padding-bottom:7px;
	text-indent:0; border-top:1px solid #dfdfdf;}

/*------[ main ]------*/

/* images */
.alignright {float:right; clear:right; margin:0 0 1em 1em;}
img.alignleft {float:left;margin:.3em 12px 1em 0;}
div.alignleft {float:left;margin:0 2px 0 0;}
div.alignleft img {float:left;}
div.alignleft p {margin-right:10px;}
img.aligncenter {text-align:center;}
div.aligncenter {margin:.3em auto 0 auto;}
.main .wp-caption p, .main p.caption {font-size:1.1em;line-height:1.4em;
	color:#939b9f;clear:both;}
.main .wp-caption img {margin-bottom:8px;margin-top:0;}

/*------[ header/footer ]------*/

#footer {padding:10px 0;}
#footer,#header li,#quicksearch {font-size:0.83em;}
#footer ul {margin:0; text-indent:0;}
#header li,#footer li {display:inline; color:#777;
	padding-right:6px; margin-right:6px;border-right:1px solid #aaa;}
#header li:last-child,#footer li:last-child {border:none;
	padding-right:0; margin-right:0;}
#header li a,#footer li a {text-decoration:none; color:#fff;}
#header li a:hover,#header li a:focus,#footer li a:hover, #footer li a:focus {
	text-decoration:underline; color:#ccc;}

/*------[ forms ]------*/

/* base form styles */
input, select, textarea {font-family:inherit;padding:2px;font-size:1.2em;}

/* link icons */
#content a[href^="mailto:"] {background:url('/images/css/email.png') no-repeat right center;padding:2px 20px 2px 0;}
#content a[href$=".pdf"] {background:url('/images/css/pdf.png') no-repeat right center;padding:2px 20px 2px 0;}
#content a[href$=".doc"], #content a[href$=".docx"] {background: url('/images/css/doc.png') no-repeat right center; padding:2px 20px 2px 0;}
#content a[href$=".xls"], #content a[href$=".xlsx"] {background: url('/images/css/xls.png') no-repeat right center; padding:2px 20px 2px 0;}
#content a[href$=".rss"], #content a[href$=".rdf"] {background:url('/images/css/feed.png') no-repeat right center;padding:2px 20px 2px 0;}
}

.thirds,#grid_directory>div {float:left; width:260px; padding:5px;
	margin:0 10px 10px 0;}
#grid_directory>div {height:114px; overflow:auto;
	background:rgb(242,242,242); border:1px solid rgb(222,222,222);}
#grid_directory img {float:left; margin:0 5px 0 0;}
#grid_directory a {background:transparent;}

/* academics; FIXME: go to classes! */
#info-box {clear:right; float:right; width: 22%; background:#E8F4FF;
	border:1px solid #E1EAF0; padding:12px; margin:0 0 12px 18px;
	font-size:87%;}
#info-box dt {clear:both;}
#info-box dt, #info-box dd {float:left; margin-top:0;}
#info-box dd {margin-left:0.4em;}

@media all and (min-width:880px) {
	#wrapper,#footer {width:870px; margin:0 auto; clear:both;}
	#content {float:left;}
	#left-column {width:617px; float:left; padding:0;}
	#right-column {width:202px; float:right; padding:0 0 0 10px;
		border-left:1px solid rgb(223,223,223);}
	.single-column #left-column,.single-column #right-column {width:auto;
		float:none;}
	#left-column,#right-column {margin:10px;}
	.halves {width:49%; padding:0; float:left; margin:0 1% 0 0;}
}

@media all and (max-width:880px) {#left-column img {max-width:90%;}}