/*
Theme Name:Theme 219
Theme URI:http://www.dreamtemplate.com/
Description:The original WordPress theme that graced versions 2.6.x and prior.
Version:1.0
Author:DreamTemplate
*/ 


/*=== Setup ===*/

* { border:0; margin:0 auto; padding:0; outline:none;}
html {

}

body {
	color:#868686;
	background-color: #000;
	background-image: url(images/sub_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
}
hr {
	border-bottom: solid 1px #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nav-shaddow {
	background-image: url(images/nav-shaddow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 16px;
}
.slider-shaddow {
	background-image: url(images/slider-shaddow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
}

a {
	color:#57B0BD;
	text-decoration:underline;
}
a:hover { text-decoration:underline;}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea {
	border:#cfcfcf 1px solid;
	color:#404040;
	font-size:1em;
	padding:3px;
	font-family:"Liberation sans", Arial, Verdana, Helvetica, sans-serif;
}
li {

}
h1 {
	font-size: 2.2em;
	letter-spacing: -2px;
	font-family:"Liberation sans";
	font-weight: bold;
	font-variant: small-caps;
	color: #FFF;
}
.news-content {
	text-align: left;
	padding-top: 10px;
	line-height: 2em;
}

h2 {
	letter-spacing: -1px;
	font-family:"Liberation sans";
	font-weight: bold;
	font-size: 2em;
	color: #3fa2bb;
	font-variant: large-caps;
}
h3 {
	letter-spacing: -1px;
	font-family:"Liberation sans";
	font-weight: bold;
	font-size: 1.6em;
	color: #777;
	font-variant: large-caps;
}


h3, h3 a { }
h4 {
	font-family: "Helvetica", sans-serif, Arial;
	font-size: 1.2em;
	color: #666;
	padding-top: 10px;

}
.blue {
	font-weight: bold;
	color: #3fa2bb;
}

p { padding:0 0 12px;}

p.underh2 {
	font-size:1.1em;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	margin-bottom: 0px;
	padding-top: 10px;
}


/*=== Layout ===*/

#page {
	margin:0 auto;
	width:960px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 128px;
}


/*=== Header ===*/

#header {
	height:187px;
	margin-right: auto;
	margin-left: auto;
}


/*- Logo -*/
.logo {
	height:110px;
	padding-top: 20px;
}


/*=== All Columns ===*/

#columns { margin:0 auto; padding:0; width:960px;}
#page.index #columns {
	padding:0 0 0px;
}


/*=== Center Column ===*/

#centercol { margin:0; padding:0 0 38px; float:left; width:650px; background:url(images/centercol_bg.png) no-repeat center bottom;}
.centercol-bg { background:#ededed url(images/content_grad.gif) repeat-x left top;}


/*=== Right Column ===*/

#rightcol { margin:0; padding:0; float:right; width:260px; background:url(images/rightcol_bg.gif) repeat-y left top;}
.box { margin:0 20px; padding:20px 0; background:url(images/line.gif) repeat-x left bottom;}
.box .content { }
.box_r { margin:0 0 24px; padding:0; background:none; border:none;}
.box_r .content { margin:0; padding:0;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#939393; text-decoration:none;}
.small_link small { font-size:11px;}


/*=== Sub Columns ===*/

.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}


/*=== Styling Boxes ===*/



/*- Box1 -*/

.box { }


/*- Box2 -*/

.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:460px;}
.box2.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}


/*=== Styling Lists ===*/

/*=== Styling Forms ===*/

input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}



/*=== Pics, Thumbs, Ads etc. ===*/

.pic { margin:0 12px 8px 0; padding:0; float:left;}
.pic img {
	margin:0 0 16px;
	padding:2px;
	border:1px solid #cbcbcb;
	background-color:#FFF;
}
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.box .ac img { border:0; margin:0;}
.banner { margin:0; padding:0; background:none;}


/*=== Footer ===*/

#page_bottom { padding:0;}
#footer {
	margin:0;
	padding:0;
	height:80px;
}
#footer .textf { margin:0 auto; padding:13px 20px 0; width:920px;}
#footer .text1, #footer .text2 { padding:0; font-size:11px; line-height:1em; color:#748c9a;}
#footer .text1 {
	text-align: center;
}
#footer .text2 { float:right;}
#footer .text1 a, #footer .text2 a { font-weight:normal; text-decoration:underline; color:#748c9a;}


/*=== Misc. ===*/

.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#FFF;}

.slider {
	height:262px;
	overflow:hidden;
}



.index-box {
	padding:20px;
	background-color: #ededed;
	background-image: url(images/content_grad.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.index-box-news {
	padding:20px;
	background-color: #ededed;
	background-image: url(images/news-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	line-height: 22px;
}

/*.index-box h2 {
	font-size:1.8em;
	font-weight: bold;
	letter-spacing: -0px;
	color: #3fa2bb;
	font-variant: small-caps;
}*/

.index-cols {
	height:auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.index-col { margin:0; padding:0; width:287px; float:left;}
.index-col-center { margin:0 29px;}
.index-img img { margin:0 0 16px; padding:2px; border:1px solid #cbcbcb; background-color:#fbfbfb;}
.index-col-l { padding:24px 0 0; width:541px; float:left;}
.index-cols ul li {
	padding-left: 10px;
	margin-left: 35px;
}

.index-col-r { padding:24px 0 0; width:340px; float:right;}
.readmore a { font-size:11px; line-height:1.8em; color:#445a66; text-decoration:none;}
.readmore a:hover { text-decoration:underline;}
.content-shaddow {
	background-image: url(images/cont-bot-shaddow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 13px;
}

.cont-imgs-left {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.cont-imgs-right {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.news {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.youtube {
	text-align: center;
}
.main-event {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -12px;
	margin-left: 0px;
}
.OC-logo {
	float: right;
}


body#home a#nav-home,
body#about a#nav-about,
body#program a#nav-program,
body#shop a#nav-shop,
body#whatsnew a#nav-whatsnew,
body#topics a#nav-topics,
body#costs a#nav-costs,
body#contact a#nav-contact,
body#studentswork a#nav-studentswork,
body#media a#nav-media
{
color:#435e6f; background-color:#cfcfcf; border-left:1px solid #bababa; border-right:1px solid #bababa;
}

.right-img {
	float: right;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 10px;
}