/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Pick font families */
body, aside h1, .sidenote h1, aside, .sidenote, blockquote,
h1, h2, h3, h4, h5, h6, .header, .subheader, .head, .subhead, .pullquote, .kicker{
	font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
/* Add general site styling here for typography and background */
body {
  font-size:87.5%;
  font-size:14px;
  line-height:1.58em; 
  color: #444;
  background: url('http://www.zmedicaleducation.com/sites/all/themes/zed/images/square_bg.png') repeat;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
	color: #287484;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active{
	color: #dc5518;
	text-decoration:underline;
}

/* General HTML Elements */

h1{
	font-size:2.285em;
	font-weight:normal;
	color: #f26522;
	line-height:1.4em;
	margin:.85em 0 0em;} 
h2{
	font-size:1.4em;
	font-weight:300;
	color: #f26522;
	padding-top:.1em;
	margin:2.05em 0 0.3em;}
h3{color: #287484; font-size:1.125em; margin:1.85em 0 0.25em;}
h4{font-weight:bold;font-size:1em;}
h3, h4, h5, h6, .kicker, .pullquote{font-weight:200;}
small{display:block;font-size:.75em;margin:2.2em 0 -.2em;font-style:italic;}
p, form{margin:1.58em 0;}
ul{margin-top: 0px; list-style-position:outside;list-style-type:disc;}
ol{margin-top: 0px; list-style-position:outside;list-style-type:decimal;}
li{margin: 0 0 0 0; line-height: normal;}
blockquote{font-style:italic;}
blockquote:before {font-size:4em;text-indent:-.6em;margin-top:.15em;float:left;}
cite{display:block;text-transform:uppercase;letter-spacing:1px;font-style:normal;font-weight:bold;font-size:smaller;margin-top:1.9em;}
cite:before{content:"–";float:left;font-size:1.5em;text-indent:-1.3em;font-weight:bold;margin-top:-.1em;}
pre{margin:1.5em;}
dl{margin:1.45em 0;/*border-top:1px dotted #999;border-bottom:1px dotted #999;*/}
dt{word-spacing:.1em;border-bottom:1px dotted #999;margin-top:1.7em;font-weight:bold;text-transform:uppercase;font-size:.9em;letter-spacing:1px;}
dt:before{content:"⟩";font-size:1.25em;text-indent:-1em;float:left;font-style:none;font-weight:normal;}
dd{font-style:italic;font-size:.9em;margin-bottom:1.65em;}
abbr{text-transform:uppercase;font-size:.85em;}
p {margin-bottom:0;hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4}

/*Compositional Elements*/
.kicker{font-size:1.33em;line-height:1.8em;font-style:italic;margin:1.75em 0 -.25em;}
.run-in{font-weight:bold;}
.superscript{font-family:arial, sans-serif;vertical-align:super;font-size:75%;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;}
.subscript{font-family:arial, sans-serif;vertical-align:sub;font-size:75%;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;}
a.superscript, a.subscript{text-decoration:none;}
aside, .sidenote{font-size:.83em;font-style:italic;margin-top:2em;}
aside h1, .sidenote h1{text-transform:uppercase;margin:0;font-size:1em;line-height:1.9em;font-style:italic;font-weight:bold;}
aside p, .sidenote p{line-height:1.9em;margin:0;}
aside p + p, .sidenote p + p{margin:1.9em 0;}
aside ul, aside ol, .sidenote ul, .sidenote ol{margin-top:1.9em;}
.pullquote{margin:.45em .5em 0 0;padding-top:.45em;line-height:1.58em;display:block;float:left;font-size:2em;width:50%;/*border-bottom:1px solid black;*/border-top:.15em solid black;}
.footnote{border-top:1px solid black;font-size:.75em;margin-top:3.7em;}
.footnote li{margin:.6em 0 2.1em;}
.caption{font-size:.8em;font-style:italic;margin:.6em 0 -.2em;}

/* Specific Typography
-------------------------------------------------------------- */



/* HTML Elements
-------------------------------------------------------------- */
body {
}

/* Wrapper Elements
---------------------------------------------------------------*/
#page{
	background: transparent url(../images/main_bg.png) repeat-y center top;
	position: relative;
	width: 100%;
	height: 100%;	
}
#header-wrapper{
	background: #0d4956 url(../images/header_bt.png) repeat-x center top;
	width: 100%;
}
#primary-wrapper{
	background: transparent url(../images/primary_wbg.png) repeat-x center top;
	height: 54px;
	width: 100%;
}

/* Site Info
-------------------------------------------------------------- */
.header-site-info{
	margin: 30px 20px;
}
/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
	float: left;
	width: auto;

}
#site-name-wrapper {
	margin-left: 40px;
	margin-top: 20px;
	width: 500px;
}

/* Link and hover styles for site name */
#site-name{
	color: #f26522;
	font-size: 2.285em;
	font-weight: bold;
	line-height: normal;
}
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
	color: #f26522;
}

/* Typography for site slogan */
#slogan {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height:normal;
	font-style: italic;
	color: #5c6b63;
	text-transform:lowercase;
}


/* Regions
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
.page {
}

/* Site info + Header Region
-------------------------------------------------------------- */
#header-group {
	background: url(../images/main_bg.png) repeat-y center bottom;
	padding: 0px 20px;
}

/* Primary Menu
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
.primary-menu {
	font-size: 1.5em;
	line-height: 1em;
	color: #fff;
	margin-top: 5px;
}

/* styles for primary menu */
.primary-menu-inner ul {
}


/* Link style for top level menu items, add padding here */
.primary-menu-inner ul li a,
.primary-menu-inner ul li a:visited  {
	color: #fff;
	padding: 8px 11px;
	margin: 0px 5px;
}

.primary-menu-inner ul li a:hover,
.primary-menu-inner ul li a:focus,
.primary-menu-inner ul li a.active {
	color: #fff;
	background-color: #287484;
}



/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */
.secondary-menu {
}

/* Set general style for menu here -- background, alignment, etc. */
.secondary-menu-inner ul.links {
}

/* Add a border-right here for a separator */
.secondary-menu-inner ul.links li {
}

/* Add border-right: 0; here to remove right separator on last menu item */
.secondary-menu-inner ul.links li.last {
}

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  padding: 3px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {
}

/* Header - Search
-------------------------------------------------------------- */
.search-box {
}

.search-box-inner {
}

.search-box-inner form#search-theme-form {
}

.search-box-inner input#edit-search-theme-form-header {
}

/*  Main Area (content + sidebars)
-------------------------------------------------------------- */
.main {
	min-height: 800px;
}
#main-group{
	background: url('http://www.zmedicaleducation.com/sites/all/themes/zed/images/shadow.png') repeat-x center top;
}

/* Highlight
-------------------------------------------------------------- */
#highlight{
	background: #eff9fb url("../images/highlight-bg.png") left bottom repeat-x;
	border-bottom: solid 1px #ffffff;
}
#highlight,
#highlight .block,
#highlight .block .inner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#highlight ul{
	font-size: 1.25em;
	line-height: normal;
	color: #0d4956;
	list-style-image:url("../images/bullet-arrow.png");
	list-style-position: outside;
	margin: 40px 15px 15px 15px;
	padding-left: 20px;
}
#highlight li{
	margin-top: 1em;
	margin-bottom: 0.50em;
}
#highlight a.action
{
   	display: block;
    width: 260px;
    height: 81px;
    text-decoration: none;
    background: url("../images/enrollButton.png");
}

#highlight a.action:hover{
	background-position: -260px 0px;
}
.displace{
	position: absolute;
    left: -5000px;
}
/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.sidebar-first {
	margin-top: 30px;
}
.sidebar-first .block .inner{
	margin-left: 30px;
	overflow: hidden;
}

.sidebar-last {
	margin-top: 30px;
}
.sidebar-last .block .inner{
	margin-right: 30px;
	padding: 20px;
	overflow: hidden;
}

/* Content Regions
-------------------------------------------------------------- */
.content {
}
.content-group{
	margin-top: 30px;
}
#content-inner-inner{
	margin: 0px 40px;
}
/*  Footer Region
-------------------------------------------------------------- */
#footer-wrapper{
	padding-top: 30px;
	position: relative;
	width: 100%;
	height: 100px;
	bottom: 0px;	
	clear:both;
	margin-top: 1em;	
}
.footer {
	color: #888;
	font-size: .85em;
	line-height: normal;
	background: url('http://www.zmedicaleducation.com/sites/all/themes/zed/images/shadow.png') repeat-x center top;
}

/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
}

/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

/* Typography for node titles */
h2.title {
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.teaser {
}

/* Author/date info */
.meta {
}

.submitted {
}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {
}
.node ul.links a {
}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {
}

/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {
}

/* Status messages: green */
div.content-messages-inner div.status {
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #fd5c06;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}

/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title {
	margin:0 0 10px 0;
	border-bottom: 1px solid #cdcdcd;
}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #777;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #fff;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
  margin: 2px;
  padding: 3px 5px;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
  border-top: 1px solid #ccc;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
}

/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff;
}

.comments div.even {
  background-color: #eee;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #ddd;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment-wrapper .picture img {
}


/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}


/* Skinr
/-------------------------------------------------------------- */

.bluefill .inner{
	background: #eff9fb;
}
.orangelinks a,
.orangelinks .inner a:link,
.orangelinks .inner a:visited{
	color: #dc5518;
}
.grayfill .inner {
  	background: #e0e0e0;
}
.grayborder .inner {
  	border:1px solid #dedede;
}
.bluetitle h2.title{
	color: #287484;
}
.graytitle h2.title{
	color: #555;
}

/*Views
/--------------------------------------------------------------- */
.faculty-bio table{
	border-collapse:separate;
	border-spacing: 10px 20px;
}
.faculty-bio tr{
	margin-bottom: 20px;
}
.faculty-bio td{
	text-align:center;
	width: 30%;
	margin-right: 5%;
	vertical-align: top;
	border: 1px solid #dfdfdf;
}
.faculty-bio td div.field-content{
	margin: 10px;
}
.faculty-bio .views-field-title{
	font-weight:bold;
}

/* Faculty & Staff Bio Pages
/--------------------------------------------------------------- */
.node-type-staff_profile

.node-type-staff_profile .field-field-image{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.node-type-staff_profile .field-field-staff-title{
	font-weight: bold;
}
.node-type-staff_profile .field-field-staff-type{
	font-style: italic;
}