/*

Copyright (c) Loyola University New Orleans

FILE DESCRIPTION:
Generic styling info for content within the #col-main-content div.

LAST MODIFIED BY:
Sean 

NOTES:
1) body#fck stuff applies to content in the Drupal rich text editor. This file imported by fkceditor.css in Drupal. Also had to add a line to fckeditor.config.js in Drupal.

2) .cke_panel_listItem stuff is to apply content to the dropdown of CKEditor in 6.26 sites (it doesn't apply automagically like fckeditor). Also added lines in ckeditor.config.js.  There are also some lines added in ckeditor.style.js for the Styles dropdown.

*/

body#fck { background: #fff; padding: 5px 15px }

#col-main-content h1, div.intro h1 { color: #003; font-family: Helvetica; font-size: 26px; font-weight: bold; margin: 5px 0 17px 0; text-align: left }
#col-main-content h2, body#fck h2, .cke_panel_listItem h2 { color: #333; font: 20px Helvetica; padding: 10px 0; text-align: left }
#col-main-content h3, body#fck h3, .cke_panel_listItem h3 { color: #004e5d; font: 20px Georgia; font-style: italic; padding: 8px 0 }
#col-main-content h4, body#fck h4, .cke_panel_listItem h4 { border-bottom: 1px #666 solid; color: #333; font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold; margin-bottom: 5px; padding: 0 0 5px 0; text-transform: uppercase }
#col-main-content h5, body#fck h5, .cke_panel_listItem h5 { color: #666; font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold; margin: 10px 0 3px 0 }

#col-main-content li, body#fck li { color: #666; font-size: 12px; line-height: 16px; margin-bottom: 5px }
#col-main-content p, body#fck p, #col-main-content dd { color: #666; font-size: 12px; line-height: 18px }
#col-main-content p, body#fck p { margin-bottom: 15px }
#col-main-content dt { font-weight: 700; padding: 15px 0 12px 0 }
#col-main-content .intro, body#fck .intro { color: #333; font-size: 14px; line-height: 24px }
#col-main-content a, div.intro a, body#fck a { color: #333 }
#col-main-content a:hover, div.intro a:hover, body#fck a:hover { color: #600 }

#col-main-content ul, #col-main-content ol, body#fck ul, body#fck ol { margin: 0 0 17px 20px }
#col-main-content ul, body#fck ul { list-style: disc }
#col-main-content ol, body#fck ol { list-style: decimal; margin-left: 30px }
#col-main-content ul ul, #col-main-content ol ul, body#fck li ul { margin: 3px 0 3px 20px }

#col-main-content ol.search-results { background: #f3eee7; border-top: 1px dotted #999; color: #666; list-style: none; margin: 0 0 15px }
#col-main-content ol.search-results li { border-bottom: 1px dotted #999; padding: 15px }
#col-main-content ol.search-results p { font-size: 11px; line-height: 16px; margin: 0 }
#col-main-content ol.search-results p a { color: #600; text-decoration: none }
#col-main-content ol.search-results p a:hover { text-decoration: underline }

#col-main-content blockquote {	margin: auto 30px; }

#col-main-content hr, body#fck hr { background-color: #fff; border-color: #ccc; border-style: dashed; border-width: 2px 0 0; color: #fff; margin: 25px 30px 15px 30px }
hr.clear { clear: both; display: block; visibility: hidden; width: 100% }

.maroon { color: #600 !important }
a.maroon:hover { color: #003 !important }
.navy { color: #003 !important }
.green { color: #004e5d !important }
.gold { color: #a87e2a !important }
a.navy:hover, a.green:hover, a.gold:hover { color: #600 !important }
em { font-style: italic }
sub, sup { font-size: 11px }
sub { vertical-align: sub }
sup { vertical-align: super }

#col-main-content img[align=left], .float-left { float: left; margin: 4px 15px 8px 0 !important }
#col-main-content img[align=right], .float-right { float: right !important; margin: 4px 0 8px 15px !important }
.rtecenter { text-align: center !important }

.loyola-drupal-edit, .loyola-drupal-list, .loyola-drupal-weight { display: block; font: 100 10px Arial, Helvetica, sans-serif; line-height: 10px }
.loyola-drupal-edit { float: left; margin: 4px 10px 0 0 }
.loyola-drupal-edit a { background: url(/assets/shared/images/css/icons/arrow-grey-up-15x15.gif) no-repeat 0 center; color: #999; padding: 3px 5px 3px 15px }
.loyola-drupal-edit a:hover { color: #600 }
.loyola-drupal-list { font-size: 12px; line-height: 12px; margin: -6px 0 15px -10px }
.loyola-drupal-list a { background: #dedede url(/assets/shared/images/css/icons/arrow-white-down-15x20.gif) no-repeat 2px center; color: #999; padding: 3px 5px 3px 19px; text-decoration: none !important }
.loyola-drupal-list a:hover { background-color: #600; color: #fff }
.loyola-drupal-weight { color: #999; float: left; margin-top: 4px }

#protected-page { background: url(/assets/shared/images/css/icons/protected-page.png) no-repeat left; color: #999; display: block; font-size: 11px; height: 21px; line-height: 21px; margin: 0 0 20px 0; padding-left: 22px; width: auto }
.main-image img, img.main-image { border-bottom: 10px solid #fff }

/* Icons to signify links to PDF and Word documents */
#col-main-content a[href $='.pdf'] { background: transparent url(/assets/shared/images/css/icons/pdf.gif) no-repeat center right; padding-right: 32px }
#col-main-content a[href $='.doc'], #col-main-content a[href $='.docx'] { background: transparent url(/assets/shared/images/css/icons/word.gif) no-repeat center right; padding-right: 43px }
#col-main-content a.no-icon { background: none !important; padding-right: 0 !important }

/* Share buttons */
#col-main-content .share-buttons { padding: 5px 0 12px }
#col-main-content .share-buttons a#fb_share { padding-right: 10px; position: relative; top: -8px }

/* Button styling for links */
#col-main-content a.button-link-red, #col-main-content a.button-link-red:active, #col-main-content a.button-link-red:visited {
	background: url(/assets/shared/images/css/button-bg-red.png) repeat-x;
	background-position: left center;
	border: none;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	margin: 10px 0;
	padding: 6px 10px;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#col-main-content a.button-link-red:hover {
	background: none;
	background-color: #510000;
}
/* Admin Welcome Page */
#col-main-content #welcome-page ul {
	list-style:none;
	margin-left:0;
}
#welcome-page h2 {
	font-size:16px;
	margin-top:20px;
}
#welcome-page {
	background-color: #fff;
}
.wolfpack #welcome-page {
	padding-left: 5px;
}
#welcome-page div {
	font-size:12px;
}
#col-main-content #welcome-page a, #col-main-content #welcome-page a:active, #col-main-content #welcome-page a:visited {
	color:#600;
	text-decoration:none;
}
#col-main-content #welcome-page a:hover {
	color:#000;
	text-decoration:underline;
}
.horiz-fadedown { 
	background:url(/assets/shared/images/admin/main-content-horiz-fadedown.gif) no-repeat top center; 
	margin-bottom:20px;
	display:block;
}
.welcome-resources .column2 {
	float:left;
	width:338px;
}
.welcome-webteam .column3 {
	float:left;
	width:210px;
	border-right: 1px solid #ccc;
	margin-right: 10px;
}
.welcome-webteam .last {
	border:none;
	margin:0;
	float:right;
}
.welcome-icons .column5 {
	float:left;
	width:138px;
	text-align:center;
}
.wolfpack .welcome-icons .column5 {
	width:135px;
}

/* Delete node page */
form#node-delete-confirm.confirmation div p {
	color: #c00;
	padding: 10px 0;
}

/* Hide the Honeypot */

.asdfsd {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* Webforms Clearfix - added because template doesn't currently allow custom css to simply add .clearfix */
.webform-component-textfield:before, .webform-component-textfield:after,
.webform-component-select:before, .webform-component-select:after,
.webform-component-email:before, .webform-component-email:after,
.webform-component-textarea:before, .webform-component-textarea:after {
	content: " "; /* 1 */
	display: table; /* 2 */	
}
.webform-component-textfield:after,
.webform-component-select:after,
.webform-component-email:after,
.webform-component-textarea:after {
	clear: both;
}