/**
 * @file
 * Main stylesheet for ICSI theme
 */

/* Basic Typography & Colors
-------------------------------------------------------------- */
body {
  color: #666;
  font-size: 12px;
  line-height: 1.5em;
}

a,
a:link,
a:visited {
  color: #202648;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear; 
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5 {
  color: #1d2647;
  font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
}

h2,
h3,
body.not-front .views-field-title a {
  font-size: 18px;
  line-height: 1.35em;
}

h4 {
  font-size: 13px;
}

h5 {
  font-size: 15px;
}

p,
.content-inner ul, 
.content-inner ol {
  margin: 0 0 1em;
}

.node .contextual-links-region {
  z-index: 1;
}

.block .contextual-links-region {
  z-index: 2;
}

.block div.contextual-links-wrapper {
  top: 25px;
  right: 10px;
}

#header-top .block div.contextual-links-wrapper {
  top: 0;
}

#main-content .content ul.contextual-links li {
  padding: 0;
  background: transparent none no-repeat scroll 0 0;
}

.views-row .node div.contextual-links-wrapper {
  display: none !important;
}

.node.contextual-links-region {
  position: static !important;
}

#block-views-news-block_1 {
  margin: 0 30px 0;
}

.field-name-field-newsdate {
  color: #999;
  font-size: 11px;
  letter-spacing: 1px;
}

body.front h1.title {
  display: none;
}

body.front #content-group-inner {
  margin: 0 10px 0;
}

#content-region-inner,
.node {
  padding-right: 30px;
}

/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 300%;
  font-weight: normal;
  line-height: 150%;
  margin: 0;
}


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

blockquote {
  background: transparent url(../images/blockquote-bg.png) no-repeat scroll 0 0;
  font-style: italic;
  margin: 0 0 15px 0;
  padding: 20px 55px;
}

blockquote p {
  margin-top: 0;
}

#main-content .content ul li,
.footer .content ul li {
  list-style-image: none;
  list-style-type: none;
  background: transparent url("../images/bullet.png") no-repeat scroll left 8px;
  padding-left: 20px;
}

#main-content .content ul {
  padding-left: 20px;
}

#main-content .sidebar.region .content ul.menu {
  padding-left: 0;
}

.block ul,
.block ol {
  margin-left: 0;
}

ul.primary {
  margin-left: 0;
}



/* Site Info
-------------------------------------------------------------- */
.header-site-info span {
  display: block;
}

#logo {
  padding-top: 14px;
}


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

/* All Regions
-------------------------------------------------------------- */
.page {
  padding-top: 15px;
  width: 960px;
  position: relative;
}

.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}

/* Header Region
-------------------------------------------------------------- */
.header-group {
  height: 100px;
}

#header-site-info {
  width: 400px;
  float: left;
}

#main-menu-wrapper {
  float: left;
}

/* Main Menu
/------------------------------------------------------------- */
body.not-front #main-menu {
  margin-bottom: 2em;
}

#main-menu ul ul {
  display: none;
}

.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar,
.block-superfish.block ul.sf-menu li:hover, 
.block-superfish.block ul.sf-menu li.active {
  background: transparent none no-repeat scroll 0 0 !important;
}

.main-menu ul.menu,
.block-superfish.block ul.sf-menu {
  margin: 1em 0 0;
  padding: 0;
  border-bottom: 3px solid #FEB319;
  float: left;
  width: 940px;
}

.main-menu ul.menu a,
.block-superfish.block ul.sf-menu li a {
  background: white url(../images/main-menu-bg.png) no-repeat scroll 0 0;
  border-bottom: 3px solid #feb319;
  color: #1e214a;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 10px 23px;
  font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
  position: relative;
  top: 3px;
  border-top: none !important;
  border-left: none !important;
}

.main-menu ul ul li a {
  padding: 8px 23px 8px !important;
}

.block-superfish.block ul.sf-menu ul {
  top: 44px;
}

.block-superfish.block ul.sf-menu ul ul {
  top: 0;
}

.main-menu ul.menu a:hover,
.main-menu ul.menu a.active,
.block-superfish.block ul li a:hover,
.block-superfish.block ul li a.active,
.block-superfish.block ul li:hover a {
  border-bottom: 3px solid #212552;
}

.block-superfish.block ul.sf-menu ul li a {
  border: none;
  opacity: 0.9;
  background: #f6f6f6 none no-repeat scroll 0 0;
}

.block-superfish.block ul.sf-menu ul li a:hover {
  opacity: 1;
  background: #eee none no-repeat scroll 0 0;
}

/* Header - Search
-------------------------------------------------------------- */

#header-group {
  position: relative;
}

#header-group #block-search-form {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
}

#block-search-form .form-item {
  margin: 0;
}

#block-search-form input.form-text {
  float: left;
  margin-right: 5px;
  width: 170px;
}

#block-search-form input.form-submit {
  background: url(../images/search-submit-bg.png) no-repeat;
  border: none;
  float: left;
  font-size: 0;
  height: 26px;
  margin: -3px 0 0;
  padding: 0;
  text-indent: -9999px;
  width: 26px;
}

/*  Main Area (content + sidebars)
-------------------------------------------------------------- */
.main {
}


/* Sidebar Regions
-------------------------------------------------------------- */
.sidebar-first {
}

.sidebar-second {
}


/* Content Region
-------------------------------------------------------------- */
.region-content {
}



/* Footer Region
-------------------------------------------------------------- */
#footer.region {
  border-top: 5px solid #dddddd;
  background: transparent url("../images/footer-bg.png") repeat-x scroll 0 top;
  width: 940px;
  position: relative;
  padding: 30px 20px 0;
  min-height: 220px;
}

.footer h2.block-title {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

.footer ul li a {
  font-size: 11px;
}


.footer a {
  color: #666666;
}

.footer a:hover {
  color: #202648;
  text-decoration: none;
}


/* Page titles
/-------------------------------------------------------------- */
h1.title {
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 30px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.15em;
}


/* Default node styles
/-------------------------------------------------------------- */
.node-unpublished {
}

.preview .node {
}

h2.title {
}

h2.title a:link,
h2.title a:visited {
}

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

.node-teaser {
}

.meta {
}

.submitted {
}

#main-content ul.links li.node-readmore,
.sidebar ul.links li.node-readmore,
.view-news .views-field-view-node a {
  padding-left: 0;
  list-style-image: none;
  background: transparent url("../images/orange-bullet.png") no-repeat scroll right 4px;
  padding-right: 15px;
}

ul.links {
  padding: 0 !important;
}

.node ul.links a {
}

div.node .read-more a,
div.node .more-link a {
}

/* Drupal Messages
/-------------------------------------------------------------- */
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 {
}

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


/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title {
}


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

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


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

ul.pager li {
  list-style: none;
  list-style-image: none;
  background: transparent none no-repeat scroll 0 0 !important;
  margin: 0;
  padding: 0 3px 0 !important;
}

ul.pager li.pager-item a,
ul.pager li.pager-current {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 18px;
}

ul.pager a, ul.pager li.pager-current,
ul.pager a:hover {
  border: none;
  padding: 0;
  font-size: 18px;
}

ul.pager li.pager-current {
  border: none !important;
  padding: 0;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
}


/* Forms
/-------------------------------------------------------------- */
form input.form-submit {
  color: #2a225d;
  background: #ffb514;
  border: 1px solid #ffb514;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  margin: 0 5px;
  padding: 5px 8px;
  text-transform: uppercase;
}

form input.form-text,
form textarea {
  background: #f6f6f6 url(../images/input-text-bg.png) repeat-x;
  border-top: none;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: none;
  padding: 5px 6px 4px 6px;
}

form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

.form-item {
  margin: 0 0 1em 0;
}

.form-item input,
.form-item select,
.form-item textarea {
}

.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

fieldset {
}

fieldset legend {
}

fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}

#content form {
  background: url(../images/form-bg.png) repeat-x;
  border-top: 3px solid #222544;
  padding: 18px;
}


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

tbody {
}

thead th,
th {
  border: solid #ccc;
  border-width: 1px 0;
}

th,
td {
  padding: 5px;
}

tr.even,
tr.even td {
}

tr.odd,
tr.odd td {
}

td.active {
}

tr.drag td,
tr.drag-previous td {
}

/* Maintenance Page
/-------------------------------------------------------------- */
.in-maintenance  {
}


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


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
}

.book-navigation .page-links {
}


/* Comments
/-------------------------------------------------------------- */
div.comment {
}

div.comment h3.title {
}

div.comment div.links a,
div.comment ul.links a {
}

.comments .comment.odd {
}

.comments .comment.even {
}

.comments div.comment-by-author {
}

.signature {
}

.comment-wrapper .picture img {
}

.filter-wrapper {
  border: none;
}


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

.forum-topic-navigation {
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
}

div.poll div.bar div.foreground {
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
}

/* Styles for sub-headings on user profiles */
.profile dt {
}


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

/* This is a sample Skinr style to get you started. See fusion_starter.info */
.fusion-example-stylename .inner {
  /* When setting the background color, also set foreground colors for text and
    links, even if it's similar to the default body style. Remember, this block
    style may be used in regions with other foreground colors, thus making text
    invisible if left unspecified */
  background-color: #ccc;
  color: #000;
  /* All padding and borders should go on the .inner div, so as not to break
    the widths of the grid */
  border: 3px solid #000;
  padding: 10px;
}


/* Blocks
/-------------------------------------------------------------- */

#sidebar-second .block .gutter {
  background: #f3f3f3;
  border-top: 3px solid #23254e;
  padding: 18px
}

/* Fusion apply settings
-------------------------------------------------------------- */
.grey-background .gutter,
.yellow-background .gutter {
  padding: 15px 20px 10px;
  margin: 0;
}

.grey-background h2.block-title,
.yellow-background h2.block-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}

body.not-front .grey-background h2.block-title,
body.not-front .yellow-background h2.block-title {
  font-size: 14px;
}

.grey-background h2.block-title {
  color: #a1a5b9;
}

body.not-front .grey-background h2.block-title {
  color: #202648;
}

.yellow-background h2.block-title {
  border-bottom: 1px solid #ded6a8;
  color: #a99f66;
}

.grey-background {
  background: transparent url("../images/grey-background.png") repeat-x scroll 0 top;
  border-top: 5px solid #202648;
}

.yellow-background {
  background: #f7eebb none no-repeat scroll 0 0;
  border-top: 5px solid #ffb515;
}

/* View rows */
.underline-view-rows .views-row,
.underline-view-rows td {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}

.underline-view-rows .node {
  margin-bottom: 0;
}

.views-row-margin .views-row {
  margin-right: 30px;
}

/* Images */
.image-border-dropshadow .content img {
  padding: 5px;
  -webkit-box-shadow: 0 1px 2px #aaa;
  -moz-box-shadow: 0 1px 2px #aaa;
  box-shadow: 0 1px 2px #aaa;
  background-color: white;
}

/* Background images */
.bg-image-of-ground.block {
  width: 940px;
  height: 280px;
  background: transparent url("../images/background-images/ground.jpg") no-repeat scroll 0 0;
  color: white;
  margin-left: 10px;
}

.bg-image-of-planet.block {
  width: 940px;
  height: 280px;
  background: transparent url("../images/background-images/planet.jpg") no-repeat scroll 0 0;
  color: white;
  margin-left: 10px;
}

.bg-image-of-ground .content,
.bg-image-of-planet .content {
  margin: 50px 0 0 50px;
  font-size: 26px;
  width: 510px;
  line-height: 1.35em;
  font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
}

/* Blocks :: login block */
.login-block.block {
  font-size: 11px;
  width: auto;
  margin-top: 20px;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 99;
}

.login-block.block div.contextual-links-wrapper {
  top: 12px !important;
}

.copyright-block {
  font-size: 11px;
  color: #999;
  position: absolute;
  right: 10px;
  top: 20px;
  text-align: right; 
  line-height: 1.25em;
  padding-top: 65px;
  background: transparent url("../images/footer-icon.png") no-repeat scroll right top;
}

.copyright-block .gutter {
  margin:0;
}


/* Specific Views
-------------------------------------------------------------- */

/* Latest News */
.view-news .views-field-title a {
  font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: bold;
}

.view-news .views-field-field-newsdate {
  font-size: 11px;
  color: #999;
  margin-bottom: 5px;
}

body.front .view-news .views-row-1 {
  background: transparent url("../images/icons/newspaper.png") no-repeat scroll left 1px;
}

body.front .view-news .views-row-2 {
  background: transparent url("../images/icons/book.png") no-repeat scroll left 1px;
}

body.front .view-news .views-row-3 {
  background: transparent url("../images/icons/bell.png") no-repeat scroll left 1px;
}

body.front .view-news .views-row {
  padding-left: 35px;
}

body.not-front .views-field-field-eventdate,
body.not-front .field-name-field-newsdate {
  padding-left: 23px;
  margin-bottom: 5px;
  font-size: 11px;
  color: #999;
  background: transparent url("../images/icon-date.png") no-repeat scroll 0 2px;
}


/* DHTML menu */

.sidebar .content li.dhtml-folder.collapsed,
.sidebar .content li.dhtml-folder.opened {
  background: transparent none no-repeat scroll 0 0;
}

.sidebar.region .content li.dhtml-menu {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 12px;
}

.sidebar.region .content li {
  list-style-type: none;
  list-style-image: none;
}

.sidebar.region .content li ul {
  padding-left: 10px;
}

.sidebar.region .content li li {
  background: transparent url("../images/bullet.png") no-repeat scroll left 8px;
  padding-left: 20px;
  margin: 8px 0 8px;
  font-size: 12px;
}

.sidebar.region .content li.dhtml-menu.collapsed {
  list-style-image: none !important;
  background: transparent url("../images/icons/closed.png") no-repeat scroll left 4px !important;
  padding-left: 16px !important;
}

.sidebar.region .content li.dhtml-menu.expanded {
  list-style-image: none !important;
  background: transparent url("../images/icons/opened.png") no-repeat scroll left 6px !important;
  padding-left: 16px !important;
}

.sidebar.region .content li.dhtml-menu ul li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  padding-left: 20px !important;
  background: transparent url("../images/bullet.png") no-repeat scroll left 8px !important;
}