1/**
Stylesheet for Syan by www.SooperThemes.com
Author: Jurriaan Roelofs

SITE COLORS:
Primary color: #008fd1
Secondary color: #42616F
Text color: #555555

TABLE OF CONTENTS:
1. Reset Browser Styles
2. Reset Drupal Styles
3. Typography
4. Layout
5. Decoration per Region
6. Decoration per Node Type
7. Forms
8. Drupal Elements
9. Drupal Modules
10. Misc (skip to content, clearfix, etc.)
*/


/**
*  [ 3 ] TYPOGRAPHY
*/

html {font-size:100%;}

body {
font-size:90%;
color:#555;
line-height:1.4em;
}


a {
color:#008fd1;
text-decoration:none;
}
a:hover
,a:focus {
text-decoration:underline;
}

p,ul,ol,blockquote,pre
,abbr, acronym, address
, big, code,
del, dfn, dl, table {
padding:0 0 0.2em 0;
}

#header h1#sitename {
font-size:2.3em;
line-height:1em;
}

#navbar {
font-size:1em;
/*text-transform:uppercase;*/
}

#navbar a {
text-decoration:none;
color:#888;
}

#navbar a.active {
color:#008fd1;
}

#navbar a:hover
,#navbar a:focus {
color:#008fd1;
}

#navbar ul ul {
font-weight:normal;
}

.main {
word-wrap:break-word; /*** CSS3 property / former microsoft proprietary code so works in older ie ***/
}

#footer
,ul.secondary-links {
font-size:75%;
}

div.comment {
font-size:100%;
}

ul.links li {
  display:inline;
  list-style:none;
  list-style-type:none;
}

/*** HEADINGS ***/

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

h1.main-title {
clear:both;
font-size:1.6em;
}
h1 {
font-size:1.4em;
line-height:1.4em;
}
h2,.mission {
font-size:1.3em;
}
h3 {
font-size:1.2em;
}
h4 {
font-size:1.1em;
}
h5,.main div.field-label {
font-size:1.05em;
}
h6 {
font-size:1em;
font-weight:bold;
}


.sidebar h1 {
font-size:1.3em;
}
.sidebar h2 {
font-size:1.2em;
}
.sidebar h3 {
font-size:1.1em;
}
.sidebar h4 {
font-size:1em;
}
.sidebar h5 {
font-size:1em;
}
.sidebar h6 {
font-size:1em;
}

legend {
font-size:120%;
text-transform:capitalize;
}

#header .slogan {
/*font-size:1em;
line-height:1.2em;
font-style:italic;
padding:0.39em 0 0 0;*/
color:#18057A;
font-size: 15px;
margin: 0 260px 0 0;
text-shadow: 0.1em 0.1em 0.1em white;
font-style: italic;
font-weight: bold;
line-height: 1.5em;
padding: 10px 0 0;
position: relative;
text-align: center;
}

h1.nodetitle {line-height:1.2em;padding:0px;}

.nodetitle a {
text-decoration:none;
color:#5c5c5c;
}

.nodetitle a:hover
,.nodetitle a:focus {
color:#008fd1;
}

blockquote {
background:#eee url(../images/bg-blockquote.png) no-repeat 20px 100%;
padding:15px 20px;
font-style:italic;
clear:both;
}

/*** LIST STYLING ***/

.node ul li
,.block ul li {
list-style: none;
list-style-type:none;
margin:0;
padding:2px 0 2px 17px;
background:url(../images/bullet.png) no-repeat 0 6px;
}

.wrap-columns ol li {
list-style: inside decimal;
margin:0;
}
.wrap-columns ul
,.wrap-columns ol {
margin:0.5em 0 0.8em 10px;
padding:0;
}
.wrap-columns .sidebar ul {
margin-left:5px;
}
.wrap-columns ul.inline {
margin:0;
padding:0;
}

.wrap-columns li.active a
,.wrap-columns  a.active {
font-weight:bold;
}

body div.item-list ul li { /* cancel drupal styles */

}

.item-list {
clear:both;
}

/**
*  [ 4 ] LAYOUT
*/

/* Defaults */
.mast { width: 960px; }
.grid-inner { margin: 10px 20px; }
.two-sidebars .main {width:50%; margin-left:25%; margin-right:25%; }
.sidebar-first .main {width:75%; margin-left:25%; margin-right:0; }
.sidebar-second .main {width:75%; margin-right:25%; margin-left:0; }
.region-sidebar-first {width: 25%; margin-left: -100%; margin-right:0; }
.region-sidebar-second {width: 25%; margin-left: -25%; }

body,html {
width:100%;
}

body {
padding:20px 0;
}

#header {
width:100%;
position:relative;
float:left;
}

#header .inner {
padding:0;
}

#navbar {
width:100%;
}

.slideshow {
width:100%;
float:left;
clear:both;
}

.wrap-columns {
overflow:hidden; /* Limit the One True Layout sidebar height trick */
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
}

.sidebar .inner {
position:relative;
/* One True Layout trick for equal height columns: */
padding-bottom: 32767px!important;  /* X + padding-bottom */
margin-bottom: -32767px!important;  /* X */
}
.sooperblocks img {
margin:4px;
}

.sooperblocks {
width:100%;
float:left;
}

#footer {
clear:both;
}

/**
*  [ 5 ] DECORATION PER REGION
*/

/*** VIEWPORT & CONTAINER ***/

body {
background:#fff;
}

.mast {
/*background:#fff;*/
}

/*** HEADER ***/

#header h1#sitename a {
text-decoration:none;
}
#header h1#sitename a:hover
,#header h1#sitename a:focus {
color:#999;
}

#header img.logo {
float:left;
margin-right:10px;
}


/*** SEARCH ***/

#header .block {
position:absolute;
right:0;
top:0;
}

#header .block-search form {
position:absolute;
right:0;
top:0;
width:249px;
height:31px;
background:url(../images/bg-search.png);
}

#header .block-search form input.form-text {
background:none;
border:none;
position:absolute;
top:4px;
left:14px;
height:20px;
width:143px;
color:#888;
}

#header .block-search form input.form-submit {
background:none;
border:none;
position:absolute;
right:10px;
top:4px;
height:18px;
width:72px;
padding:0;
margin:0;
text-align:left;
text-indent:2px;
color:#777;
}

.mast #header .block-search form .wrapsubmit {
background:none!important;
}

/*** NAVBAR / PRIMARY MENU ***/

#navbar {
position:relative;
border-bottom:1px solid #ddd;
height:40px;
margin:20px 0 30px 0;
}

#navbar .wrapmenu {
margin:0;
height:38px;
padding:0 0 25px 0;
position:absolute;
/*right:0;*/
background:url(../images/sprite-nav.png) repeat-x 0 21px;
z-index:20;
}

#navbar ul {
height:38px;
padding:0 0 25px 0;
margin:0;
position:relative;
background:url(../images/sprite-nav.png) repeat-x 100% 42px;
}

#navbar ul li {
padding:0;
margin:0 10px;
list-style:none;
list-style-type:none;
float:left;
position:relative;
}

#navbar ul li a {
padding:5px;
height:30px;
line-height:30px;
display:block;
float:left;
font-size:80%;
}

#navbar ul li.expanded {
background:url(../images/sprite.png) no-repeat 100% -209px;
padding-right:10px;
}

#navbar ul li a:hover
,#navbar ul li a:focus {

}

#navbar ul li a:hover span
,#navbar ul li a:focus span {

}

/* Lavalamp Animation */

#navbar ul li.backLava {
z-index: 8;
border:none;
position: absolute;
height:14px!important;
margin:0 auto;
text-align:center;
bottom:19px!important;
}

#navbar ul li.backLava div {
height:14px;
width:28px;
margin:0 auto;
background:url(../images/sprite.png) no-repeat -95px -135px;
}

#navbar ul ul li.backLava {
display:none;
visibility:hidden;
}

/* Dropdown */

#navbar ul ul {
position:absolute;
z-index:20; /* Cover the Cufon canvas renders */
left:-99999em;
top:2.25em;
padding:2px 0 8px 0;
clear:both;
border:1px solid #e3e3e3;
border-right-color:#dbdbdb;
border-bottom-color:#dbdbdb;
/* undo first-level styling */
background:#eee;
margin:0;
text-transform:none;
height:auto;
}

.mast #navbar ul ul li {
/* undo first-level styling */
padding:0; /* remove padding from .expanded style */
margin:0;
border-width:0 1px;
}

#navbar ul ul li a {
border-bottom:1px solid #ccc;
margin:0 0.25em;
/* undo first-level styling */
line-height:1.4em;
padding:5px;
height:auto;
float:none;
}

#navbar ul ul ul {
margin:-2.3em 0 0 9.75em;
top:auto;
border-top-width:1px;
}

#navbar li:hover ul ul
,#navbar li:hover ul ul ul
,#navbar li:hover ul ul ul ul
,#navbar li.over ul ul
,#navbar li.over ul ul ul
,#navbar li.over ul ul ul ul {
left: -999em;
}

#navbar li:hover ul
,#navbar li li:hover ul
,#navbar li li li:hover ul
,#navbar li li li li:hover ul
,#navbar li.over ul
,#navbar li li.over ul
,#navbar li li li.over ul
,#navbar li li li li.over ul {
left: 0;
}

#navbar ul ul li.expanded {
background-position:90% center;
background-image:url(../../../../../misc/menu-collapsed.png);
}

/*** SOOPER SlideshowKit (slideshow) ***/

.slideshow {
/*border:solid #eaeaea;
border-width:0 1px 0 1px;
margin:0 0 30px 0;*/
font-size:110%;
width:100%;
position:relative;
}

.slideshow .inner {
/*padding:20px;
margin:0 1px 1px 1px;
background: url(../images/sprite-slideshow.png) repeat-x 0 -182px;*/
}

.slideshow .grid-inner {
  margin:0;
}

.slideshow ul
,.slideshow ol {
margin:0;
padding:0;
list-style:none;
list-style-type:none;
}

.mast .slideshow li {
margin:0;
padding:0;
list-style:none;
list-style-type:none;
position:relative;
background:none;
clear:both;
width:100%;
}

.slideshow img {
float:right;
}

/* Guess readmore link/button */

.slideshow .button-small
,div.slideshow .readmore
,div.slideshow .read-more
,div.slideshow .read_more
,div.slideshow .views-field-view-node {
padding:0;
margin:15px 0;
padding:5px;
width:131px;
height:45px;
font-size:135%;
text-shadow: 1px 1px 1px #aaa;
line-height:33px;
color:#008fd1;
text-align:center;
float:left;
clear:left;
background:url(../images/button-small.png) no-repeat 0 0;
}

.slideshow .button-small a
,div.slideshow .readmore a
,div.slideshow .read-more a
,div.slideshow .read_more a
,div.slideshow .views-field-view-node  a{
color:#008fd1;
display:block;
}

.slideshow .button-small a:hover
,.slideshow .button-small a:focus
,div.slideshow .readmore a:hover
,div.slideshow .readmore a:focus
,div.slideshow .read-more a:hover
,div.slideshow .read-more a:focus
,div.slideshow .read_more a:hover
,div.slideshow .read_more a:focus
,div.slideshow .views-field-view-node  a:hover
,div.slideshow .views-field-view-node  a:focus  {
color:#42616f;
text-decoration:none;
}

.slideshow .button-big span {
display:block;
height:62px;
padding:10px 20px;
background:url(../images/sprite-slideshow.png) no-repeat 100% -187px;
}


/* Slide Title Guessing */

.slideshow h2
,.slideshow .views-field-title
,.slideshow .view .title
,.slideshow .view .nodetitle {
font-size:3.5em;
line-height:1em;
color:#42616f;
text-shadow: 1px 1px 1px #777;
letter-spacing:-1px;
margin-bottom:15px;
}

/* Slideshow Pager */

.cycle-pager li {
  display: inline;
}
.cycle-pager a {
text-indent:-999999em;
display:block;
float:left;
width:11px;
height:11px;
overflow:hidden;
margin:0 2px 0 0;
padding:0;
background:url(../images/sprite-slideshow.png) no-repeat 0 0;
}

.cycle-pager a.activeSlide {
background:url(../images/sprite-slideshow.png) no-repeat -12px 0;
}

/* Slideshow Cornerstones */

.slideshow .cornerstone {
/*background-image:url(../images/sprite-slideshow.png);*/
}

.slideshow .ss-cs1 {
top:0;
left:-21px;
width:25px;
height:182px;
background-position:-25px 0;
}

.slideshow .ss-cs2 {
top:0;
right:-17px;
width:25px;
height:182px;
background-position:-54px 0;
}

.slideshow .ss-cs3 {
/*background:url(../images/sprite.png) no-repeat -183px -154px;*/
bottom:0;
left:-1px;
width:9px;
height:9px;
}

.slideshow .ss-cs4 {
/*background:url(../images/sprite.png) no-repeat -192px -154px;*/
bottom:0;
right:-1px;
width:9px;
height:9px;
}

.slideshow .ss-cs5 {
bottom:0;
left:0;
height:3px;
width:100%;
/*background:url(../images/sprite.png) repeat-x 0 -348px;*/
}

/*** COLUMN WRAPPER ***/

.wrap-columns {
border:solid #eaeaea;
border-width:0 1px;
float:left;
/*margin:30px 0;*/
position:relative;
/* Bugfix 31-02-2010*/ width:100%;
}

.wrap-columns .cornerstone {
background-image:url(../images/sprite.png);
width:9px;
height:9px;
}

.wrap-columns .cornerstone.columns-cs1 {
top:0;
left:0;
background-position:-165px -145px;
}
.wrap-columns .cornerstone.columns-cs2 {
top:0;
right:0;
background-position:-174px -145px;
}
.wrap-columns .cornerstone.columns-cs3 {
bottom:0;
left:0;
background-position:-183px -154px;
}
.wrap-columns .cornerstone.columns-cs4 {
bottom:0;
right:0;
background-position:-192px -154px;
}

.wrap-columns .cornerstone.columns-cs5 {
bottom:0;
left:0;
height:3px;
width:100%;
background-repeat:repeat-x;
background-position:0 -348px;
}


/*** SIDEBAR ***/

.sidebar.region-sidebar-first {
}

.sidebar.region-sidebar-first .inner {
background:url(../images/bg-sleft.png) repeat-y top right;
border-right:1px solid #ddd;
}

.sidebar.region-sidebar-second {
}

.sidebar.region-sidebar-second .inner {
background:url(../images/bg-sright.png) repeat-y top left;
border-left:1px solid #ddd;
}

.sidebar .block {
padding-bottom:0em;
clear:both;
}

.sidebar .block.last {
margin-bottom:0;
}

.sidebar .grid-inner {

}

.sidebar .block-title {
background:#ececec url(../images/sprite.png) repeat-x;
height:37px;
overflow:hidden;
line-height:37px;
text-indent:5%;
}

.sidebar .block .content {
padding:0px;
}

/**** SOOPER BLOCKS ***/

.sooperblocks {
border:solid #eaeaea;
border-width:0 1px;
position:relative;
}

.sooperblocks .block {
float:left;
background:url(../images/sprite.png) repeat-x 0 -352px;
}

.sooperblocks .block .grid-inner {
margin:20px 0;
padding:0 20px;
border-right:1px dashed #d6d6d6;
}

.sooperblocks .block.last .grid-inner {
border:none;
}

.sooperblocks .cornerstone {
background-image:url(../images/sprite.png);
width:9px;
height:9px;
}

.sooperblocks .cornerstone.sooperb-cs1 {
top:0;
left:-1px;
background-position:-183px -145px;
}
.sooperblocks .cornerstone.sooperb-cs2 {
top:0;
right:-1px;
background-position:-192px -145px;
}
.sooperblocks .cornerstone.sooperb-cs3 {
bottom:0;
left:-1px;
background-position:-183px -154px;
}
.sooperblocks .cornerstone.sooperb-cs4 {
bottom:0;
right:-1px;
background-position:-192px -154px;
}
.sooperblocks .cornerstone.sooperb-cs5 {
bottom:0;
left:0;
height:3px;
width:100%;
background-repeat:repeat-x;
background-position:0 -348px;
}

/*** MAIN ***/

.main .inner {
margin:20px;
}

.main .node {
padding-bottom:0px;
width:100%; /* very important for internet exploder because of rendering order */
}

/*** FOOTER ***/

#footer {
padding:10px;
clear:both;
text-align:center;
color:#888;
}

#footer a {
color:#888;
}

#footer p#footermessage {
display:inline;
}

p.sooper {
float:right;
}
#footer ul {
float:left;
font-size:100%;
}

#footer ul li {
display:inline;
}

/**
*  [ 6 ] DECORATION PER NODE TYPE
*/

/*** ALL NODES ***/

.title {
margin-bottom:0.5em;
}

.picture {
float: right;
margin: 0.5em;
}
.picture img {
display:block;
border: 1px solid #ddd;
}

.node .content img {
float:left;
margin:0 0.5em 0.5em 0;
}

.main-title {
border-bottom:1px solid #ddd;
margin:0 0 1px 0;
}

.node .submitted {
font-size:80%;
text-indent:5px;
display:block;
clear:left;
background:url(../images/sprite.png) repeat-x 0 94%;
height:35px;
line-height:28px;
color:#a4a4a4;
text-transform:uppercase;
}

.node .content {
clear:both;
}

/*** NODE & COMMENT LINKS ***/

.node div.links,.comment div.links {
font-size:90%;
line-height:1em;
padding:10px 0;
float:right;
clear:both;
}

/*** TAXONOMY TERMS ***/

.wrap-columns div.field-type-taxonomy-term-reference {
font-size:90%;
clear:both;
padding:0px;
float:right;
}

.wrap-columns div.field-type-taxonomy-term-reference div.field-items {
margin-left:0;
padding-left:0;
}

.wrap-columns .field-type-taxonomy-term-reference div.field-items div.field-item {
padding:2px 0 2px 17px;
margin-left:3px;
background:url(../images/bullet.png) no-repeat 0 6px;
}

.wrap-columns .field-type-taxonomy-term-reference div.field-items div.field-label {
background:none;
padding-left:0;
}

.wrap-columns .field-type-taxonomy-term-reference div.field-label {
display:inline;
font-weight:normal;
}

.wrap-columns .field-type-taxonomy-term-reference div {
display:inline;
}

/**
*  [ 7 ] FORMS
*/

.mast .wrap-columns input.form-submit { /* increased selector specifity to prevent module styles from taking over (especially Views) */
font-weight:normal;
height:28px;
border:none;
color:#555;
background:url(../images/sprite.png) no-repeat 100% -284px;
padding:0 15px 0 0;
margin:0;
}

.mast div.wrapsubmit {
float:left;
height:28px;
margin:10px 0.5em 10px 2px;
padding-left:15px;
width:auto!important;
display:block;
background:url(../images/sprite.png) no-repeat 0 -256px;
}

input.form-submit:hover {
cursor:pointer;
}

/* rounded corners */

.form-text-left {
padding-left:14px;
background:url(../images/sprite.png) no-repeat -173px -37px;
display:block!important; /* escape Drupal system inline styles */
}

.form-text-right {
padding-right:14px;
background:url(../images/sprite.png) no-repeat 100% -37px;
display:block!important; /* escape Drupal system inline styles */
}

.mast div.grippie
,.mast input.form-text
,.mast input.form-upload
,.mast input.form-file
,.mast textarea {
width:100%;  /* increased selector specifity to override drupal core form element widths */
max-width:100%;  /* increased selector specifity to override drupal core form element widths */width:100%;  /* increased selector specifity to override drupal core form element widths */
color:#555;
}

.mast input.form-text
,.mast input.form-upload
,.mast input.form-file {
border:none;
background:#fff url(../images/sprite.png) repeat-x 0 -61px;
display:block;
/*height:16px;*/
padding:4px 0;
}

.mast input.form-file {
height:auto;
}

.mast .form-textarea-topleft {
background:url(../images/bg-textarea.png) no-repeat 0 0;
margin-bottom:10px;
}
.mast .form-textarea-topright {
background:url(../images/bg-textarea-topright.png) no-repeat 100% 0;
}
.mast .form-textarea-bottomleft {
background:url(../images/bg-textarea.png) no-repeat -3px 100%;
}
.mast .form-textarea-bottomright {
background:url(../images/bg-textarea-bottomright.png) no-repeat 100% 100%;
}

body .mast textarea {
background:none;
display:block;
border:none;
padding:10px;
position:relative;
left:5px;
}

.resizable-textarea .grippie {
position:relative;
top:9px;
}

.form-item input.error, .form-item textarea.error {
border: 2px solid #c52020;
}

body .wrap-columns #autocomplete ul {
margin:0;
padding:0;
}
body .wrap-columns #autocomplete ul li {
margin:0;
padding:1px;
list-style:none;
list-style-type:none;
border-bottom:1px dashed #ddd;
}

.main label {
font-weight:normal;
color:#888;
padding:8px;
}

span.form-required {
color:#555;
}

fieldset {
border:1px solid #ccc;
padding:10px;
background:url(../images/v0x-gradient-ultralight.gif) repeat-x top left;
}

html.js .wrap-columns fieldset.collapsed { /* overwriting drupal core styles */
height:2em;
}

fieldset fieldset {
background:none;
}

legend {
padding:5px;
display:block;
}

.main form legend a {
padding-left:20px;
padding-right:5px;
text-decoration:none;
}

/**
*  [ 8 ] DRUPAL ELEMENTS
*/

/*** LOGIN BLOCK ***/

.block-user #user-login-form {
text-align:left;
}

.wrap-columns .block-user div.item-list ul {
margin:0;
padding:0;
}
.wrap-columns .block-user div.item-list ul li {
list-style:none;
list-style-type:none;
}

/*** COMMENTS ***/

#comments h2.title { /* You can switch this header off in custom theme settings */
margin-bottom:0.5em;
}

#comments h2.title a {
text-decoration:none;
}

div.comment {
margin-bottom:0;
padding:0;
}

.comment ul.links {

text-align:right;
display:block;
}

.comment .content {
background:#fafafa url(../images/bg-comment-bottom.png) repeat-x bottom;
position:relative;
border:1px solid #ddd;
border-width:1px 1px 0 1px;
padding:10px;
}

.comment .submitted {
text-align:right;
margin-right:25px;
}

.comment .submitted .picture img {

}

.comment .content .cornerstone {
width:6px;
height:6px;
}

.comment .content .cornerstone.sooperc-cs1 {
background-position:-165px -154px;
top:-1px;
left:-1px;
}

.comment .content .cornerstone.sooperc-cs2 {
background-position:-171px -154px;
top:-1px;
right:-1px;
}

.comment .content .cornerstone.sooperc-cs3 {
background-position:-165px -160px;
bottom:0;
left:-1px;
}

.comment .content .cornerstone.sooperc-cs4 {
background-position:-140px -134px;
bottom:-19px;
right:-1px;
width:25px;
height:39px;
}

/*** PAGER ***/


.mast .wrap-columns ul.pager {
text-align:center;
}

.mast .wrap-columns ul.pager li {
margin:0;
padding:2px;
font-size:1.2em;
background:none;
list-style:none;
list-style-type:none;
display:inline;
}

.mast .wrap-columns ul.pager li a {
padding:0;
text-decoration:none;
color:#999;
font-weight:normal;
}

.mast .wrap-columns ul.pager li a:hover
,.mast .wrap-columns ul.pager li a:focus {
color:#008fd1;
}

/*** BREADCRUMBS ***/

.breadcrumb {
height:37px;
line-height:37px;
font-size:90%;
width:100%;
padding:0;
background:#ececec url(../images/sprite.png);
}

.breadcrumb a {
text-decoration:none;
display:block;
float:left;
height:37px;
color:#7d7d7d;
padding:0 11px 0 23px;
background:url(../images/sprite.png) 0 -180px;
}

.breadcrumb a.breadcrumb-home {
text-indent:-999999em;
background:url(../images/sprite.png) -66px -85px;
width:13px;
}

.breadcrumb a:hover
,.breadcrumb a:focus {
color:#444;
}

/*** ADMIN OVERVIEW ***/

div.admin .left {
margin-left:0;
}
div.admin .right {
margin-right:0;
}

/*** BLOCK ADMIN LINKS ***/

.block div.edit a {
color:#fff;
background:#666;
padding:2px 5px;
font-size:70%;
opacity:0.7;
text-decoration:none;
}

.block div.edit a:hover
,.block div.edit a:focus {
text-decoration:underline;
}

/*** TABLES ***/

td, th {
padding: 0.3em 0.4em;
}

thead th {
border-bottom: 2px solid #555;
color: #494949;
}

th a:link, th a:visited {
color: #6f9dbd;
}

tr.even, tr.odd, tbody th {
border: solid #DDD;
border-width: 1px 0;
}

tr.odd, tr.info {
background-color: #eee;
}

tr.even {
background-color: #fff;
}

tr.odd td.active {
background-color: #DDD;
}

tr.even td.active {
background-color: #ccc;
}

td.region, td.module, td.container {
border-top: 1.8em solid #fff;
border-bottom: 2px solid #DDD;
background-color: #ddd;
color: #455067;
}

/*** PRIMARY TABS ***/

.main ul.primary {
border:solid #eee;
border-width:2px 0 0 0;
font-size:80%;
line-height:1.7em;
width:95%;
padding:0 0 0 0;
float:left;
margin:1em 0 1em 0;
}

body .wrap-columns ul.primary li {
border:solid #DDD;
border-width:0 1px 1px 1px ;
background: url(../images/x-gradient-ultralight.gif) repeat-x 0 0px;
display:block;
float:left;
padding:0;
margin:0 3px 0 0;
}

ul.primary li a {
border:none;
display:block;
float:left;
padding:1px 1em 2px 1em;
margin:0;
background:none;
color:#555;
}

ul.primary li.active {
border-top-color:#DDD;
}

ul.primary li.active a {
border:none;
float:left;
background:#fff url(../images/x-gradient-ultralight.gif) repeat-x 0 -100px;
font-weight:bold;
}

ul.primary li a:hover,
ul.primary li a:focus {
border-bottom:2px solid #DDD;
padding-bottom:0;
}

ul.primary li.active a:hover,
ul.primary li.active a:focus {
border-bottom-color:#DDD;
}

ul.primary li.inactive a:hover,
ul.primary li.inactive a:focus {
background:#fff url(../images/x-gradient-ultralight.gif) repeat-x 0 -110px;
}


/*** SECONDARY TABS ***/

.main ul.secondary {
font-size:80%;
margin: 0;
padding: 0 0 0 5px;
border-bottom: 1px solid #c0c0c0;
list-style: none;
white-space: nowrap;
}

ul.secondary li {
float: left;
margin: 0 5px 0 0;
padding: 5px 0;
border-right: none;
}

ul.secondary a {
display: block;
margin: 0;
padding: 3px 8px;
line-height: 1.4em;
border: 1px solid #ccc;
background: url(../images/x-gradient-ultralight.gif) repeat-x 0 0;
}

ul.secondary a.active {
font-weight:bold;
border: 1px solid #555;
}

ul.secondary a:hover,
ul.secondary a:focus {
background: url(../images/x-gradient-ultralight.gif) repeat-x 0 -20px;
border-color:#666;
}

/*** BLOCK REGION LABEL COLOR ***/

.block-region {
color:#555;
}

/**
*  [ 9 ] DRUPAL MODULES
*/

/*** MOD POLL ***/

.poll .bar {
background:#eee;
height:10px;
}

.poll .bar .foreground {
background:#008fd1 url(../images/bg-poll.png) repeat-x 0 0;
height:10px;
}

.poll .text {
}

.poll .percent {
line-height:1.2em;
}

.poll .total {
line-height:1em;
}

div.poll { /* clear the user picture */
clear:both;
}

/**
 * MOD DBLOG
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/*** STATUS REPORT ***/
table.system-status-report tr.error, table.system-status-report tr.error th {
background-color: #fcc;
border-color: #ebb;
color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
background-color: #ffd;
border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
background-color: #dfd;
border-color: #beb;
}

/*** MOD FORUMS ***/

div#forum table {
width:100%;
}



/*** MOD VIEWS ***/

.views-edit-view h2 {
clear:both;
}

.views-live-preview input.form-submit {

}

/*** MOD BOOK ***/

.book-navigation {
clear:both;
}

/* MOD TWITTER */

.skinr-twitter .block-title
,#block-views-tweets-block .block-title
,#block-views-tweets-block2 .block-title {
background:url(../images/twitter-block-title.png) no-repeat top right;
height:46px;
line-height:52px;
}

.skinr-twitter .content
,#block-views-tweets-block .content
,#block-views-tweets-block2 .content {
padding:0 0 10px 0;
}

body .mast .skinr-twitter ul
,body .mast #block-views-tweets-block ul
,body .mast #block-views-tweets-block2 ul {
margin:0 15px 15px 15px;
padding:0;
}

body .mast .skinr-twitter ul li
,body .mast #block-views-tweets-block ul li
,body .mast #block-views-tweets-block2 ul li {
background:none;
margin:0;
padding:1.4em 0 0 0;
font-size:90%;
line-height:140%;
position:relative;
width:100%;
}

.skinr-twitter .views-field-text
,#block-views-tweets-block .views-field-text
,#block-views-tweets-block2 .views-field-text {
background:#ddd;
display:block;
padding:8px 11px;
position:relative;
}

.skinr-twitter .views-field-created-time
,#block-views-tweets-block .views-field-created-time
,#block-views-tweets-block2 .views-field-created-time {
display:block;
position:absolute;
text-align:right;
top:0;
right:50px
}

.skinr-twitter .cornerstone
,#block-views-tweets-block .cornerstone
,#block-views-tweets-block2 .cornerstone {
background:url(../images/sprite.png);
width:6px;
height:6px;
}

.skinr-twitter .cornerstone.tw-cs1
,#block-views-tweets-block .cornerstone.tw-cs1
,#block-views-tweets-block2 .cornerstone.tw-cs1 {
top:0;
left:0;
background-position:-70px -137px;
}
.skinr-twitter .cornerstone.tw-cs2
,#block-views-tweets-block .cornerstone.tw-cs2
,#block-views-tweets-block2 .cornerstone.tw-cs2 {
top:-20px;
right:0;
background-position:-41px -131px;
height:26px;
width:25px;
}
.skinr-twitter .cornerstone.tw-cs3
,#block-views-tweets-block .cornerstone.tw-cs3
,#block-views-tweets-block2 .cornerstone.tw-cs3 {
bottom:0;
left:0;
background-position:-70px -143px;
}
.skinr-twitter .cornerstone.tw-cs4
,#block-views-tweets-block .cornerstone.tw-cs4
,#block-views-tweets-block2 .cornerstone.tw-cs4 {
bottom:0;
right:0;
background-position:-76px -143px;
}

.skinr-twitter #nav
,#block-views-tweets-block #nav
,#block-views-tweets-block2 #nav {
margin-left:15px;
}

.skinr-twitter #nav a
,#block-views-tweets-block #nav a
,#block-views-tweets-block2 #nav a {
text-indent:-999999em;
display:block;
float:left;
background:url(../images/sprite-slideshow.png) -2px -16px;
width:14px;
height:13px;
margin:0 10px 2px 0;
padding:0;
overflow:hidden;
}

.skinr-twitter #nav a.activeSlide
,#block-views-tweets-block #nav a.activeSlide
,#block-views-tweets-block2 #nav a.activeSlide {
background-position:-2px -32px;
}

/****************************/
/* Skinr Styles             */
/****************************/


/* Color */

.syan-color .content
,.syan-color .content a
,.sooperblocks .syan-color .block-title {
color:#fff;
}

.mast .syan-color {
background:url(../images/bg-sright-color.png) repeat-y top left;
}
.mast .region-sidebar-first .syan-color {
background:url(../images/bg-sleft-color.png) repeat-y top right;
}

/* Color Light */

.syan-color-light {
background:#dce7ec;
}

.mast .syan-color-light {
background:url(../images/bg-sright-light.png) repeat-y top left;
}
.mast .region-sidebar-first .syan-color-light {
background:url(../images/bg-sleft-light.png) repeat-y top right;
}

/* Color Dark */

.syan-color-dark {
background:#3d5b69;
}

.syan-color-dark .content
,.syan-color-dark .content a
,.sooperblocks .syan-color-dark .block-title {
color:#fff;
}

.mast .syan-color-dark {
background:url(../images/bg-sright-dark.png) repeat-y top left;
}
.mast .region-sidebar-first .syan-color-dark {
background:url(../images/bg-sleft-dark.png) repeat-y top right;
}


/**
*  [ 10 ] MISC
*/

/*** SKIP TO CONTENT ***/

p#skipcontent a {
position:absolute;
top:8em;
left:-99999em;
padding:10px 30px;
background:#ccc;
border:1px solid;
z-index:1;
}

p#skipcontent a:focus {
left:45%;
}

p#skipcontent a:hover {
background:#eee;
}

.block-region {
clear:both;
}

.block .content .edit {
clear:both
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cornerstone {
position:absolute;
}

form fieldset img {
float:left;
clear:both;
padding:2px;
}

.hide, .close {display:none;}

div.vertical-tabs {
  margin-left:0;
}

#edit-advanced {
  clear:both;
  margin:1em 0;
}