/* Start of CMSMS style sheet 'tcs_layout_css' */
/*
name: layout.css
site: tcs lubbock
author: patrick goff, patrick.goff@gmail.com
date: august 2009
*/

/* floats */
.right { float: right; }
.left {	float: left; }
.clear { clear: both; }

/* classes */
.last-item { border: none !important }

/* headings */
h2.red-heading { border-bottom: 1px solid #ca1414; color:#ca1414; font-size: 200%; margin: 0 0 10px 0; padding: 5px 0; }
h2.white-heading { border-bottom: 1px solid #fff; color:#fff; font-size: 200%; margin: 0 0 10px 0; padding: 5px 0; }

/* general layout */
body { background: #1f235e url(../img/background.gif) repeat-x 0 0; }
body.index { color: #fff;}
body.content {}

/* page wrapper */
#page-wrapper { background: url(../img/wrap-back.gif) no-repeat 0 0; margin: 0 auto; padding: 0 58px; position: relative; width: 912px; }

/* header */
#header { height: 104px; overflow: hidden; padding: 0 0 30px 0; position: relative; }

/* logo */
h1#logo { background: url(../img/logo.png) no-repeat 0 0; height: 146px; left: 419px; position: absolute; text-indent: -9999px; top: 42px; width: 220px; z-index: 99; }
h2#tagline { color: #fff; font-size:150%; font-style: italic; left: 0; position: absolute; top: 22px; }

/* contact numbers */
#contact { color: #fff; position: absolute; right: 0; top: 32px; }
#contact span { color: #ca1414; font-weight: bold; }

/* top navigation */
#top-nav { position: absolute; right: 0px; top: 10px; }
ul.top-nav { list-style:none; }
ul.top-nav li { float: left;}
ul.top-nav li a { border-right: 1px solid #c4d6d7; color: #fff; padding: 0 6px; text-decoration: none; text-transform: capitalize; }
ul.top-nav li a:hover { background: #3a498d; }

/* main navigation */
#main-nav { height: 42px; left: 0px; position: absolute; top: 62px; width: 100%; }
ul.main-nav-left { float: left; margin: 0 0 0 4px; }
ul.main-nav-right { float: right; margin: 0 4px 0 0; }
ul.main-nav-left, ul.main-nav-right { list-style: none;}
ul.main-nav-left li, ul.main-nav-right li { float: left; margin: 0 1px; }
ul.main-nav-left li a, ul.main-nav-right li a { background: url(../img/tab.gif) no-repeat 0 10px; color: #fff; display: block; height: 42px; text-align: center; text-decoration: none; text-transform: capitalize; width: 87px; font-family: "Avant Garde CE", sans-serif; }
ul.main-nav-left li a span, ul.main-nav-right li a span { display: block; padding: 16px 0 0 0; }
ul.main-nav-left li a:hover, ul.main-nav-right li a:hover, ul.main-nav-left li a.currentpage, ul.main-nav-right li a.currentpage { background-position: 0 -32px; }
ul.main-nav-left li a:hover span, ul.main-nav-right li a:hover span, ul.main-nav-left li a.currentpage span, ul.main-nav-right li a.currentpage span { padding: 11px 0 0 0; }

/* photo image */
#photo-image { height: 327px; overflow: hidden; position: relative; }
#photo-image img { position: absolute; top: 0; left: 0;}
#photo-mask { background: url(../img/photo-mask.png) no-repeat 0 0; height: 69px;  position: absolute; top: 393px; width: 921px; z-index: 99; }

/* columns */
.news, .calendar, .gallery { float: left; height: 295px; margin-bottom: 15px; overflow: hidden; padding: 0 10px; width: 280px; }
.news, .calendar { margin-right: 6px; }
.news { background: #ca1414; }
.calendar { background: #4556a6; }
.gallery { background: #6f81d1; }

/* home page tweets */
#twitter {}
div.tweet { margin: 0 0 10px 0; }
div.tweet a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none;}
div.tweet span.tweet_time { border-bottom: 1px dotted #fff; display: block; font-family: Georgia; font-style: italic; font-size: 100%; font-weight:bold;margin: 0 0 5px 0; }
div.tweet span.tweet_time a {border:none;text-decoration:none;}
div.tweet ul.tweet_list {margin-left:0;}
div.tweet ul.tweet_list li {list-style:none;margin:0 0 10px}

/* flickr feeds */
div.widget-head {display: none; }
div.flickr-photo { background: #fff; display: inline-block; height: 75px; margin: 0 8px 8px 0; padding: 4px; width: 75px; }
div.widget-footer span a { border-bottom: 1px dotted #fff; color: #fff; font-family: Georgia; font-style: italic; text-decoration: none; }

/* calendar styles */
/* home */
div.hp h1 { display: none; }
div.hp div.calendar-event { margin: 0 0 10px 0; }
div.hp div.calendar-event h2 { border-bottom: 1px dotted #fff; display: block; font-family: Georgia; font-style: italic; font-size: 100%; margin: 0 0 5px 0; }
div.hp div.calendar-date-from { display: inline; font-weight: bold; }
div.hp span.calendar-date-title { display: none; }
div.hp span.calendar-summary-title { display:none; }
div.hp div.calendar-summary { display: inline; }
div.hp a.more-link { color: #fff; display: block; font-style: italic; text-decoration: none; }
div.hp span.calendar-prev a, div.hp span.calendar-next a {color: #ffffff; font-style: italic; text-decoration: none; }

/* activities calendar */
div#nav { background: #CA1414; color: #fff; text-align: center; font-size: 115%; margin: 0 0 20px 0; padding: 5px; }
div.act-cal-list span.calendar-prev a, div.act-cal-list span.calendar-next a { color: #fff; text-decoration: none; }
div.act-cal-list h1.month { display: inline; padding: 0 10px; }
div.TCS_Upper_School, div.TCS_Lower_School, div.General { color: #fff; clear: both; font-family: Georgia; margin: 0  0 20px 0; font-style: italic; }
div.TCS_Upper_School { background: #c95555 url(../img/up-news-bttn.png) no-repeat 100% 0; border: 1px solid #ca1414; padding: 12px 10px 17px; text-align: left; }
div.TCS_Lower_School { background: #6F81D1 url(../img/low-news-bttn.png) no-repeat 0 0; border: 1px solid #4556A6; padding: 12px 10px 17px; text-align: right; }
div.General { background: #1F235E; border: 1px solid #0C0F3A; padding: 12px 10px 17px; text-align: left; }
div.TCS_Lower_School h2, div.TCS_Upper_School h2, div.General h2 { font-size: 150%; }
div.TCS_Lower_School a, div.TCS_Upper_School a, div.General a { border-bottom: 1px dotted #fff; color: #fff; text-decoration: none; }

div.calendar-event h1 { font-family: Georgia; font-size: 200%; font-style: italic; margin: 0 0 20px 0; }
span.calendar-date-title, span.calendar-details-title { display: none; }
div.calendar-date-from { font-weight: bold; }
/* sidebar styles */
#sidebar { float: left; margin-right: 6px; width: 300px; }
#sidebar-img { background: #3A498D; height: 327px; overflow:hidden; position: relative; }
#sidebar-img-msk { background: url(../img/news-top.png) no-repeat 0 0; bottom: 0; height: 69px; left: 0; position: absolute; width: 300px; }

/* uploads */
div.upload { margin: 0 0 20px 0; }
a.upload-thumb { border: 1px solid #ca1414; display: block; float: left; padding: 5px; }
div.upload-detail { margin: 0 0 0 50px; }
a.upload-title { border-bottom: 1px dotted #000; color: #000; display: inline-block; font-family: Georgia; font-style: italic; font-size: 125%; margin-bottom: 3px; text-decoration: none; }
a.upload-title:hover { border-bottom: 1px solid #000; }
div.upload-date { font-weight: bold; }
 
/* quick links navigation */
#quick-links { padding: 0 20px; }
#quick-links h3 { border-bottom: 1px solid #fff; color: #fff; font-size: 130%; }
ul.quick-links { list-style: none; margin: 5px 0 20px; }
ul.quick-links li {}
ul.quick-links li a { color: #fff; display: block; padding: 3px 20px; text-decoration: none; }
ul.quick-links li a:hover{ color:#fff; background: #3A498D; }
ul.quick-links li ul {color:#fff;background:#3a498d;margin:0; padding:0 0 0 20px;list-style:none;}
ul.quick-links li ul li a:hover, ul.quick-links li ul li a.currentpage {color:#FF3F3F;}

/* content styles */
#content { background: url(../img/content-back.png) repeat-y 0 0; margin-bottom: 15px; }
#text { background: #fff; float: right; padding: 60px 20px 10px 10px; width: 566px; }

/* form styles */
div.tcs-contact {}
div.tcs-contact div { margin: 0 0 10px 0; }
div.tcs-contact label { float:left; font-weight: bold; padding: 5px 0; width: 80px; }
div.tcs-contact input, div.tcs-contact textarea { border: 2px solid #6F81D1; font-weight: bold; padding: 3px; }
div.tcs-contact input { width: 40%; }
div.tcs-contact textarea { height: 150px; width: 80%; }
div.submit { float: right; margin: 0 20px 0 0 !important; }
div.submit input { background: #6F81D1; border: none; color: #fff; cursor: pointer; width: 100%; }
div.submit input:hover { background: #CA1414; }
div.error-message { background: #CA1414; color: #fff; display: inline-block; font-family: Georgia; font-style: italic; margin: 0 0 20px 0; padding: 5px 10px; }
div.error-message ul { list-style: none; margin: 0;}
h2.submission { font-family: Georgia; font-style: italic; font-size: 200%; margin: 0 0 20px 0; }


/* footer styles */
#footer { color: #bfc8f5; margin:0 auto; width: 750px; }
#footer p a { border-bottom: 1px dotted #bfc8f5; color: #bfc8f5; text-decoration: none; }
#footer p a:hover { border-bottom: 1px solid #bfc8f5; }

/* End of 'tcs_layout_css' */