/*
 * Carleton College
 * Varsity Athletics
 * Tableless Layout Stylesheet
 */

/*
 * To the reader:
 *
 * I apoligize for the spaghetti-like mess of rules controlling the navigation.
 * Had the direct descendent selector (>) been available, this would be much
 * nicer. There are many rules that exist only to override ones that end up
 * being overly broad, that wouldn't be necessary if I could've used the
 * selector.
 *
 * - Eric Naeseth (Feb 15, 2007)
 */

@import url(/global_stock/css/png_fix.css);

body {
	background-color: #F4F6FB;
}

.banner {
	border-bottom: none;
}

a {
	color: #0B2385; /*#122D9C*/
}

a:visited {
	color: #3B487B; /*#4A5688*/
}

div#athleticsBanner {
	background: #8AA3D0 url(siteNavShadow.gif)
		repeat-x bottom left;
	height: 55px;
	width: 100%;
	text-align: left;
	position: relative;
	padding-top:7px;
}

div#athleticsBanner h1 {
	margin: 0;
	position: relative;
}

/* "The Knights Online: Carleton Varsity Athletics" image. */
div#athleticsBanner h1 a
{
	display: block;
	position: absolute;
	top: 0;
	left: 26px;
	
	background: transparent url(/athletics/images/knights_online_text.gif)
		no-repeat 0 8px;
	width: 276px;
	height: 42px;
}

/* Image replacement; hide the "Varsity Athletics" text. */
div#athleticsBanner h1 a span {
	display: block;
	position:absolute;
	left:-9999px;
}

img#kn_image {
	position: absolute;
	top: -8px;
	right: 20px;
	z-index: 2;
}

div#athleticsBannerForms
{
	position: absolute;
	top: 17px;
	left: 310px;
	vertical-align: middle;
}
div#athleticsBannerForms, div#athleticsBannerForms * {
	vertical-align: middle;
}

div#athleticsBannerForms #bannerXtra {
	margin:0 125px 0 40px;
	float:none;
}

div#athleticsBannerForms #sport_list, div#athleticsBannerForms form, div#athleticsBannerForms #bannerXtra {
	display:inline;
}

div#athleticsBannerForms #sport_list input {
	background-color: #748FC2;
	color: white;
	margin-left: 5px;
	padding: 0 3px;
	border: 2px solid #7D98D1;
	border-bottom-color: #435982;
	border-right-color: #435982;
}

div#athleticsBannerForms #sport_list select {
	background: #D9E2F4;
	color: #385790;
	border: 2px solid #7D98D1;
	border-top-color: #435982;
	border-left-color: #435982;
}

div#wrapper {
	padding-left: 0; /* overriding three_column_1.css */
}

#breadcrumbs {
	background:none;
	color:#666;
}

div#bannerAndMeat {
	margin: 4px 12% 30px 30px;
}

#bannerXtra form {
	margin: 0;
	padding: 0;
}



#bannerXtra input, #bannerXtra a {
	vertical-align: middle;
	padding: 2px 3px;
}

#minisiteSearchInput {
	background: #F1F3F8 url("input_top_gradient.gif") top left repeat-x;
	border: 1px solid #748FC2;
	color: #385790;
}

a.searchSubmitLink {
	margin-right: 0; /* overriding modules_mod.css */
	margin-left: 4px;
	padding-left: 4px;
	font-size:0.75em;
}

div#banner h1 a {
	color: #4163A0;
	text-decoration: none; /* ditto; should be .siteLink -EN */
}

div#meat {
	border-top: 6px solid #C8D5EA;
	background: url(faux_border.gif) repeat-y right;
	/*border-bottom: 1px solid #C8D5EA;*/
	/*border-right: 1px solid #C8D5EA;*/
}

div#meat, div#footer {
	padding-right: 1px;
}

div#content, div#related, div#navigation {
	margin-bottom: 0; /* overriding three_column_1.css */
}

div#content, div#related {
	border-bottom: 1px solid #C8D5EA;
}

div#content {
	margin-top: 0;
	background: white url(faux_border.gif) repeat-y left;
}

/* div#content > * */
div#content div.contentHead,
	div#content div.contentMain,
	div#content div.contentPost 
{
	margin-left: 13px;
}

.containsRelated div#related {
	background: white url(faux_border.gif) repeat-y left;
}

div#related {
	background-color: white;
	margin-top: 0;
	margin-right: 0;
}

div#minisiteNavigation {
	/*border-right: 1px solid #DCE4F1;*/
	background: #F4F6FB url(nav_background.gif) repeat-y right;
}

div#minisiteNavigation ul {
	margin: 0;
	padding: 0;
}

div#minisiteNavigation li {
	margin: 0;
	padding: 0;
	padding-top: 1px;
	background: url(nav_element_divider.gif) top repeat-x;
}


/*
 * Fix for an Internet Explorer gotcha. See
 *   http://www.satzansatz.de/cssd/onhavinglayout.html
 * for an explanation. -EN
 */
div#minisiteNavigation li,
	div#minisiteNavigation p.LinkAtTop
{
	width: 100%;
}

div#minisiteNavigation ul.navListTop li#first_nav_el {
	padding-top: 0;
}

div#minisiteNavigation a {
	text-decoration: none;
}

div#minisiteNavigation a:hover {
	text-decoration: underline;
}

div#minisiteNavigation ul.navListTop {
	border-left: 3px solid #C8D5EA;
	padding-bottom: 0;
	margin-bottom: 0;
}

p.LinkAtTop {
	margin: 0;
	padding: 0;
	background-color: #C8D5EA;
	border-bottom: 4px solid #F6F8FB;
}

p.LinkAtTop a
{
	display: block;
	margin: 0;
	padding: 10px 10px 10px 12px;
}

p.LinkAtTop a, ul.navListTop a,
	ul.navListTop li.active_item li a,
	ul.navListTop li.open ul a
{
	background: #C8D5EA url(nav_element_background.gif) repeat-y right;
}

ul.navListTop a:hover,
	p.LinkAtTop a:hover,
	ul.navListTop li.active_item li a:hover,
	ul.navListTop li.open ul a:hover
{
	background: #B6C7E2 url(nav_element_hover.gif) repeat-y right;
}

/* If we're on a deep page, make its parent have the current element child
   behavior as well. The next two rules _must_ appear above the third because
   active_item is for some reason a class and not an ID, so the order of the
   rules in the CSS file must be relied on to apply proper precedence. -EN */
ul.navListTop  ul.navList li ul.navList li a,
 	ul.navListTop ul.navList li ul.navList li strong,
	ul.navListTop ul.navList li.open ul.navList li a,
	ul.navListTop li.open ul.navList li.open a
{
	background: #E6ECF6 url(nav_current_element_child.gif) repeat-y right;
}

ul.navList li.navListItem ul.navList li a:hover,
 	ul.navListTop li.open ul.navList li.open a:hover
{
	background: #D4DFF3 url(nav_current_element_child_hover.gif) repeat-y right;
}

ul.navListTop li.active_item strong,
	ul.navListTop li.active_item a,
 	ul.navListTop li.open ul.navList li.active_item a,
	ul.navListTop li.open ul.navList li.active_item strong
{
	background: #F7F9FC url(nav_current_element.gif) repeat-y right;
}

div#minisiteNavigation div.navListTop {
	padding-bottom: 0;
}

div#minisiteNavigation div.list {
	background: #C8D5EA url(/athletics/images/sportNavCorner.gif)
		bottom left no-repeat;
	padding-bottom: 17px !important;
}

div#minisiteNavigation ul.navListTop li#first_nav_el {
	padding-top: 0px;
}

div#minisiteNavigation ul.navListTop li ul,
	div#minisiteNavigation ul.navListTop li a
{
	margin-top: 0;
}

div#minisiteNavigation ul.navList li {
	border-left: none;
}

ul.navListTop li#first_nav_el a,
	ul.navListTop li#first_nav_el strong
{
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.navListTop li a,
	ul.navListTop li.open strong,
	ul.navListTop li#first_nav_el ul.navList li a,
	ul.navListTop li#first_nav_el ul.navList li strong
{
	display: block;
	padding: 4px 10px;
}

ul.navListTop li#first_nav_el a strong,
	ul.navListTop li a strong,
	ul.navListTop li#first_nav_el ul.navList li a strong
{
	padding: 0;
	display: inline;
	background: transparent;
	border-top: none;
}

ul.navListTop li#first_nav_el ul.navList li a,
	ul.navListTop ul.navList li a,
	ul.navListTop ul.navList li.open strong,
	ul.navListTop li#first_nav_el ul.navList li a,
	ul.navListTop li#first_nav_el ul.navList li strong
{
	padding-left: 2em;
}

ul.navListTop ul.navList ul.navList li a,
	ul.navListTop ul.navList ul.navList li.open strong,
 	ul.navListTop li#first_nav_el ul.navList ul.navList li a,
	ul.navListTop li#first_nav_el ul.navList ul.navList li strong
{
	padding-left: 4em;
}

ul.navListTop li#first_nav_el strong,
	ul.navListTop li#first_nav_el a
{
	border-top: 3px solid #C8D5EA;
}

ul.navListTop li#first_nav_el li strong,
	ul.navListTop li#first_nav_el li a
{
	border-top: none;
}
/*
div.bannerXtra {
	margin-top: 15px;
}
*/
.banner {
	margin: 0 12% 0 0;
}
.layout
{
 	margin: 4px 12% 30px 30px;
 	padding: 0px;
}

#footer
{
	background-color: transparent;
	border: none;
}

.subnav {
	border: none;
	padding-top: 5px;
}

div.contentPost ul.childrenList
{
	border: none;
}


div#athleticsPub ul {
	list-style-type: none;
	margin: 0 0 0 0.2em;
	padding: 0;
}

div#athleticsPub ul li {
	font-size: 100%;
	margin-bottom: 1.5em;
	overflow: hidden;
}

div#athleticsPub ul li div.teaserImage {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

div#athleticsPub ul li div.teaserImage img {
	border: 1px solid #000;
}

div#athleticsPub ul li div.teaserImage div.tnAuthor,
div#athleticsPub ul li div.teaserImage div.tnDesc
{
	width: 125px; /* no wider than typical thumbnail */
}

/*
div#athleticsPub ul li .date,
	div#athleticsPub ul li h4,
	div#athleticsPub ul li .desc
{
	float: right;
}
*/
div#athleticsPub ul li .date {
	font-size: 90%;
	/*color: #444;*/
	color: #eb6b27;
}

div#athleticsPub ul li h4 {
	font-weight: normal;
	font-size: 110%;
	margin: 0.2em 0 0.3em 0;
}

div#athleticsPub ul li .desc p {
	margin: 0;
	display: inline;
}

div#athleticsPub ul li p.athleticsMore {
	font-weight: bold;
	display: inline;
	margin-left: 0.5em;
}

div#athleticsPub #featuredItems li h4 {
	font-weight: bolder;
}

div#athleticsPub .sportName {
	font-weight: bold;
}

div#athleticsPub ul li.headline_only {
	margin-bottom: 0.8em;
}

div#athleticsPub ul li.headline_only h4 {
	margin-top: 0.1em;
	font-size: 100%;
	font-weight: normal;
}

/* The following styles were copied from /global_stock/css/modules_mod.css, replacing
 * #blog with #athleticsPub. -EN */
div#athleticsPub div.containsImages div.text,
div#athleticsPub div.containsRelatedEvents div.text {
	float: left;
	width: 67%;
}
div#athleticsPub div.containsImages div.images,
	div#athleticsPub div.containsImages div.assets,
	div#athleticsPub div.containsImages div.categories,
	div#athleticsPub div.containsRelatedEvents div.relatedEvents
{
	float: right;
	width: 28%;
	clear: right;
}
div#athleticsPub div.containsImages div.comments {
	clear: both;
}
div#athleticsPub div.containsImages div.images h4 {
	display: block;
	position: absolute;
	left: -9999px;
	width: 100px;
}
div#athleticsPub div.containsImages div.images ul {
	padding: 0px;
	margin: .5em 0px .5em 0px;
	list-style: none;
	text-align: center;
}
div#athleticsPub div.containsImages div.images ul {
	padding: 0px;
	margin: .5em 0px .5em 0px;
	list-style: none;
}
div#athleticsPub div.addCommentForm,
	div#athleticsPub div.returnToList,
	div#athleticsPub div.back
{
	clear: both;
}

/* Rosters */
div#athleticsPlayerInfo h4 {
	margin-bottom: 0.5em;
}

div#athleticsPlayerInfo div.moreInfo {
	margin-left: 2em;
}

/* Recent and Upcoming Games */
#sidebar.containsAthleticsMiniSchedule {
	margin: 0;
}

#sidebar #miniCal {
	background: transparent;
	border:none;
	border-left: 1px solid #C8D5EA;
	display:inline-block;
}
#sidebar #miniCal {
	display:block;
}
/* #sidebar #miniCal #events a {
	display:inline-block;
}
#sidebar #miniCal #events a {
	display:block;
} */
#sidebar #miniCal #events a:hover {
	color:#600;
}
#sidebar #miniCal h3 {
	margin: 0;
	padding: 0.5em 0.8em;
	background: #627eb1;
	color: white;
	font-size: 115%;
}

#sidebar #miniCal div#events h4, #sidebar #miniCal p.more {
	border: none;
	margin: 0;
	background: #627eb1;
	color: white;
	padding: 0.35em 0.25em;
}

#sidebar #miniCal #events ul {
	margin: 0;
	background-color:#f3f7ff;
}

#sidebar #miniCal #events ul li {
	margin: 0;
	padding: 0.4em 0.3em 0.7em 1.0em;
	font-size:97%;
	clear:right;
	overflow:hidden;
	display:inline-block;
}
#sidebar #miniCal #events ul li {
	display:block;
}

#sidebar #miniCal #events ul li .broadcastURL
{
	float: right;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebar #miniCal #events ul li .broadcastURL img
{
	border: 0px;
}

#sidebar #miniCal #events ul li.even {
	background: #e2eaf9;
}

#sidebar #miniCal #events dl.athleticsEvent {
	margin: 0;
	padding: 0;
	display:inline-block;
}
#sidebar #miniCal #events dl.athleticsEvent {
	display:block;
}

#sidebar #miniCal #events dl.athleticsEvent dt {
	display: none;
	margin: 0;
	padding: 0;
}

#sidebar #miniCal #events dl.athleticsEvent dd {
	margin: 0;
	display:inline-block;
}
#sidebar #miniCal #events dl.athleticsEvent dd {
	display:block;
}

#events dd.date {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 0.1em;
}

#sidebar #miniCal p.more {
	text-align: center;
	font-weight: bold;
	font-size: 105%;
	padding:0.5em 0.7em;
}

#sidebar #miniCal p.more a {
	color: white;
}

#sidebar #miniCal p.more a span.chevron {
	text-decoration: none !important;
}

/* A couple css fixes on athletics for things i noticed - if new problems crop up check these
   to see if i accidently broke anything - nwhite */

/* Little fix for eventDetails when images are present */
div#calendar div.eventDetails div.images {
	clear: right;
}

/* Another little fix - lots of images associated with a story was forcing the back links way down */
div#athleticsPub div.back
{
	clear: left;
}

/* Sport name on header */

div#bannerAndMeat h2
{
	padding-bottom: 2px;
}

div#bannerAndMeat h2.sportName span
{
	color: #4163a0;
}

div.publication div.moduleNav ul li {
        border-top: none;
}

div.publication div.persistent {
	border-left: none;
	padding:1em 2%;
	margin-left:2% !important;
	background-color:#eee;
	font-size:0.88em;
	color:#444;
	width:24%;
       /* float: none;
        width: 0px;*/
}

div#blog div.persistent div.addItemLink, div#blog div.persistent div#filtering {
	margin:0 0 0.5em 0;
}
div.publication div.persistent form.searchForm label {
	display:block;
}

/* slight mod to increase caption font size and make more caption space for athletics slide shows */
div#slideInfoZone {
	padding-bottom: 25px;
}
div#slideInfoZone h2 {
	font-size: larger;
}