/*

 * @file

 * global.styles

 *

 * Styles you add here will load for all device sizes, they are "global", as

 * opposed to "responsive" styles, which only load for a given breakpoint (media

 * query) that you set in theme settings. See the README for more details.

 *

 *

 * How to use this file:

 * --------------------

 *

 * There are many empty selectors and some basic styles to act as a guide.

 * Nothing is set in stone and you can change anything - even delete all of it

 * and start with your own clean slate.

 *

 * See global.base also which includes normalize.css and some additional

 * helper classes and base styles.

 */



/* =============================================================================

 *   Base

 * ========================================================================== */



/*

 * To preserve theme settings never apply font properties to the HTML element.

 * This is critically important if you are using the Responsive JavaScript

 * feature as this relies on being able to set a pseudo font family on the HTML

 * element. If you need to set default font properties of any kind use the BODY

 * element as these can be overridden using font theme settings.

 */
 
 html {color:#333;}
 
.snw-b #site-name, .ssw-b #site-slogan, .ptw-b #page-title, .ntw-b .node-title, .ctw-b .comment-title, .btw-b .block-title {
    font-weight: 300;
}


/* Faculty */

.personDetails {
margin-left:30px;
}
.personListing p {
margin-bottom: 0px;
font-weight: bold;
}
.personDetails {
font-weight: normal !important;
}
h1, h2, h3 {
	/*color: #c93;*/
	line-height: 1.5em;
}
.others {
font-weight: normal !important;

}
html {

   background-color: #3C557E;
  background-image: url("../images/Linguistics_bgrd.jpg");

}

.node-readmore {
background-image: url("../images/readmore-line.png");
 
display:block !important;
width: 100%;
background-repeat: repeat-x;
text-align:right;
background-position: 0 5px;
margin-left: 14px;

}
.node-readmore a {
background:white;
padding-left: 7px;
padding-right: 10px;
}

li.node-readmore {margin-left:0;}

.node-readmore:before {
 background-image: url("../images/readmore-left.png");

 content:"test";
 color: rgba(255,255,255,0);
background-position: 5px -3px;
 display:inline;
 background-repeat: no-repeat;
}

/* Homepage Spotlight */
#block-views-news-block-2 {
background-color:#fff2d5;
border: 1px solid grey;
padding:10px;
}
#block-views-news-block-2 h2 {
text-decoration: none;
border-bottom: 1px solid orange;
width:100%;
margin-bottom:10px;
}

#block-views-news-block-2 img {background: none repeat scroll 0 0 white;
    box-shadow: 0 0 3px #333333; float:left; padding:7px; margin-right:15px; margin-bottom:15px;}


.node-readmore:after {
 background-image: url("../images/readmore-right.png");

 content:"test";
 color: rgba(255,255,255,0);
background-position: 0px -4px;
 display:inline;
 padding-right:0px;
 background-repeat: no-repeat;
}



#primary-menu-bar li,#superfish-1 li .sf-depth-1 {
	background-image: url("../images/nav-itembg.png");
	padding: 10px;
	text-transform:uppercase;
	color:black;
	background-size: 100% 100%;
	margin-top: -10px;
	background-repeat: no-repeat;
	list-style-type: none !important;
list-style-image: none !important;
height:30px;
font-size:.9em;
}

#superfish-1 li .sf-depth-2 {
background: rgba(236,237,241,0.7) !important;
color:blue;
border-top: 1px solid grey;
	

}
#superfish-1 li .sf-depth-2 a:hover{
background: rgba(245,230,149,0.7) !important;
color:blue;
border-top: 1px solid grey;

}
#superfish-1 li .sf-depth-3 {
background: rgba(236,237,241,0.7) !important;
color:blue;
border-top: 1px solid grey;



}
#superfish-1 li .sf-depth-3 a:hover{
background: rgba(245,230,149,0.7) !important;
color:blue;
border-top: 1px solid grey;


}
#primary-menu-bar li a, #superfish-1 li a {
color: black;
}
#menu-bar.toolbar {
width: 100%;
position: absolute;
margin-top: -40px;
}
#menu-bar{
width: 100%;
top:0px;
position: absolute;
 margin-top: 2px;
}
.sf-depth-1 span {
background: none !important;

}

#primary-menu-bar, #superfish-1 {
 
 
top: 0px;
position: absolute;

}
#header {
width:100%;
background-image: url("../images/nav-bg.png");

background-color:orange;
left: 0px;
top: 0px;
position: absolute;
height:41px;
z-index:0;
}
#superfish-1-select {
z-index:10;

}
body {

  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;

  font-size: 87.5%;

}

body.toolbar{


}
body.toolbar #header {

top: 70px !important; 
}
body.toolbar #primary-menu-bar , body.toolbar #superfish-1{
top: 70px !important; 
}
 



/* =============================================================================

 *   HTML Elements

 * ========================================================================== */



h1 {}



h2 {margin-bottom:0;}



h3 {margin-bottom:0;}



h4 {margin-bottom:0;}



h5 {}



h6 {}



p {}



b,

strong {}



i,

em {}



dfn {}



sup {}



sub {}



del {}



ins {}



blockquote {}



cite {}



q {}



address {}



ul {}



ol {}



li {}



dl {}



dd {}



dt {}



abbr {}



acronym {}



pre,

code,

tt,

samp,

kbd,

var {

  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;

}





/* =============================================================================

 *   Wrappers

 * ========================================================================== */



/*

 * Page wrapper, includes the .container class which sets the overall page or section width

 * Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it!

 */

#page {}

#page .container {}



/*

 * Wraps all header elements - branding and .region-header

 */

#header {}



/*

 * Wraps the sidebars the content column

 */

#columns {

margin-top:-20px;
background-color: white;
*/
}



/*

 * Main content column wrapper

 */

#content-column {
background-color:white;
min-height:100%;
}



/*

 * Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column

 */

#main-content {
background-color:white;
}

.node-title a, .node-title a:link {
color:#333;

}

.region-sidebar-second{

 background-repeat: repeat-y;
background-image: url("../images/side-bg.png");
background-position: -1px;
min-height:800px;

background-color:#FFF2D5;
}

.region-sidebar-second .block-title {

background-image: url("../images/side-titlebg.png");
padding-left:10px;
color: white;
background-size: 100% 100%;

}

.region-sidebar-second .block-content {

padding: 5px;

}
.region-sidebar-second h2 {

width: 100%;
}
/*

 * Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style

 */

#content {

background-color:white;
}



/*

 * Footer wrapper

 */

#footer {

background-color: #01284F;
height:50px;
margin-top: -13px;

}
#footer ul {


  padding-top: 10px;

}
#footer  a{
 
color:white;

}
#footer ul.menu {
text-align: center;
}
#footer ul.menu li.leaf.first {

list-style-type: none !important;
list-style-image: none !important;
display: inline;
margin-right: 10px;
}
#footer ul.menu li.leaf {
display: inline;
margin-right: 10px;
}
#footer ul.menu li.leaf:before { 
color: white; 
content: "| ";
}

#footer ul.menu li.leaf.first:before { 
color: white; 
content: "" !important;
}


/*

 * Panels may need additional margin wrangling when in the $content region

 */

#content .panel-display {}



/*

 * Full Width Wrappers

 * These are used in the optional page--full-width-wrappers.tpl.php template.

 * All have internal .container classes. In the full width wrapper template the

 * .container classes set the width or max-width of the contained element - you

 * can style this but never add any width/margin/padding/borders etc to .container

 */

/*

 * Wraps #page

 */

#page-wrapper {}

#page-wrapper .container {}



/*

 * Wraps the leaderboard

 */

#leaderboard-wrapper {}

#leaderboard-wrapper .container {}



/*

 * Wraps the header

 */

#header-wrapper {

  /* Debug styles, is this working */

  background: rgba(255, 192, 203, 0.5);

}

#header-wrapper .container {}



/*

 * Wraps the nav elements

 */

#nav-wrapper {}

#nav-wrapper .container {}



/*

 * Wraps breadcrumb

 */

#breadcrumb-wrapper {}

#breadcrumb-wrapper .container {}



/*

 * Wraps messages and help

 */

#messages-help-wrapper {}

#messages-help-wrapper .container {}



/*

 * Wraps the secondary content/preface region

 */

#secondary-content-wrapper {}

#secondary-content-wrapper .container {}



/*

 * Wraps the main content column

 */

#content-wrapper {}

#content-wrapper .container {}



/*

 * Wraps the tertiary content/postfix region

 */

#tertiary-content-wrapper {}

#tertiary-content-wrapper .container {}



/*

 * Footer wrapper

 */

#footer-wrapper {

  /* Debug styles, is this working? */

  background: rgba(255, 192, 203, 0.5);

}

#footer-wrapper .container {}





/* =============================================================================

 *   Branding

 * ========================================================================== */



/*

 * Wraps all the branding elements, logo, name and slogan

 */

#branding {
margin: 11px auto;
width: 1100px;
}



/*

 * Logo

 */

#logo {
background-image: url("../images/front-logo.png");
min-height: 290px;
width: 110%;
background-size: 1020px;
display: inline-block;
margin-right: auto;
margin-left: -10%;
background-position: -10.5px center;
margin-bottom: 10px;
background-repeat: no-repeat;
}

 #logo2 {
background-image: url("../images/sub-logo.png");
min-height: 186px;
width: 105%;
background-size: 832px auto;
display: inline-block;
margin: 40px auto -17px -4%;
 
background-repeat: no-repeat;
}
 


#logo-wrapper {

width:100%;

text-align:center;
padding:0px;
margin:0px;


}
#logo-wrapper2 {

width:106%;

text-align:center;
padding:0px;
margin:0px;
margin-left:-5%;
margin-top:10px;

}

#logo img {

  vertical-align: centre;

}



/*

 * Wrapper for the site name and slogan (hgroup)

 */

#name-and-slogan {}



/*

 * Site name (h1)

 */

#site-name {

  margin: 0;

}



#site-name a {}



#site-name a:link,

#site-name a:visited {

  text-decoration: none;

}



#site-name a:hover,

#site-name a:focus {

  text-decoration: underline;

}



/*

 * Site slogan (h2)

 */

#site-slogan {

  margin: 0;

}





/* =============================================================================

 *   Page content header

 * ========================================================================== */



/*

 * Main content header wraps the page title, tabs and actions links

 */

#main-content-header {}



/*

 * The main page title (h1)

 */

#page-title {

  margin: 0;

}





/* =============================================================================

 *   Misc Global Styles

 * ========================================================================== */



/*

 * Feed icons

 */

.feed-icon {}



/*

 * Aggregator feed source

 */

#aggregator .feed-source .feed-icon {

  display: inline;

  float: none;

  margin-right: 10px;

}



.feed-details dt,

.feed-details dd {

  display: inline;

  margin: 0;

}



/*

 * Generic styles for the more link

 */

.more-link {}



/*

 * Generic styles for links. See the ul.links declaration in node and comment stylesheets

 */

ul.links {

  margin: 0;

  padding: 0;

}



ul.links.inline {

  display: block;

}



ul.links li {

  display: inline;

  list-style: none;

  padding: 0 10px 0 0;

}



/*

 * Search results are an ordered list so reset the margin

 */

.search-results {

  margin: 0;

}





/* =============================================================================

 *   Regions

 * ========================================================================== */



/*

 * Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc

 */

.region {}



/*

 * Regions have an inner div - perfect for adding margin, padding or borders

 */

.region-inner {}



/*

 * Regions can be nested, such as when using Panels

 */

.region-inner .region-inner {}



/*

 * Header region, embedded in the #header

 */

.region-header {}



/*

 * Generally used to output Drupals help block, if the help module is enabled

 */

.region-help {}



/*

 * Secondary content

 */

.region-secondary-content {}



/*

 * Sits above the main content header, like a content-top region

 */

.region-highlighted {}



/*

 * Sits below the main content, like a content-bottom region

 */

.region-content-aside {}



/*

 * Sidebars - targets both

 */

.sidebar {}



/*

 * First sidebar

 */

.region-sidebar-first {}



/*

 * Second sidebar

 */

.region-sidebar-second {}



/*

 * Tertiary content

 */

.region-tertiary-content {}



/*

 * Footer region

 */

.region-footer {}





/* =============================================================================

 *   Links

 * ========================================================================== */



a {

  text-decoration: none;

}



a:link {color:#003a70;}

a:visited {color:#333;}

.region-sidebar-second a:visited {color: #003a70}

a:active,

a.active {}



a:hover,

a:focus {

  text-decoration: underline;

}

.front h1 a:hover,

.front h1 a:focus {

  text-decoration: none;

}





/* =============================================================================

 *   Primary, Secondary and Menu Bar region menus

 * ========================================================================== */



/*

 * Use one of the following id's for granular control:

 *  - #menu-bar (menu bar region)

 *  - #primary-menu (main menu)

 *  - #secondary-menu (secondary/user menu)

 * You can target all of these with .nav or div[id$="menu-bar"]

 */

.nav {

  clear: both;

  margin: 10px 0;

}



.nav ul,

.nav ul.menu {

  margin: 0;

  padding: 0;

}



.nav li,

.nav ul.menu li {

  display: inline;

  float: left;

  list-style: none;

  margin: 0;

  padding: 0;

}



.nav li a,

.nav ul.menu li a {

  display: block;

  white-space: nowrap;

  padding: 0 10px;

}



.nav li a:visited,

.nav ul.menu li a:visited {}



.nav li a:hover,

.nav li a:focus,

.nav ul.menu li a:hover,

.nav ul.menu li a:focus {}



.nav .block {

  margin-bottom: 0;

}





/* =============================================================================

 *   Superfish

 * ========================================================================== */



ul.sf-menu {

  margin-bottom: 0;

}


 
ul.sf-menu a {

  border-left: 0;

  border-top: 0;

  padding: 0 10px;

  text-decoration: none;

  height: 2.5em;

  line-height: 2.5em;

}



ul.sf-menu a:link,

ul.sf-menu a:visited {}



ul.sf-menu li {}



ul.sf-menu li:hover,

ul.sf-menu li.sfHover {

  outline: 0;

}



ul.sf-menu a {}



ul.sf-menu a:focus,

ul.sf-menu a:hover,

ul.sf-menu a:active {

  outline: 0;

}



/*

 * Superfish blocks

 */

.block-superfish {
margin-right: 0px;
margin-left: 0px;
}



.block-superfish .block-inner .content {}



.block-superfish ul {

  margin: 0 !important;

  padding: 0 !important;

}



.block-superfish ul ul {
margin-top: 5px !important;
 
}



.block-superfish ul ul ul {
margin-top: -1px !important;
margin-left: 8px !important;
}



.block-superfish ul ul ul ul {}



.block-superfish li {

  margin: 0 !important;

  padding: 0 !important;

}



/*

 * Vertical style

 */

.sf-vertical {

  width: 100%;

}



.sf-vertical li {

  width: 100%;

}



.sf-vertical li.last {}



.sf-vertical li:hover ul,

.sf-vertical li.sfHover ul {

  left: 100%;

  top: 0;

  margin: 0;

  padding: 0;

}



.sf-vertical li a {

  padding: 0 10px;

}



/*

 * Navbar style

 */

.sf-navbar {

  padding-bottom: 0 !important;

}



/*

 * Sensible padding for the default style

 */

.sf-menu.sf-style-default a {

 padding: 0 10px;

}





/* =============================================================================

 *   Menus, usually blocks

 * ========================================================================== */



ul.menu {

  padding-left: 15px;

}



ul.menu ul {

  padding-left: 15px;

}



ul.menu ul ul {}



ul.menu ul ul ul {}



ul.menu li {

  margin: 0;

}



ul.menu li.collapsed,

ul.menu li.expanded,

ul.menu li.leaf {}



ul.menu li a {}



ul.menu li a:link,

ul.menu li a:visited {}



ul.menu li a:active,

ul.menu li a.active {}



ul.menu li a:hover,

ul.menu li a:focus {}



ul.menu li.active a,

ul.menu li.active-trail a {}



ul.menu li.first,

ul.menu li.last {}



/* If li.content exists it's a problem, so reset the padding */

.block .menu li.content {

  padding: 0;

}





/* =============================================================================

 *   Book navigation menu

 * ========================================================================== */



.book-navigation {}



.book-navigation .page-links {}



.book-navigation .page-previous {}



.book-navigation .page-next {}



.book-navigation .page-up {

  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */

  min-width: 2em;

  white-space: nowrap;

}



.book-navigation .menu {

  margin-left: 0;

}





/* =============================================================================

 *   Breadcrumbs

 * ========================================================================== */



#breadcrumb {

  margin: 10px 0;

}



/* If the label is set to show in theme settings the label class is added */

#breadcrumb .breadcrumb-label {

  font-size: 1em;

  display: inline;

  padding-right: 10px;

}



#breadcrumb .breadcrumb-label:after {

  content: ":";

}



#breadcrumb ol {

  margin: 0;

  padding: 0;

}



#breadcrumb .with-breadcrumb-label ol {

  display: inline;

}



#breadcrumb li {

  list-style: none;

  display: inline;

}



#breadcrumb li.crumb-first {}



#breadcrumb li.crumb-last {}



#breadcrumb a {}



#breadcrumb a:link,

#breadcrumb a:visited {}



#breadcrumb a:active,

#breadcrumb a.active {}



#breadcrumb a:hover,

#breadcrumb a:focus {}





/* =============================================================================

 *   Pagers

 * ========================================================================== */



ul.pager {

  clear: both;

  margin: 0;

  text-align: center;

}



.item-list ul.pager li {

  margin: 0;

}



ul.pager li {

  background-image: none;

  display: inline;

  list-style-type: none;

  padding: .5em;

}



ul.pager li.pager-current {

  font-weight: 700;

}



.block ul.pager li {

  margin: 0;

}



/*

 * Theme the various states of pager links

 */

ul.pager li {}



ul.pager li a {}



ul.pager li a:link,

ul.pager li a:visited {}



ul.pager li a:active,

ul.pager li a.active {}



ul.pager li a:hover,

ul.pager li a:focus {}



ul.pager li.pager-item {}

ul.pager li.first {}

ul.pager li.last {}

ul.pager li.pager-current {}

ul.pager li.pager-first {}

ul.pager li.pager-previous {}

ul.pager li.pager-next {}

ul.pager li.pager-last {}





/* =============================================================================

 *   Skip Navigation

 * ========================================================================== */



#skip-link {

  left: 50%;

  margin-left: -6.5em;

  margin-top: 0;

  padding: 0 0.5em;

  position: absolute;

  width: 12em;

  z-index: 50;

}



#skip-link a {

  background: #444;

  background: rgba(0,0,0,0.6);

  color: #fff;

  display: block;

  line-height: 2;

  padding: 0;

  text-align: center;

  text-decoration: none;

}



#skip-link a:link,

#skip-link a:visited {

  background: #444;

  background: rgba(0,0,0,0.6);

  color: #fff;

  display: block;

  line-height: 2;

  padding: 0;

  text-align: center;

  text-decoration: none;

}



#skip-link a:hover,

#skip-link a:focus,

#skip-link a:active {

  outline: 0;

}





/* =============================================================================

 *   Tabs (local tasks)

 * ========================================================================== */



#tasks {

  margin-bottom: 15px;

}



ul.primary {

  border-bottom-color: #ccc;

  margin: 20px 0;

  padding: 0 0 0 5px;

}



ul.primary li {

  display: block;

  float: left;

  margin: 0 1px -1px;
 


}



ul.primary li a {

  background-color: #f5f5f5;

  border-color: #ccc;

  margin-right: 1px;

  padding: 0 10px;

  display: block;

  float: left;

  height: 1.5em;

  line-height: 1.5em;

}



ul.primary li a:hover,

ul.primary li a:focus {

  background-color: #eee;

  border-color: #ccc;

}



ul.primary li.active a,

ul.primary li.active a:hover,

ul.primary li.active a:focus {

  background-color: #fff;

  border-bottom-color: #fff;

}



ul.secondary {

  border-bottom: 1px solid #ccc;

  margin: 1em 0 0;

  padding: 0 .3em 1em;

}



ul.secondary li {

  border-right: 0;

  list-style: none;

  padding: 0 10px 0 0;

}



ul.secondary li a {}



ul.secondary li a:hover,

ul.secondary li a.active {

  border-bottom: none;

  text-decoration: underline;

}





/* =============================================================================

 *   Action links

 * ========================================================================== */



ul.action-links {

  margin: 20px 0 0;

  list-style: none;

}



ul.action-links li {}





/* =============================================================================

 *  Field Styling

 * ========================================================================== */



/*

 * Wrapper for any field

 */

.field {}



/*

 * Above and inline classes are on the field wrapper

 */

.field-label-above {}



/*

 * When labels are set to inline in field display settings the clearfix class is automatically added

 */

.field-label-inline {}



/*

 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues

 */

.field-label {

  font-size: 1em;

  font-weight: 700;

  font-family: inherit;

  line-height: inherit;

  margin-bottom: 0;

}





/*

 * Field types (Core)

 */



/*

 * Image fields use the <figure> and <figcaption> elements from HTML5

 */

.field-type-image {}



.field-type-image .caption {}



.field-type-image .full-caption {}



.field-type-image .teaser-caption {}



/*

 * Taxonomy

 */

.field-type-taxonomy-term-reference {

  /* The same bottom margin as p, blockquote, ul, ol and dl */

  margin-bottom: 1.5em;

}



.field-type-taxonomy-term-reference.field-label-inline .field-items {

  margin: 0;

  padding: 0;

}



.field-type-taxonomy-term-reference.field-label-inline .field-item {

  display: inline;

  list-style: none;

  padding: 0 10px 0 0;

}



/*

 * Text

 */

.field-type-text {}



/*

 * Long text

 */

.field-type-text-long {}



/*

 * Text with summary

 */

.field-type-text-with-summary {}



/*

 * File

 */

.field-type-file {}



/*

 * Number/Integer

 */

.field-type-number-integer {}



/*

 * Decimal

 */

.field-type-number-decimal {}



/*

 * Number float

 */

.field-type-number-float {}



/*

 * List

 */

.field-type-list-text {}



/*

 * List boolean

 */

.field-type-list-boolean {}



/*

 * List integer

 */

.field-type-list-integer {}



/*

 * List float

 */

.field-type-list-float {}



/*

 * Field types (Contrib)

 */

.field-type-datetime {}



.field-type-node-reference {}



.field-type-user-reference {}



/*

 * Named fields

 */

.field-name-body {}



.field-name-field-image {}



.field-name-field-tags {}



/*

 * Underscores in field name are replaced with dashes

 */

.field-name-field-FIELDNAME {}



/*

 * Image Alignment Theme Settings - included here so you can easily override

 */

/*

 * Float none setting

 */

.ia-n .field-type-image,

.iat-n .field-type-image {}



/*

 * Float left setting

 */

.ia-l .field-type-image figure,

.iat-l .field-type-image figure {

  margin: 5px 20px 15px 0;

}



/*

 * Centered setting

 */

.ia-c .field-type-image figure,

.iat-c .field-type-image figure {

  margin: 5px auto 15px;

}



/*

 * Float right setting

 */

.ia-r .field-type-image figure,

.iat-r .field-type-image figure {

  margin: 5px 0 15px 20px;

}





/* =============================================================================

 *   Block Styling

 * ========================================================================== */



/*

 * Main wrapper for most blocks, block_system_main does not have it

 */

.block {

  margin-bottom: 10px;

}



/*

 * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it

 */

.block-inner {}



/*

 * The first block in the region

 */

.block.first {}



/*

 * The last block in the region

 */

.block.last {}



/*

 * Zebra striping for each block in the region

 */

.block.odd {}



/*

 * Zebra striping for each block in the region

 */

.block.even {}



/*

 * Block title

 */

.block-title {

  margin: 0;

}



/*

 * Block content wrapper

 */

.block-content {}



/*

 * Match item list and block menu margin and padding

 */

.block-content {}



.block-content ul,

.block-content ol {

  padding: 0 0 0 15px;

}



.block-content li {

  margin: 0;

  padding: 0;

}



/*

 * Block for the latest news items in the first category

 */

#block-aggregator-category-1 {}



/*

 * Block for the latest news items in the first feed

 */

#block-aggregator-feed-1 {}



/*

 * First block created with "Add block" link

 */

#block-block-1 {}



/*

 * "Recent blog posts" block

 */

#block-blog-recent {}



/*

 * "Book navigation" block for the current book's table of contents

 */

#block-book-navigation {}



/*

 * "Recent comments" block

 */

#block-comment-recent {}



/*

 * "Active forum topics" block

 */

#block-forum-active {}



/*

 * "New forum topics" block

 */

#block-forum-new {}



/*

 * Language switcher block

 */

#block-locale-language {}



/*

 * Custom menu block

 */

#block-menu-menu-NAME {}



/*

 * "Recent content" block

 */

#block-node-recent {}



/*

 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon

 */

#block-node-syndicate {}



/*

 * "Most recent poll" block

 */

#block-poll-recent {}



/*

 * "Author information" block for the profile of the page's author

 */

#block-profile-author-information {}



/*

 * "Search form" block

 */

#block-search-form {}



/*

 * "Shortcuts" block

 */

#block-shortcut-shortcuts {}



/*

 * "Popular content" block

 */

#block-statistics-popular {}



/*

 * "Main menu" block

 */

#block-system-main-menu {}



/*

 * "Management" block for Drupal management menu

 */

#block-system-management {}



/*

 * "Navigation" block for Drupal navigation menu

 */

#block-system-navigation {}



/*

 * "User menu" block for Drupal user menu

 */

#block-system-user-menu {}



/*

 * "System help" block

 */

#block-system-help {}



/*

 * "Main page content" block

 */

#block-system-main {}



/*

 * "Powered by Drupal" block

 */

#block-system-powered-by {}



/*

 * "User login form" block

 */

#block-user-login {}



/*

 * "Who's new" block for a list of the newest users

 */

#block-user-new {}



/*

 * "Who's online" block for a list of the online users

 */

#block-user-online {}





/* =============================================================================

 *   Node Styling

 * ========================================================================== */



.node {

  margin-bottom: 20px;

}



.node.node-promoted {}



.node.node-sticky {}



.node.node-by-viewer {}



.node.node-teaser {}



.node.node-full {}



.node.odd {}



.node.even {}



.node .node-title {

  margin: 0;

}



.node .user-picture {}



.node .submitted {}



.node .submitted .username {}



.node .submitted time {}



.node .node-content {}



.node ul.links {}



.node ul.links li {}



.node ul.links li a {}



.node ul.links li.node-read-more a {}



.node ul.links li.comment-add a {}



.node ul.links li.comment-comments a {}



.node ul.links li.comment-new-comments a {}



.node ul.links li.blog-sernames-blog a {}



.node ul.links li.print-html a {}



.node ul.links li.print-email a {}



.node ul.links li.print-pdf a {}



.preview .node {}



/*

 * All nodes are given a node-FOO class that describes the type of content that

 * it is. If you create a new content type called "my-custom-type", it will

 * receive a "node-my-custom-type" class.

 */

.node-page {}



.node-article {}



.node-book {}



.node-forum {}



.node-poll {}





/* =============================================================================

 *   Comment Styling - Comments, comment wrapper, comment form

 * ========================================================================== */



/*

 * Wrapper for the list of comments and its titles

 */

#comments {

  margin: 1.5em 0;

}



#comments h2 {}



#comments h2.comment-title {

  margin: 0;

}



#comments h2.comment-form {

  margin: 0;

}



/*

 * Wrapper for a single comment

 */

.comment {

  margin-bottom: 20px;

}



.comment.first {}



.comment.last {}



.comment.odd {}



.comment.even {}



.comment .user-picture {}



.comment .submitted {}



.comment .submitted p {}



.comment .submitted .username {}



.comment .submitted time {}



.comment .user-signature {}



.comment ul.links {}



/*

 * Comment title

 */

.comment-title {

  margin: 0;

}



/*

 * Comment states

 */

.comment-new {}



.comment-by-anonymous {}



.comment-by-node-author {}



.comment-by-viewer {}



.comment-title-hidden {}



.comment-with-picture {}



.comment-with-signature {}



/*

 * Preview of the comment before submitting new or updated comment

 */

.comment-preview {}



/*

 * "New" marker for comments that are new for the current user

 */

.new {

  color: #c00;

}



/*

 * Nested comments are indented

 */

.indented {

  margin-left: 40px;

}





/* =============================================================================

 *   Forms

 * ========================================================================== */



/*

 * Wrapper for a form element (or group of form elements) and its label

 */

.form-item {}



.form-item input.error,

.form-item textarea.error,

.form-item select.error {

  border: 1px solid #c00;

}



.form-item label {

  font-weight: 700;

}



.form-item label.option {}



/*

 * Highlight marks and form required mark

 */

.marker,

.form-required {

  color: #c00;

}



.form-item .description {

  font-size: 0.85em;

}



.form-checkboxes .form-item,

.form-radios .form-item {}



/*

 * The submit button

 */

.form-submit {}



.container-inline div,

.container-inline label {

  display: inline;

}



/*

 * Define consistent borders

 */

fieldset {

  border: 1px solid #ccc;

}



/*

 * Tips for Drupal's input formats

 */

.tips {}



/*

 * Buttons used by contrib modules like Media

 */

a.button {

  -webkit-appearance: button;

  -moz-appearance: button;

  appearance: button;

}



/*

 * Password confirmation

 */

.password-parent,

.confirm-parent {

  margin: 0;

}





/* =============================================================================

 *   Tables

 * ========================================================================== */



table {

  margin: 10px 0;

  padding: 0;

  width: 100%;

}



table.sticky-header {

  z-index: 10;

}



table,

thead,

tbody,

tr,

th,

td {

  border-color: #ccc;

}



table,

td,

th {

  vertical-align: middle;

}



caption,

th,

td {

  text-align: left;

}



thead tr {

  font-weight: 700;

  background-color: #e5e5e5;



}



td,

th {

  border-bottom: 0;

  margin: 0;

  padding: 5px 7px;

}



tbody {}



tbody tr {

  border-top: 1px solid #ccc;

}



tr.odd {

  background: #fff;

}



tr.info,

tr.even,

tr:nth-child(2n+2) {

  border-bottom: 0;

  background-color: #f5f5f5;

}



tr.drag {}



tr.drag-previous {}



tr.odd td.active {

  background-color: #eee;

}



tr.even td.active {

  background-color: #ebebeb;

}



.lt-ie8 tr {}



.lt-ie8 tr.even,

.lt-ie8 tr.odd {}



.lt-ie8 tr.even th,

.lt-ie8 tr.even td,

.lt-ie8 tr.odd th,

.lt-ie8 tr.odd td {

}



/*

 * Forum tables

 * Core sets white-space to nowrap, which makes no sense

 */

#forum td {}



#forum td .created,

#forum td .posts,

#forum td .topics,

#forum td .last-reply,

#forum td .replies,

#forum td .pager {

  white-space: normal;

}





/* =============================================================================

 *   Messages

 * ========================================================================== */



/* Left and right margin are set by the global gutter width */

div.messages {

  margin-bottom: 10px;

  margin-top: 10px;

}



div.messages ul {

  margin-top: 0;

  margin-bottom: 0;

}



div.status {}



div.warning {}



tr.warning {}



div.error,

tr.error {}



.error {}



.warning {}



/*

 * Unpublished nodes

 */

.node-unpublished,

.comment-unpublished {}



.node-unpublished,

.comment-unpublished {}



.node-unpublished p.unpublished,

.comment-unpublished p.unpublished {

  color: pink;

  color: rgba(239, 170, 170, 0.4);

  font-family: Impact,"Arial Narrow",Helvetica,sans-serif;

  font-size: 75px;

  font-weight: bold;

  height: 0;

  line-height: 1.2;

  margin: 0;

  padding: 0;

  overflow: visible;

  text-align: center;

  text-transform: uppercase;

  word-wrap: break-word;

}



/*

 * Otherwise these elements will appear below the "Unpublished" text

 */

.lt-ie8 {}



.lt-ie8 .node-unpublished > *,

.lt-ie8 .comment-unpublished > * {

  position: relative;

}





/* =============================================================================

 *    Maintenance pages

 * ========================================================================== */



.maintenance-page {}

.maintenance-page .container {

  padding: 40px 0;

}



.maintenance-page #site-name,

.maintenance-page #page-title {

  margin: 0;

}



.db-offline {}



.db-offline .container {

  margin: 0 auto;

  padding: 40px 0;

  width: 100%;

  max-width: 960px;

}



.db-offline div.messages {

  margin: 20px 0 0;

}



.db-offline #content {

  padding: 20px 0;

}





/* =============================================================================

 *   Misc overrides for contrib modules

 * ========================================================================== */



/*

 * Admin menu overrides

 */

#admin-menu {

  margin: 0;

  padding: 0;

}



/*

 * Devel Module

 */

.dev-query {

  background: #eee;

  padding: 30px;

}



/*

 * Styleguide module tweaks

 */

#styleguide-header {

  padding: 0 10px;

}



#styleguide-header .item-list {

  font-family: inherit;

  margin: 0 20px 20px 0;

  min-height: 260px;

  width: auto;

}

/* Modify Home page */
#block-block-2 {margin-bottom:0;}
#block-block-2 .block-content p {display:none;}
#block-block-2 .block-content li {list-style:none;}

.region-sidebar-second .views-field-title {margin-bottom:1em;}

a.feed-icon {display:none;}

/* News Page */
.page-node-10 .views-row {margin-bottom:1em;}

/* Two Column Format */
div.twocol {width:45%; float:left; margin-right:10px;}

/* Table of Contents  modifications */
.block .toc {
    width: 40%;
	float:right;
	margin:0 0 10px 10px;
}

.toc-title {
    margin: 5px 0 0 5px;
    text-align: left;
}
.toc ul {
    list-style-type:disc;
	padding-left:20px;
}
.toc-back-to-top {
    background: none;
}

/* Images */

#main-content img {background: none repeat scroll 0 0 #FFF2D5;
    box-shadow: 0 0 3px #333333; float:right; padding:18px; margin-left:15px; margin-bottom:15px;}
	
/* Image captions */
.image-caption-container {float:right; margin-left:33px; margin-bottom:55px;}
#main-content .image-caption-container img {float:none; margin-left:-33px;margin-bottom:0;}
.image-caption {font-size: 83%;}