/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	overflow:hidden; /* bgnb changed */
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 
/*

	@file 		master.css
	@version 	1.0.0b
	@date 		2009-07-06 22:32:35 -0700 (Mon, 06 Jul 2009)
	@author 	Luke Dorny <luke@butterlabel.com>

	Copyright (c) 2009 Butter Label <http://butterlabel.com>

*/

/* @group General */

.skip {display:none}

/* @end */

/* @group Self-Clearing Floats */
.group:after,
h1:after,
#column1:after,
#column2:after,
#columna:after,
#content:after,
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* @end */


body {	
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
}
h1 {
	font-size: 1.8em;
	line-height: 1.5em;
}
h2 {
	font-size: 1.6em;
	line-height: 1.5em;
}
h3 {
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.5em;
}
h5 {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #222;
	text-shadow: rgba(0, 0, 0, 0.99%) 1px 1px 0;
}

a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration: underline; color: #000;}
a:active { text-decoration: underline;}

	
/* @group Structure */

h1 {
	width: 900px;
	margin: 0 auto;
	background: #476683;
	height: 100px;
	position: relative;
	
}
blockquote {
	line-height: 1.5em;
	color: #222;
	text-shadow: rgba(0, 0, 0, 0.99%) 1px 1px 0;
	background-color: #F0F5E7;
	padding: 18px;
	margin: 10px 18px 10px 50px;
}
#container {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#content {
	float: left;
	width: 900px;
	padding-top: 10px;
}
#column1 {
	width: 630px;
	float: left;
}

#columna, #studentspeak {
	width: 402px;
	float: left;
	margin-right: 19px;
	background: #fff;
}
#columnb {
	width: 209px;
	float: right;
}

#column2 {
	width: 257px;
	float: right;
}
#footer {
	width: 900px;
	margin: 35px auto;
	padding-top: 25px;
	border-top: 1px solid #ccc;
	clear: both;
}
/* @end */
h1 a {
	display: block;
	text-indent: -9999em;
}
h1 a.spot {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(/i/logo-spotlight.gif) no-repeat 20% 62%;
	width: 400px;
	height: 90px;
}
h1 a.mac {
	position: absolute;
	background: transparent url(/i/logo-mac.gif?20091025) no-repeat 0 0;
	width: 200px;
	height: 69px;
	right: 50px;
	top: 30px;
}
/* @group NAV */

ul#nav {
	width: 647px;
	height: 45px;
	position: relative;
}
#navcontainer {
	width: 900px;
	margin: 0 auto;
	background-color: #476683;
	height: 45px;
}
ul#nav a:hover {
	text-decoration: underline;
}
ul#nav li#bloghome a,
ul#nav li#btrhome a,
ul#nav li#spot a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	position: absolute;
	padding: 3px 10px;
}
ul#nav li#bloghome a,
ul#nav li#btrhome a {
	left: 50px;
	bottom: 3px;
}
ul#nav li#spot a {
	right: 30px;
	bottom: 3px;
}
ul#nav a span {
	font-family: arial;
	font-size: 14px;
}
/* @group conditionals */
/* hides or shows parts of the nav depending on location */
#home ul#nav {
	background:  url(/i/nav-home-bg.gif) 0 0 no-repeat;
}
#btr ul#nav {
	background:  url(/i/nav-btr-bg.gif) 0 0 no-repeat;
}
#blog ul#nav {
	background:  url(/i/nav-blog-bg.gif) 0 0 no-repeat;
}
#home ul#nav li { /* when on homepage, hide nav */
	display: none;
}
#blog ul#nav li#btrhome {
	display: none;
}
#btr ul#nav li#bloghome {
	display: none;
}

/* @end */


/* @end */

/* @group column1 */
#column1 h2  {
	color: #888;
	font-size: 1.9em;
}
#page #column1 h2 {
	margin-bottom: 20px;
}
#btr.list #column1 h2,
#blog.list #column1 h2 {
	margin: 0px 0 20px 60px;
}
#column1 h2 a {
	color: #fff;
}
#column1 h3 a {
	font-size: 18px;
}

#page #column1 .entry {
	margin: 20px 0 0 45px;
}

#column1 div.entry {
	padding: 0 16px 5px;
	clear: left;
	margin-bottom: 10px;
}

#column1 .entry p,
#blog #column1 .entry li,
#btr #column1 .entry li {
	margin-bottom: 1em;
	line-height: 1.6em;
	color: #333;
	font-size: 1.2em;
}
#column1 .entry .summary {
	font-style: italic;
}

#blog #column1 .entry ul,
#btr #column1 .entry ul, 
#blog #column1 .entry ol,
#btr #column1 .entry ol {
	padding: 20px 20px 0;
}
#blog #column1 .entry ul li, #btr #column1 .entry ul li {
	list-style-type: disc;
	list-style-position: outside;
}
#blog #column1 .entry ol li, #btr #column1 .entry ol li {
	list-style-type: decimal;
	list-style-position: outside;
}
.list #column1 .entry p {
	margin-bottom: 5px;
}

#home #column1 .entry p.more {
	margin-bottom: 0;
}
#column1 .entry p.breadcrumb {
	margin-top: 20px;
	color: #999;
	padding-bottom: 10px;
}

#column1 .entry p.breadcrumb a {
	color: #999;
}
#column1 .entry p.more {
	margin-top: -5px;
}
#column1 .entry p.more span {
	color: #000;
}

p.more a span {
	font-size: 1.6em;
	padding: 0 3px;
	font-family: arial;
}

#blog #column1 .entry {
	padding-left: 60px;
	padding-top: 30px;
}
#blog.list #column1,
#btr.list #column1 {
	padding-left: 0px;
	padding-top: 30px;
}
#blog.list #content #column1 .entry,
#btr.list #content #column1 .entry {
	padding-top: 0px;
	margin-bottom: 10;
}

/* this feature wasn't asked for: */
#blog.list #content #column1 .entry .excerpt,
#btr.list #content #column1 .entry .excerpt {
	height: 38px;
	overflow: hidden;
	margin-bottom: 20px;
}

#btr #content #column1 .entry,
#blog #content #column1 .entry {
	padding-left: 60px;
	padding-top: 30px;
}
#blog #column1 div.entry h3 a {
	color: #d57000;
}
#btr #column1 div.entry h3 a {
	color: #99cc66;
}

#column1 .entry a {
	color: #d57000;
	font-weight: bold;
}
#column1 img.post-image {
	float: left;
	margin-right: 14px;
	margin-bottom: 19px;
}
#column1 div.entry h4 {
	text-transform: uppercase;
	color: #99cc66;
	letter-spacing: 0.1em;
	font-size: 12px;
	border-top: 1px dashed #ccc;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	clear: both;
}

#column1 div.entry p.sharethis {
	margin-bottom: 30px;
}
#column1 div.entry ul.viewpoints {
}
#column1 div.entry ul.viewpoints li {
	margin-bottom: 5px;
}

#column1 div.entry ul.viewpoints li a {
	color: #d57000;
	display: block;
	padding-left: 15px;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: rgba(250, 250, 250, 1) 1px 1px 0;
	line-height: 1.2em;
}
#column1 div.entry ul.viewpoints li a:before {
	content: "» ";
	color: #aaa;
	font-family: arial, sans-serif;
	font-size: 18px;
	margin-left: -15px;
}
#column1 .entry p.categories {
	padding-bottom: 10px;
	color: #999;
}

#column1 a.adminedit {
	display: none;
}
body.loggedin #container #column1 a.adminedit {
	display: inline;
	color: #fff;
	padding: 3px 8px;
	font-size: 11px;
	color: #fff;
	vertical-align: text-bottom;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background: rgba(0,0,0,0.3) ;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
body.loggedin #container #column1 a.adminedit:hover {
	background: rgba(0,0,0,0.7) ;
	text-decoration: none;
}

/* @group comments */

#column1 #comments {
	padding-top: 0px;
}
#column1 #comments .entry,
#btr #column1 #comments .entry,
#blog #column1 #comments .entry {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
form#comment_form {
		padding: 10px 20px;
		background: #f0f5e7;
		border-bottom: 1px solid #ccc;
}
form#comment_form dl {
		
}
form#comment_form dt {
		padding: 10px 0 5px;
		color: #666;
}
form#comment_form dd {
		padding: 0 0 5px;
		margin: 0;
}
form#comment_form textarea {
	width: 500px;
	height: 100px;
}

/* @end */

/* @group PAGINATE ####### */

ul.pagination {
	margin: 0px 15px 60px 60px;
	text-transform: uppercase;
	overflow: auto;
}
ul.pagination.bottom {
	border-top: 2px solid #ccc;
	padding-top: 20px;
}
ul.pagination.top {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}

ul.pagination li {
	font-size:13px;
	list-style:none;
	margin-right:2px;
}
ul.pagination a {
	border:solid 1px #d57000;
	margin-right:5px;
}
ul.pagination .previous-off,
ul.pagination .next-off {
	border:solid 1px #ccc;
	color:#666;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:5px;
	padding:4px 8px;
}
ul.pagination .next a,
ul.pagination .previous a {font-weight:bold;} 
ul.pagination .active {
	background:#d57000;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 8px;
	border: 1px solid #d57000;
}
ul.pagination a:link,
ul.pagination a:visited {
	color:#d57000;
	display:block;
	font-weight: bold;
	float:left;
	padding:4px 8px;
	text-decoration:none;
}
ul.pagination a:hover {
	border:solid 1px #d57000;
	background-color: #d57000;
	color: #fff;
}

p.paginated {
	color:#666;
	margin: 10px 0 10px 60px;
}
p.paginated strong {
	background:#d57000;
	color:#FFFFFF;
	padding:4px 8px;
	border: 1px solid #d57000;
	margin-right:3px;
}
p.paginated a {
	color:#d57000;
	font-weight: bold;
	padding:4px 8px;
	text-decoration:none;
	border: solid 1px #d57000;
	margin:1px 3px 1px 0;
}
p.paginated a:hover {
	border:solid 1px #d57000;
	background-color: #d57000;
	color: #fff;

}
/* @end */


/* @group columna */
#columna {
	background: #fff url(/i/home-btr-blockbg.png) 50% 0 repeat-y;

}
#column1 #columna h2 {
	background: #fff url(/i/home-btr-blocktop.png) 50% 0% no-repeat;
	height: 50px;
	margin: 0;
	font-size: 1.6em;
	margin-bottom: -5px;
}
#columna h2 a {
	display: block;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 0.7em;
	letter-spacing: .1em;
	height: 28px;
	text-transform: uppercase;
}
#columna p.btr-arrow {
	height: 87px;
	background: #fff url(/i/home-btr-blockmore.png)  50% 0% no-repeat;
	margin-bottom: -10px;
}
#columna p.btr-arrow a {
	display: block;
	height: 50px;
/*	background: url(/i/daquo.png)  50% 21px no-repeat; */
	padding-top: 9px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #FFF;
}
#columna p.btr-arrow a:visited {
	color: #FFF;
}
#columna p.btr-viewall {
	/*height: 35px;*/
height: 67px;
	background: #fff url(/i/home-btr-blockbot.png) 50% 0% no-repeat;
	margin-bottom: 0;
}
#columna p.btr-viewall a {
	display: block;
	height: 35px;
	padding-top: 11px;
	font-size: 0.9em;
}
#columna p.btr-arrow a img,
#columna p.btr-viewall a img {
	margin-bottom: -2px;
}

/* @end */

/* @group studentspeak */
#studentspeak {
	background: #fff url(/i/home-ss-blockbg.gif) 50% 0 repeat-y;

}
#column1 #studentspeak h2 {
	background: #fff url(/i/home-ss-blocktop.gif) 50% 0% no-repeat;
	height: 50px;
	margin: 0;
	font-size: 1.6em;
	margin-bottom: -5px;
}
#studentspeak h2 a {
	display: block;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 0.7em;
	letter-spacing: .1em;
	height: 28px;
	text-transform: uppercase;
}
#studentspeak p.btr-arrow {
	height: 67px;
	background: #fff url(/i/home-ss-blockmore.gif)  50% 0% no-repeat;
	margin-bottom: -10px;
}
#studentspeak p.btr-arrow a {
	display: block;
	height: 50px;
/*	background: url(/i/daquo.png)  50% 21px no-repeat; */
	padding-top: 9px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #FFF;
}
#studentspeak p.btr-arrow a:visited {
	color: #FFF;
}
#studentspeak p.btr-viewall {
	height: 35px;
	background: #fff url(/i/home-ss-blockbot.gif) 50% 0% no-repeat;
	margin-bottom: 0;
}
#studentspeak p.btr-viewall a {
	display: block;
	height: 35px;
	padding-top: 11px;
	font-size: 0.9em;
}
#studentspeak p.btr-arrow a img,
#studentspeak p.btr-viewall a img {
	margin-bottom: -2px;
}

/* @end */

/* @group columnb */
#columnb {
		background: url(/i/home-blog-blockbg.png) 50% 0 repeat-y;

}
#columnb h2 {
	background: #fff url(/i/home-blog-blocktop.png) 50% 0% no-repeat;
	height: 50px;
	font-size: 1.6em;
	margin-bottom: -5px;
}
#columnb h2 a {
	display: block;
	padding-left: 15px;
	padding-top: 3px;
	letter-spacing: .1em;
	font-size: 0.7em;
	height: 28px;
	text-transform: uppercase;
}
#columnb h3 a {
	display: block;
}
#columnb p.blog-viewall {
	height: 35px;
	background: #fff url(/i/home-blog-blockbot.png) 50% 0% no-repeat;
}
#columnb p.blog-viewall a {
	display: block;
	height: 35px;
	padding-top: 11px;
	font-size: 0.9em;
}
#columnb p.blog-viewall a img {
	margin-bottom: -2px;
}
/* @end */
/* @end */

/* @group column2 */
#column2 {
	background-color: #f0f5e7; 
}
#column2 .box {
	margin: 5px 15px 15px;
	border-bottom: 1px solid #777;
	padding-bottom: 5px;
}
#column2 .box.last {
	border-bottom: none;
}
#column2 .box h3 {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: 1em;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 10px;
}
#column2 .box p {
	font-size: 1em;
	margin-bottom: 1em;
}
#column2 .box a.more {
	font-size: 1em;
}

#column2 .box ul.rss a {
	background: transparent url(/i/feed-icon-12x12.gif) no-repeat 0 0;
	padding-left: 18px;
	display: block;
	color: #d57000;
}

#column2 ul li a {
	display: block;
	line-height: 1.3em;
	padding: 0 0 7px;
}


/* @end */

/* @group Link Colors */


#home #columna h3 a, #home #columna h4 a {
	color: #97bb5c;
}
#columna p a {
	color: #d57000;
}
#columna p.btr-arrow a,
#columna p.btr-viewall a,
#columnb p.blog-viewall a {
	color: #fff;
	text-align: center;
}
#studentspeak p.btr-arrow a,
#studentspeak p.btr-viewall a,
#studentspeak p.blog-viewall a {
	color: #fff;
	text-align: center;
}
#home #columnb h3 a {
	color: #476683;
}
#column2 li a {
	color: #000;
}
#column2 p a {
	color: #d57000;
}
#column2 form {
	position: relative;
	height: 25px;
}
#column2 form input {
	position: absolute;
}
#column2 form input.searchtext,
#column2 form input.subscribetext {
	left: 0;
	top: 0;
	width: 160px;
	height: 18px;
	margin: 0;
	border: 0;
	outline: 1px solid #aaa;
	border-collapse: collapse;
	
}
#column2 form input.searchgo,
#column2 form input.subscribego {
	left: 169px;
	top: 0px;
	height: 20px;
	width: 30px;
}

/* @end */
#footer {
	font-size: 0.8em;
}
#footer a {
	color: #d57000;
}

.photobox { 
	margin: 8px;
	border: 1px solid #cccccc;
	padding: 8px;
	font-size: .98em;
	font-style: italic;
}
.photobox img {
	margin-bottom: 3px;
}
.right {
	float: right;
}
.left {
	float: left;
}