/*  
SHIN-IBS.EDU style sheet written by scott mitchell (c) 2010, some rights reserved
scott@shin-ibs.edu
djbuddha.org
/***************************
HANDY CONVENTIONS:
General rule of thumb: keep everything in a .post div and you'll be fine!
1 - div.pageTitle --> that initial bit above the first post of content; a little larger with a <em><p> right below page title.
2 - .post p.breadcrumbs --> good for paged navigation, i.e., Publications >> PWJ >> New Series >> Issue One >> arg!
3 - .help:hover (for links) --> turns cursor into a question mark
4 - blockquote, p.quote, p.blockquote --> all do the same thing, indent and add some padding all around
5 - #editPageContent and #editPageContent img --> floats admin-level CMS icons to the right and hoses the usual image stylings
6 - .adminMessage --> simply adds a border and some color to a special box (including navigation like in the courses/index.php file)
7 - #alertMessage --> tripped by an AJAX call in the header to flash on page load
*/

*
{ margin:0; }

body {
	font-family: Times, serif;
	color: #000000;
	margin: 0;
	background-color: rgb(187,187,136);
	}

#container {
    border: 1px solid #ccc;
	background: #fff; 
    margin: 0 auto;
    margin-bottom: 1em;
    padding: 1em;
	width: 975px; 	
	position: relative;
	clear: both;
    -moz-border-radius-topleft: 15px; 
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px; 
    -moz-border-radius-bottomright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    }

/*----------------------------------------------------------------------*/
/* super-header: login, myIBS, and search box styles */
.superHeaderContainer { /*this contains the login windows to fix their position*/
    margin: auto;
    padding: 0;
	width: 950px; 	
	position: relative; 
    }

#superHeader, #superHeaderLogin {
    margin: 0;
    padding: .25em 0 0 0;
    float: right;
    width: 310px;
    height: 30px;
    border: #ccc;
    background: #333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%;
    color: #fff;
    text-align: center;
    }

#superHeaderLogin { float: left; width: 610px; }

.loginMenu {
    display: inline;
    padding-right: .5em;
    padding-left: .5em;
    border-right: 1px solid white;
    }

.searchText { color: #666; }

#superHeader a:link, #superHeader a:visited,
#superHeaderLogin a:link, #superHeaderLogin a:visited 
    { color: #fff; }

#loginError { position:fixed; top:32px; margin-left:1em; width:300px; z-index:2; }
#loginError .errorText { float:left;width:275px;display:inline; }
#loginError .close { float: right;text-align:right;font-weight: bold; display:inline; }

/* header information */
#header {
	clear: both; 
    height: 150px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%;
    }

.imageHeader {
    float: left;
    padding-top:-1em;
    margin:0;
    }

.headerNavBox { 
    text-align: right;
    float: right;
	display: block;
	overflow: hidden;
	width: 138px;
	margin-left: 1em;
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    }
#headerNavBox-2 { width: 148px; }
.headerNavBox h4 { padding-top: .2em; }
#headerNavBox-1 h4 { 
    background: #bbbb88;
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
 }
#headerNavBox-2 h4 { 
    background: #bbaa77;
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
 }
#headerNavBox-3 h4 { 
    background: #555544;
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
 }
#headerNavBox-4 h4 { 
    background: #444433;
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
 }
#headerNavBox-5 h4 { 
    background: #552211;
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
 }
#headerNavBox-6 h4 { 
    background: #770000;
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
 }

.headerNavBox p { padding-right: .5em; line-height: 150%; }

.headerNavBox h4 { width: 100%; color: #fff; }

/* header and sidebar links */
.headerNavBox a:link,
.headerNavBox a:visited,
.headerNavBox a:hover,
.sideBarBox a:link,
.sideBarBox a:visited,
.sideBarBox a:hover
    { color: #666; text-decoration: none; }
.headerNavBox a:hover, .sideBarBox a:hover 
    { font-weight: bold; text-decoration: underline; color: #000; }
#header img { border: none; }

/*----------------------------------------------------------------------*/
/* content wrapper for sub-header */
#content { margin: 0; }
 html #content { height: 1%; }

/* content wrapper for left column; posts and pages, main content */
#content-main {
	float: left; 
	width: 700px; 
	margin-right: 20px;
    }
 html #section-index #content-main { margin-right: 20px; }
#content .post {
	clear:both;
	padding:0 0 2em 0;
    }

/* posts and pages formatting */
.pageTitle { margin-bottom: 1.5em; }

.post {
    color: #000;
    padding: 0;
    margin:  0;
    line-height: 150%;
    clear:both;
	}

.post h2, .post h3 { padding: 1em 0 .5em 0; }

.post p {
    padding-top: .5em;
    }

.post p.breadcrumbs { font-size: smaller; }

.post a {
    color: #333;
    text-decoration: underline;
    }
    
.post a:hover, .navigation a:hover {
    color: #fff;
    background: #333;
    text-decoration: none;
    }

.help:hover { cursor: help; } 
        
strong {
    font-weight: bold;
    color: #770000;
    }

.post img {
	background:url(images/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
    margin: 5px 0px 10px 10px;
    float: right;
    max-width: 250px;
    }
.post img.profile { max-width:100px; }
.post img.noFrills { float:none;background:none;background-image:none;padding:0;border:none;margin:0; }

table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    margin: 1.5em .5em;
    }
tr { border-bottom: 1px solid #ccc; }
th { border-bottom: 2px solid #666; text-align:left; }
td { padding: .5em; }
table#invoiceTable { font-size: small; }

.post ul, .post ol { padding-bottom:.5em; }

.post ul { list-style-image: url(images/icon_list_arrow1.jpg); }

blockquote, p.quote, p.blockquote { padding: 1em 0; margin-left:1.5em;width:85%;text-align:justify; }

#lightwindow_data_caption { font-family:inherit;width:60%; }

.pdf{background:url(images/file-pdf.png) no-repeat center right;padding-right:1.5em;}
.folder{background:url(images/blankicon.jpg) no-repeat center left;padding-left:1.5em;}
.email{background:url(images/email.jpg) no-repeat center left;padding-left:2em;}

/*----------------------------------------------------------------------*/
/* right column */
/* sideabar positioning */
#sidebar {
    float: right;
    display: block;
    margin-left: 1em;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%;
    }
.sideBarBox { 
	display: block;
	overflow: hidden;
	width: 200px;
	height: auto;
	margin-bottom: .75em;
	padding-right: 10px;
	padding-bottom: .5em;
	background:url(images/shadow.gif) no-repeat right bottom;
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    }
#sidebar .sideBarBox h4 {
    width: 205px;
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    }
  
/* sidebar boxes by ID - this effects the color of the header */
/* home page featured video, news and events boxes */
#homeBox1 h4, #homeBox2 h4, #homeBox3 h4 { background-color: #5A536D; }
/* publications and pac-world boxes */
#publicationsBox1 h4, #pwjBox1 h4, #pwjBox2 h4, #pwjBox3 h4, #pwjBox4 h4 { background: #552211; }
/* myIBS and student boxes */
#studentBox1 h4, #myIBSBox1 h4 { background: #555544; }
/* about box */
#aboutBox1 h4 { background: #5A536D; }
/* admission box */
#admitBox1 h4 { background: #bbbb88; }
/* degree programs box */
#degreeBox1 h4 { background: #bbaa77; }
/* faculty and staff box */
#facultyBox1 h4 { background: #444433; }
/* news and events box */
#newsBox1 h4 { background: #770000; }
.sideBarBox h4 {
    width: 100%;
    color: white;
    text-align: center;
    padding: .5em 0;
    }
.sideBarBox h4 a:link, .sideBarBox h4 a:visited { color: white; text-decoration: none; }
.sideBarBox h4 a:hover { text-decoration: underline; }

/* sidebar content formatting */
#sidebar li {
    list-style-image: url(images/icon_list_arrow1.jpg);
    padding: 0 .5em 0 0;
    margin-left: -15px;
    }
#sidebar p { padding: .5em .5em 0 .5em; line-height: 150%; }
#sidebar p small { font-size:xx-small;line-height: 112%; }

#sidebar img.videoHighlightImage { max-width:150px; padding: .5em 1em; border: none; }

/*----------------------------------------------------------------------*/
/* and lastly, the footer */
#footer {
    clear: both;
    border: none;
    padding-top: 1.5em;
    margin-top: 5em;
    width: 75%;
    height: auto;
    font-size: 75%;
    font-family: Helvetica, Arial, sans-serif;
    border-top: 1px solid black;
    }
#footer a:link,
#footer a:visited,
#footer a:hover
    { color: #770000; text-decoration: underline; }

/*----------------------------------------------------------------------*/
/* FORMS FORMS FORMS and yet still, more forms */	
fieldset { border: 1px solid #666; width: 90%; }
fieldset ol { margin: 0; padding: 0; }	
fieldset li { list-style: none; padding: 5px; margin: 0; }
legend { padding: 0 .5em; font-weight: bold; color: black; }
label { display: inline-block; vertical-align: top; width: 40%; }
label#recaptcha_label { float:right; }
textarea { margin: 0; padding: 1px; font-family: inherit; width: 50%; }
select { }
input { }
.reqFields { font-size: smaller; color: red; }
/*----------------------------------------------------------------------*/
/* MYIBS AND ADMIN STYLES */
#editPageContent { float: right;margin:0; }
#editPageContent img { border:none;background-image:none;padding:1em;margin:0; }
.adminMessage { width:70%;padding:.5em; margin-bottom: 1em; border:1px solid #666;background:#ffffcc; }
table img.sorticon { float:none;border:none;background-image:none;padding:0;padding-left:.5em;margin:0;max-width:10px; }

/*------------------------------------------------------------------------------*/
/*for some reason, this is the key to making the background grow with the conent*/
#content { overflow: hidden; }
/*----------------------------------------------------------------------*/
/* KEEP THIS AT THE END! */
/* if its a printer trump other styles */
@media print {
    img { display: none; }
}