/* $Id$ */

/*
+----------------------------------------------------------------+
|   Duplex for Dupal 6.x - Version 1.0                           |
|   Copyright (C) 2011 Antsin.com All Rights Reserved.           |
|   @license - Copyrighted Commercial Software                   |
|----------------------------------------------------------------|
|   Theme Name: Duplex                                           |
|   Description: Duplex by Antsin                                |
|   Author: Antsin.com                                           |
|   Date: 25th February 2011                                     |
|   Website: http://www.antsin.com/                              |
|----------------------------------------------------------------+
|   This file may not be redistributed in whole or               |
|   significant part.                                            |
+----------------------------------------------------------------+
*/  

/*==============  RESET  ===================*/
html, body, div, blockquote, p, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td {
  margin: 0;
  padding: 0;
}

blockquote, ul, ol, dl {
  margin: 1em;
}

ol,ul,dl {
  padding-left: 2em;
}

th,td {
  padding: .5em;
}

p {
  margin: 1em 0;
}

/*==============  LAYOUT  ===================*/
/** body **/
#page, #header, #main, #footer, #closure {
  width: 100%;
  clear: both;
}

#header-inner, #primary, #main-inner, #footer-inner, #closure-inner { 
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

#top-border, #bottom-border { 
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

/** footer **/
#footer .footer-1 div.column {
  float: left;
  padding: 0 20px;
  width: 940px;
}

#footer .footer-2 div.column {
  float: left;
  padding: 0 20px;
  width: 450px;
}

#footer .footer-3 div.column {
  float: left;
  padding: 0 10px;
  width: 305px;
}

#footer .footer-4 div.column {
  float: left;
  padding: 0 10px;
  width: 225px;
}

/** content **/
#content, .no-sidebars #content {
  float: left;
  width: 960px;
  margin-left: 10px;
  margin-right: -970px;
  padding: 0; 
}

.one-sidebar #content {
  width: 795px;
  margin-left: 10px;
  margin-right: -805px;
}

.two-sidebars #content, .top-sidebar #content {
  width: 630px;
  margin-left: 10px;
  margin-right: -640px;
}

/** sidebar **/
.one-sidebar #sidebar {
  width: 155px;
  margin-left: 815px;
  margin-right: -970px; 
}

#sidebar, .top-sidebar #sidebar {
  width: 320px;
  margin-left: 650px;
  margin-right: -970px; 
}

#sidebar-top {
  float: left;
  width: 320px;
}

#sidebar-left, #sidebar-right {
  float: left;
  width: 155px;
}

.two-sidebars #sidebar-left {
  margin-right: 10px;
}

/*==============  STYLE  ====================*/
/** body **/
body {
  color: #2E2F2D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  line-height: 1.2;
}

h1 { font-size: 200%;}
h2 { font-size: 180%;}
h3 { font-size: 160%;}
h4 { font-size: 140%;}
h5 { font-size: 120%;}

.front h1.title, .page-blog h1.title {
  padding: 5px 10px 10px 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.front h1.title
{
font-size: 34px;
color: #12355F;
}

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

img.left {
  float: left;
  margin: 0 20px 10px 0;
}

img.right {
  float: right;
  margin: 0 0 20px 10px;
}

img.framed {
  padding: 5px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.block img.left {
  float: left;
  margin: 0 10px 5px 0;
}

.block img.right {
  float: right;
  margin: 0 0 5px 10px;
}

/** header **/


#site-logo {
   float: left;
      padding-bottom: 0;
      padding-left: 20px;
      padding-right: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom:0px;
}

#site-logo img

{
position: relative;
top:30px;
}

#header-blocks {
      float: right;
      left: 50px;
      position: relative;
      text-align: right;
      top: -100px;
    width: 320px
    margin:0;
    padding:0;
  
}



/** showcase **/
#showcase {
  clear: both;
  width: 630px;
}

/** main, content, node **/
#main-inner {
  padding: 0 10px;
  background: url("../images/bg_main_inner.png") repeat-y center top;
}

#top-border {
  height: 20px;
  background: url("../images/bg_border.png") no-repeat center top;
}

#bottom-border {
  height: 25px;
  background: url("../images/bg_border.png") no-repeat center bottom;
}

#content-inner {
  padding: 10px;
 
}

.node-teaser {
  padding-top: 5px;
}

.node-teaser.node-type-story {
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

.node-teaser.node-type-story p {
  margin-top: 0;
}

.node-teaser.node-type-story .meta {
  border-bottom: none;
}

/** sidebar **/
#sidebar-top .title h2, #sidebar-left .title h2, #sidebar-right .title h2, #footer .title h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#sidebar-top .title h2 {
  display: inline-block;
  padding: 9px 25px 7px 10px;
}

#sidebar-left .title h2, #sidebar-right .title h2 {
  padding: 8px 10px 7px 10px;
}

/** breadcrumb **/
#breadcrumb {
  font-size: 11px;
  height: 30px;
  margin-bottom: 10px;
}

#breadcrumb-here {
  display: inline-block;
  padding: 4px 25px 3px 15px;
}

.breadcrumb a {
  padding: 0 8px;
}

.breadcrumb {
  display: inline;
}

/** footer **/
#footer, #footer li a {
  color: #666;
  font-size: 11px;
}

#footer-inner {
  margin-top: 10px;
  border-top: 1px solid #E6E3DD;
  border-bottom: 1px solid #E6E3DD;
}

#footer .block {
  padding-top: 0;
  margin-bottom: 0;
  background-color: transparent;
}

#footer .block ul li {
  border-bottom: 1px solid #E6E3DD;
}

#footer .title h2 {
  color: #666;
  padding: 10px 0;
  border-bottom: 1px solid #E6E3DD;
}

#footer-inner.footer-2 {
  background: url("../images/bg_footer_2.png") repeat-y center top;  
}

#footer-inner.footer-3 {
  background: url("../images/bg_footer_3.png") repeat-y center top;  
}

#footer-inner.footer-4 {
  background: url("../images/bg_footer_4.png") repeat-y center top;  
}

/** closure **/
#closure-inner {
  color: #666; 
  height: 40px;
  font-size: 10px;
  padding-top: 15px;
}

#closure a {
  color: #666; 
}

#closure p {
  padding: 0;
  margin: 0;
}

#closure .block {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
}

#designed-by {
  float: right;
  text-transform: uppercase;
}

/** blog **/
.node-type-blog h1.title {
  font-size: 180%;
}


.node-type-blog .submitted {
  float: left;
  color: gray;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  margin-right: 10px;
  border-right: 1px solid #eee;
 
}

.node-type-blog span.day {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 50px;
  font-style: italic;
  
}

.node-type-blog span.month-year {
  display: block;
  line-height: 1;
}

ul.links li.blog_usernames_blog { 
  display: none; 
}

/** comments **/
#comments h2, .box h2 {
  color: #6F6453;
  font-size: 18px;
  padding: 10px 0 10px 5px;
  border-bottom: 3px double #eee;
}

.comment {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.comment h3.title {
  font-size: 100%;
}

.comment p {
  margin: 0.5em 0;
}

.comment .links {
  float: right;
  width: 300px;
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
}

.comment .comment-meta {
  font-weight: bold;
}

.comment .date {
  color: #A5A8AA;
  font-size: 10px;
  font-weight: normal;
}

.comment .picture {
  float: left;
  padding: 10px 20px 0 0;
}

.comment .picture img {
  width: 50px;	
  height: 50px;
  padding: 3px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.box {
  padding-top: 20px;
}

.box .content {
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #DDDDDD;
  background-color: #F5F5F5;
}

.box .form-text { 
  width: 100%;
  height: 20px;
  border: 1px solid #DDDDDD;
}

.box .resizable-textarea {
  width: 99%;
}

#comments .form-textarea {
  overflow: hidden;
  border: 1px solid #DDDDDD;
}

/** blocks **/
.block {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}

.block h2.title {
  color: #666;
  font-size: 15px;
  font-weight: bold;
}

/** list **/
.block ul {
  margin: 0;
  padding: 0;
}

.block ul li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  overflow: auto;
  padding: 5px 0 5px 15px;
  border-bottom: 1px solid #eee;
  background: transparent url("../images/list_dot.png") no-repeat left 13px;
}

.block ul ul li.last {
  padding-bottom: 0;
  border-bottom: none;
}

.block ul li a {
  color: #2E2F2D;
}

.arrow ul li {
  background: url("../images/list_arrow.png") no-repeat left 13px;  
}

.dash ul li {
  background: url("../images/list_dash.png") no-repeat left 13px;  
}

.no-border ul li {
  border-bottom: none !important;
}

.no-background ul li {
  padding-left: 0px;
  background-image: none !important;  
}

/** search **/
#search {
  float: right;
  width: 280px;
  margin: 20px 0;
  padding: 0 19px;
  border-left: 1px solid #e6e3dd;
  border-right: 1px solid #e6e3dd;
}

#search #search-theme-form {
  position: relative;
}

#search .form-item {
  padding: 0 10px;
}

#search .form-text {
  padding: 5px 0;
}

#search .button {
  position: absolute;
  top: 5px;
  right: 15px;
  display: inline-block;
  height: 24px;
  padding: 0;
  background: transparent url("../images/icons/search.png") no-repeat right top;
}

#search .button input {
  border: none;
  background-color: transparent;
}

#search .form-text, .block-search .form-text {
  width: 200px;
  border-width: 1px;
  border-style: solid;
  border-color: #969696 #DEDEDE #DEDEDE #969696;
  background-color: #F7F7F7;
}

/** login **/
#user-login-form {
  text-align: left;
  font-size: 11px;
}

#user-login-form .form-text {
  width: 80%;
  font-family: Arial, Helvetica, sans-serif;
  border-width: 1px;
  border-style: solid;
  border-color: #969696 #DEDEDE #DEDEDE #969696;
  background-color: #F7F7F7;
}

#user-login-form label, #user-login-form label {
  text-align: left;
  font-weight: normal !important;
}

#user-login-form li { 
  font-style: italic; 
}

/** read more & button **/
.read-more a {
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #E0E0E0;
}

.read-more a:hover {
  color: #A5A8AA;
  text-decoration: none;
}

.button input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  
  display: inline-block;
  cursor:pointer;
  padding: 5px 5px;
  border: 1px solid #ddd;
 
}

.button input:hover {
  color: #666;
}

/** pager **/
ul.pager {
  display: inline-block;
  color: #A5A8AA;
  font-size: 10px;
  margin-top: 10px;
  text-transform: uppercase;
}

ul.pager li {
  padding: 2px 6px !important;
  margin: 0 !important;
  border: 1px solid #E0E0E0;
}

ul.pager a {
  text-decoration: none;
}

/** miscellaneous **/
.meta {
  color: #A5A8AA;
  padding: 2px 0;
  font-size: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
}

.meta a {
  color: #666;
}

.terms {
  color: #A5A8AA;
}

.divider {
  padding: 0 10px;
}

.extra-links li.first {
  padding-left: 0;
}

.messages {
  padding: 10px !important;
  border: 1px solid #95C7FC;
  background-color: #DFF0FF;
}

.messages.status {
  border: 1px solid #FCD250;
  background-color: #FFF7D3;
}

.messages.warning {
  border: 1px solid #E1B42F;
  background-color: #FFFCF0; 
}

.messages.error {
  border: 1px solid #ECB8B0;
  background-color: #FDF1EE;
}

/** universal clearfix **/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*==============  MENU  =====================*/
/** secondary **/
#secondary {
  height: 40px;
  font-size: 80%;
  text-align: right;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e3dd;
    left: -250px;
    position: relative;
}

#secondary a {
  
  color: #12355F;
    font-weight: bold;
}

#secondary ul {
  padding: 10px 0;
}

#secondary ul li {
  border-right: 1px solid #ccc;
  padding: 0 16px 0 15px;
}

#secondary ul li.last {
  border-right: none;
}

/** primary **/
#primary ul, #primary ul li {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

#primary ul ul {
  position:	absolute;
  top: -999em;
  width: 200px;
}

#primary ul ul li {
  width: 100%;
}

#primary ul li:hover {
  visibility: inherit;
}

#primary ul li {
  float: left;
  position:	relative;
}

#primary ul a {
  display: block;
  position:	relative;
}

#primary ul li:hover ul,
#primary ul li.sfHover ul {
  left:	0;
  top: 20px;
  z-index: 99;
}

#primary ul li:hover li ul,
#primary ul li.sfHover li ul {
  top: -999em;
}

#primary ul li li:hover ul,
#primary ul li li.sfHover ul {
  left:	220px;
  top: -10px;
}

#primary ul li li:hover li ul,
#primary ul li li.sfHover li ul {
  top: -999em;
}

#primary ul li li li:hover ul,
#primary ul li li li.sfHover ul {
  left:	220px;
  top: -10px;
}

/** style **/
#primary {
  height: 40px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
}

#primary ul {
  float: left;
  margin: 10px 0;
}

#primary ul a {
  
  padding: 7px 20px;
  text-decoration: none;
}

#primary ul li {
  margin-right: 10px;
}

#primary ul li.expanded {
  padding-left: 10px;
 /* background-image: url("../images/list_plus_light.png"); */
  background-repeat: no-repeat;
  background-position: 13px 12px;
}

#primary ul li.expanded:hover {
/*  background-image: url("../images/list_dash_light.png"); */
}

#primary ul ul li {
  padding-left: 10px;
 /* background-image: url("../images/list_dash_light.png"); */ 
  background-repeat: no-repeat;
  background-position: 13px 15px !important;
}

#primary ul ul li {
  padding: 0 10px;
}

#primary ul ul li a {
  font-weight: normal;
  padding: 10px 20px;
  
  color: white;
}

#primary ul ul li.first a {
  border-top: none;
}

#primary ul ul li.last a {
  border-bottom: none;
}

#primary ul ul ul li.first a {
  border-top: none !important;
}

#primary ul ul ul li.last a {
  border-bottom: none !important;
}

#primary ul li:hover, #primary ul li.sfHover,
#primary ul a:focus, #primary ul a:hover, #primary ul a:active {
  outline: 0;
  color: #fff;
}
#block-views-showcase_with_image-block_1
{
width: 630px;
height: 350px;
}
#views-slideshow-ddblock-1
{
width: 600px;
height: 300px;
}
 div.views-field-field-event-banner-fid img
 {
 float: left;
    height: 150px;
    padding-bottom: 15px;
    padding-right: 15px;
    width: 200px;
    }
 body.section-home div.views-exposed-form input,.container-inline-date .form-item, .container-inline-date .form-item input
 { width: 100px;
 
 }
 #edit-date-filter-min-wrapper
 {display: inline;
 float: left;
 }
 #edit-date-filter-max-wrapper
 {display: inline;
 float: right;
 position: relative;
 top: -70px;
 left: -30px;
 }
 .views-exposed-form .views-exposed-widget {
    float: left;
    height: 60px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 1em;
    padding-top: 0.5em;
}
#block-block-2
{
left: 30px;
    position: relative;
    top: -20px;
    }
   #block-search-0
   {  background: transparent;
   padding:0;
   margin:0;
    }
    
    
    #site-title
    {
     
         font-size: 16px;
	    font-style: italic;
	    left: 20px;
	    position: relative;
            width: 700px;
            padding-bottom:0px;
            margin-bottom:0px;
            top:30px
    
    }
    #block-search-0 .button input {
        background-color: #12355F;
        color: white;
        left: 80px;
        position: relative;
        top: -40px;
}
    
    #site-title h1 a
    {
    font-size: 28px;
    font-style: normal;
    font-family: "Arial,Verdana,sens-serif"; 
    }
    
    body.section-home div.view-filters .button input
    {
   
    height: 35px;
        left: 230px;
        position: relative;
        width: 60px;
        top: -80px;
        [top: -80px;
         top: -70px;]
       
    }
   
   .views_slideshow_singleframe_pager div a img {
        height: 45px;
        width: 75px;
        
}
#views_slideshow_singleframe_teaser_section_showcase_with_image-block_1 div.field-content
{
  color: #133578;
  font-size: 20px;
  margin-top: 10px;
}

#views_slideshow_singleframe_teaser_section_showcase_with_image-block_1 span.field-content
{
  color: #133578;
  font-size: 20px;
  position: relative;
  top: 10px;
}

#views_slideshow_singleframe_teaser_section_showcase_with_image-block_1 span.views-field-field-slide-text-value div.field-content
{
  color: #133578;
  font-size: 16px;
  padding-left: 10px;
  padding-bottom: 10px;
 
}
div.view-home-page-view div.views-field-field-image-fid
{
   display: inline;
   float: left;
   padding-right: 20px;
  
}
div.view-home-page-view div.views-field-field-image-fid span img
{
 width: 100px;
   height: 100px;
}
 .view-content table tbody tr td
{
border-bottom-color: #79B5D9;
    border-bottom-style: groove;
    border-bottom-width: thin;
}
body.page-past-events div.view-content
{
  padding: 8px;
  
  background-color: #EFF6F9;
}
body.section-home div.view-content
{
  padding: 8px;
  
  background-color: #EFF6F9;
}
body.section-home #content-header h1.title
{
color:#12355F;
padding-bottom: 10px;
}
div.pane-field-locationdirectory h2 a
{
display: none;
}
div.pane-content-field h2
{
font-weight: bold;
font-size: 22px;
color: #12355F;
}
#views_slideshow_singleframe_main_showcase_with_image-block_1 img
{
padding-top: 20px;
display: block;
	    margin-right: auto;
    margin-left: auto;
}
.pane-plain-box-acmtitle .pane-title, .pane-plain-box-acmtitle .pane-content {
    color: #12355F;
    font-size: 30px;
    padding-bottom: 0.15em;
    padding-top: 0.15em;
    text-align: center;
}



.view-list-jobs .view-header
{
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: solid thin #cccccc;
 text-align: justified;
}


#calpopup-body
{
 margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    max-height: 400px;
    overflow-y: auto;
    position: relative;
}
.block
{
background-color:transparent;
}
#content-inner

{
background-color:transparent;
}

body.section-home div.view-BigEvent div.view-content
{
background-color: #FFFF66;
}
.pane-plain-box-acmtitle .pane-title, .pane-plain-box-acmtitle .pane-content
{
line-height: 35px;
}