/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Two-column with sidebar on left from the /examples/ folder
@import url('examples/2c-l.css');*/
* {
margin: 0;
padding: 0;
}
body {
background-image: url(images/back01.jpg);
font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #933;
}
a {
outline: none;
}
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
margin-bottom: 44px;
position: relative;
}
/* Header */
#header {
text-align: left;
height: 201px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
#header h1 {
font-size: 24px;
}
#header h1 a {
height: 190px;
width: 267px;
display: block;
}
/*
#header h1 span {
text-indent: -999px;
}*/
/* End Header */
#container {
width: 933px;
margin-right: auto;
margin-left: auto;
background-image: url(images/content.jpg);
}
#content {
width: 732px;
float: right;
background-color: #F5F5F5;
background-repeat: no-repeat;
background-image: url(images/content_top.gif);
background-position: right top;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #B89462;
border-left-color: #D3BB9A;
}
#content p, #content ul, #content blockquote {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 15px;
padding-right: 15px;
}
#content p.last {
padding-bottom: 40px;
}
#content .hrule {
}
#content ul li {
list-style-type: none;
}
#content ul li a {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #666666;
}
#conbottom {
}
/* Sidebar */
#sidebar {
width: 200px;
float: right;
background-image: url(images/ripp.png);
background-repeat: repeat-x;
background-position: left top;
}
#primary {
margin-top: 50px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}
/* Upcoming Events */
#primary h3 {
color: #F7F4E8;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
margin-bottom: 16px;
font-style: normal;
text-decoration: none;
}
#primary ul li {
list-style-type: none;
}
#secondary {
width:140px;
}
/* Sidebar */
div.sidebar {
overflow:hidden;
}
div.sidebar ul.xoxo {
list-style-type: none;
}
div.sidebar li#pages h3 {
color: #933;
list-style-type: none;
font-size: 18px;
font-weight: bold;
padding-bottom: 5px;
}
div.sidebar input#s {
width:7em;
}
div.sidebar li {
list-style-image: none;
margin-bottom: 10px;
}
div.sidebar li form {
margin:0.2em 0 0;
}
div.sidebar ul ul {
list-style-type: none;
margin: 1px 0 0 0;
}
div.sidebar ul ul li {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: normal;
}
div.sidebar ul ul li a {
color: #A6FFFF;
list-style-type: none;
text-decoration: none;
}
div.sidebar ul ul li a:visited {
color: #FFF;
}
div.sidebar ul ul li a:hover {
color: #FC0;
}
div.sidebar ul ul li a:active {
color: #C60;
}
div.sidebar ul ul ul {
list-style-type: none;
}
div.sidebar ul ul ul li {
list-style-type: none;
}
/* End Sidebar */
.clear {
clear: both;
background-repeat: no-repeat;
}
/* Menu */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}
#access {
width: 900px;
margin-right: auto;
margin-left: auto;
}
#menu {
height: 80px;
}
#menu ul {
list-style: none;
}
#menu ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
height: 50px;
float: left;
}
#menu ul li a {
display: block;
text-decoration: none;
width: 150px;
text-align: center;
float: left;
color: #333333;
background-image: url(images/paint.png);
background-repeat: no-repeat;
background-position:-1000px 0;
padding-top: 20px;
padding-bottom: 20px;
}
#menu ul li a:hover {
display: block;
color: #CC9900;
background-image: url(images/paint.png);
background-repeat: no-repeat;
background-position:0 0;
}
#menu ul li a:active {
display: block;
color: #CC0000;
}
#menu ul li.current_page_item a {
display: block;
color: #CC9900;
background-image: url(images/paint.png);
background-repeat: no-repeat;
background-position:0 0;
}
/* End Menu */
#torn {
height: 71px;
width: 900px;
background-image: url(images/ripp.png);
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
display: none;
}
.entry-title {
clear:both;
color: #933;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: normal;
text-decoration: none;
list-style-type: none;
padding-top: 18px;
}
.entry-title a {
color: #933;
text-decoration: none;
}
.entry-meta {
clear:both;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #666666;
text-decoration: none;
margin-bottom: 22px;
}
.entry-meta a {
color: #933;
text-decoration: none;
}
.entry-title a:hover, .entry-meta a:hover {
color: #FF9900;
text-decoration: none;
}
.entry-title a:visited, .entry-meta a:visited {
color: #933;
text-decoration: none;
}
.entry-date {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #666666;
text-decoration: none;
margin-bottom: 22px;
}
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform span.required {
background:#fff;
color:#c30;
}
form#commentform,form#commentform p {
padding:0;
}
input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}
div.comments ol li {
margin:0 0 3.5em;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}
.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}
.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}
p.wp-caption-text{
font-style:italic;
}
div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}
div.gallery dl.gallery-columns-1 {
width:100%;
}
div.gallery dl.gallery-columns-2 {
width:49%;
}
div.gallery dl.gallery-columns-3 {
width:33%;
}
div.gallery dl.gallery-columns-4 {
width:24%;
}
div.gallery dl.gallery-columns-5 {
width:19%;
}
/*div#nav-above {
margin-bottom:1em;
}
div#nav-below {
margin-top:1em;
}
div#nav-images {
height:150px;
margin:1em 0;
}
div.navigation {
height:1.25em;
}
div.navigation div.nav-next {
float:right;
text-align:right;
}*/
.nav-next {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
float: left;
line-height: 20px;
text-decoration: none;
margin-top: 12px;
}
.nav-next a {
color: #933;
text-decoration: none;
display: block;
width: 150px;
}
.nav-next a:hover {
color: #FF9900;
text-decoration: none;
}
.nav-previous {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
float: left;
line-height: 20px;
text-decoration: none;
margin-top: 12px;
}
.nav-previous a {
color: #933;
text-decoration: none;
display: block;
width: 150px;
}
.nav-previous a:hover {
color: #FF9900;
text-decoration: none;
}
input#author,input#email,input#url,div.navigation div {
width:50%;
}
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
.piclenselink a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #666666;
text-decoration: none;
margin-bottom: 22px;
}
.piclenselink a:hover {
color: #933333;
}
/* Calendar */
.calnk a:hover {
background-position:0 0;
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a:visited {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a span {
display:none;
}
.calnk a:hover span {
color:#333333;
background:#F6F79B;
display:block;
position:absolute;
margin-top:1px;
padding:5px;
width:150px;
z-index:100;
}
.calendar-table {
border:none;
width:100%;
}
.calendar-heading {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-next {
width:25%;
text-align:center;
}
.calendar-prev {
width:25%;
text-align:center;
}
.calendar-month {
width:50%;
text-align:center;
font-weight:bold;
}
.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#FF0000;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #DFE6DE;
}
.no-events {
}
.day-without-date {
width:60px;
height:60px;
border:1px solid #E9F0E8;
}
span.weekend {
color:#FF0000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
span.event {
font-size:0.75em;
}
.kjo-link {
font-size:0.75em;
text-align:center;
}
.event-title {
text-align:left;
font-weight:bold;
font-size:1.2em;
}
.event-title-break {
width:96%;
text-align:left;
height:1px;
}
.event-content-break {
width:96%;
text-align:left;
height:1px;
}
.calendar-date-switcher {
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:0;
padding:0;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
}
.cat-key {
width:100%;
margin-top:10px;
padding:5px;
border:1px solid #D6DED5;
}
/* End Calendar */
/* Footer */
#footer {
clear: both;
width: 100%;
text-align:center;
font-size:12px;
height: 100px;
}
#footer #details {
width: 900px;
margin-right: auto;
margin-left: auto;
color: #f3edda;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}
#footer #details #contact {
width: 221px;
float: right;
margin: 25px 0 0 0;
}
#headersearch {
position: absolute;
width: 400px;
left: 532px;
top: 167px;
text-align: right;
}
#headersearch #s {
width: 200px;
}
/* Student Resources */
#sub-page-menu {
}
#sub-page-menu h3{
display:none;
}
.post, .page {
padding: 20px;
}
#content .widget {
float: left;
width: 202px;
}
#content .ngg_images {
width: 700px;
margin-bottom: 30px;
}
.emailupdates {
margin-right:7px;
background-color:#E7E3A0;
margin-bottom: 10px;
border: 2px solid #DED671;
padding: 3px;
}
.emailupdates .widgettitle {
color: #5B5615;
}
#content .widgettitle {
font-size: 24px;
margin-bottom: 3px;
}
.trip img {
border: 2px solid #D2821F;
}
#content .widget_recent_entries {
height: 165px;
background-image: url(images/pink_fill.gif);
width:255px;
margin-right:8px;
border: 2px solid #E08547;
}
.widget_recent_entries .widgettitle {
background-image: url(images/news_pencil.gif);
background-repeat: no-repeat;
background-position: right center;
margin-top: 5px;
margin-right: 3px;
margin-left: 3px;
color: #A2442D;
}
.widget_recent_entries ul {
margin-left: 3px;
}
#content .widget_recent_entries a {
text-decoration: none;
font-size: 14px;
font-weight: normal;
color: #006;
}
#sidebar li li {
margin-bottom: 5px;
}
#upcoming-events .widgettitle {
}
#upcoming-events {
background-image: url(images/events_star.gif);
background-repeat: no-repeat;
background-position: right top;
}
#upcoming-events ul li {
background-image: url(images/icon_calendar.gif);
background-repeat: no-repeat;
padding-left: 20px;
}
#upcoming-events ul li ul li {
background-image: none;
padding-left: 0px;
padding-right: 15px;
}
.sidebar .welcometop {
background-image: url(images/erlcome_top.gif);
background-repeat: no-repeat;
padding-top:30px;
}
.welcome {
background-image: url(images/welcome_fill.gif);
width: 168px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D9B27C;
}
.welcome p {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #E7DB94;
}
.welcome .welcometop p b {
color: #FFF;
}
#sidebar a {
color: #B9FFFF;
}
#sub-page-menu {
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 10px;
padding-top:15px;
margin-top: 10px;
background-color: #EDDF69;
}
#sidebar #sub-page-menu a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #00238C;
font-size: 18px;
text-decoration: none;
}
#sidebar #sub-page-menu li {
padding-bottom: 10px;
}
.welcome {
display:none;
}
.home .welcome, .blog .welcome {
display:block;
}.twitterwidget img {
display: none;
}
.galleryhome{
margin:0;
padding:0;
list-type:none;
}
.galleryhome li{
float:left;
width:325px;
border:solid 1px #e8e3cf;
margin-right:10px;
margin-bottom:20px;
}
.galleryhome li img{
margin:10px 0 10px 10px;
border:solid 1px gray;
}
.galleryhome h4{
padding:10px;
font-family: georgia, serif;
margin:0;
}
.pageid-13 #sub-page-menu{
display:none;
}
#content #recent-posts-3 ul li {
list-style-type: disc;
margin-left:20px;
color:#CB5F45
}
#sidebar .time-meta a {
}
.widget_twitter .entry-meta {
font-size: 10px;
font-weight: normal;
color: #000;
display:block;
line-height:16px;
margin:0px;
padding-bottom:2px;
}
#sidebar .widget_twitter .entry-meta a {
color: #000;
}
.from-meta {
display: none;
}
.reply-to {
display: none;
}
.widget_twitter {
margin-right: 10px;
}
#content #text-7 {
width: auto;
}
#content .emailupdates .widgettitle {
font-size: 17px;
}
.widget_twitter {
background-image: url(images/twitter.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 40px;
}
#sidebar a.twitterwidget {
text-decoration: none;
color: #B5FDFA;
}
.page-title {
margin-top: 15px;
margin-left: 20px;
}
#content .post ul li {
list-style-type: disc;
margin-left: 20px;
}
#muse h3.logo {
padding-top: 22px;
background-image: url(images/muse_logo.gif);
background-repeat: no-repeat;
background-position: left top;
margin-right: 10px;
}
#muse a {
text-decoration: none;
margin-left: 80px;
}
#muse h3.download {
margin: 20px 0 5px 0;
}