/* $Id: blocks.css,v 1.1.2.21 2009/06/12 15:44:26 jmburnz Exp $ */

/**
 * @file blocks.css
 * Basic styles for blocks.
 */

/**********************************************************
 *                       Blocks
 **********************************************************/
/**
 * Styles set for .block, .block-inner, block-title and 
 * .block-content will be inherited by all blocks.
 */
.block {
  clear: both;
  margin: 0 0 1.5em;
}

.block-inner   {} /* Block inner div */
.block-title   {} /* h2 block title */
.block-content {} /* Block content wrapper */


/**********************************************************
 *                   Sidebar blocks
 **********************************************************/
/**
 * You can target blocks in one or more regions and 
 * style them differently. 
 */
/* Low specifity selector to style blocks in both sidebars. */
.sidebar .block {}
.sidebar .block h2 {}
.sidebar .block-inner {}
.sidebar .block .block-content {}

/* Low specifity selector to style blocks in all regions. */
.region .block {}
.region .block h2 {}
.region .block-inner {}
.region .block .block-content {}

/* High specifity selectors to style blocks in one sidebar. */
#sidebar-left .block {
 margin-bottom: 10px;
}
/*
#sidebar-left .sb-i-1 .block h2 {
    color:#000000;
    font-variant:small-caps;
	line-height:1;
}
#sidebar-left .block-inner {}
#sidebar-left .sb-i-1 .block-content {
		background:#FFE5A4 url(../images/sb_left_block_tr.gif) no-repeat scroll right top;
		border:medium none;
		margin:0;
		overflow:hidden;
		padding:0;
}
#sidebar-left .sb-i-1 .block-content-inner {		
   background:transparent url(../images/sb_left_block_tl.gif) no-repeat scroll left top; 
		margin:0;
		overflow:hidden;
		padding:6px 0 0;
}
#sidebar-left .sb-i-1 .block-content-inner-2 {
		background:transparent url(../images/sb_left_block_bl.gif) no-repeat scroll left bottom;
		margin:0;
		overflow:hidden;
		padding:0 0 0 6px;
}
#sidebar-left .sb-i-1 .block-content-inner-3 {
		background:transparent url(../images/sb_left_block_br.gif) no-repeat scroll right bottom; 
		margin:0;
		overflow:hidden;
		padding:0 6px 6px 0;
}
*/

#sidebar-left .sb-i-1 .menu {
  margin-left: 0;
}
#sidebar-left .sb-i-1 .menu li {
  list-style-image: none;
		list-style:square;
		list-style-position:inside;
		color: #FFF;
		border-top: 1px dashed #EDD28C;
		margin-left: 0;
}
#sidebar-left .sb-i-1 .menu li.first {
		border-top: none;
}
#sidebar-left .sb-i-1 .menu li:hover {
		color: #006882;
}
#sidebar-left .sb-i-1 .menu li a:link,
#sidebar-left .sb-i-1 .menu li a:visited {
  color: #910303;
}
#sidebar-left .sb-i-1 .menu li a:hover {
  text-decoration: none;
		color: #006882;
}

#sidebar-left-bottom h2 {
  color: #970000;
  font-variant: small-caps;
}
#sidebar-left-bottom .block {}
#sidebar-left-bottom  .block-content {}

#sidebar-right .block {}
#sidebar-right .block h2 {
  color: #970000;
  font-variant: small-caps;
}
#sidebar-right .block-inner {}
#sidebar-right .block .block-content {}


/**********************************************************
 *                  Region blocks
 **********************************************************/
/* High specifity selectors to style blocks in one region. */
#leaderboard       .block {}

#header-blocks .block {
    /* margin: 0; padding: 0; */
}
#header-blocks .block h2.block-title {
  display: none;
}

#header-blocks .block ul.menu {
  margin: 0; 
		padding: 0;
		background:transparent url(../images/top_nav_bg.gif) no-repeat scroll 0 0;
  height:18px;
		width: 252px;
}
#header-blocks .block ul.menu li {
  list-style-image: none;
		list-style:none;
		display: inline;
		text-align: center;
		margin: 0; padding: 0;
}

#header-blocks .block ul.menu li.leaf a {
		background: url(../images/about_us_icon.gif) no-repeat 0 0;
		color:#000000;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size:10px;
		font-weight:bold;
		line-height:18px;
		text-transform:uppercase;
		margin:0 0 0 28px;
		padding:0 0 0 18px;
}

#header-blocks .block ul.menu li.first a {
		background: url(../images/home_icon.gif) no-repeat left center;
		color:#000000;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		margin:0 0 0 10px;
		padding:0 0 0 18px;
}

#header-blocks .block ul.menu li.last a {
		background: url(../images/contact_icon.gif) no-repeat left center;
		color:#000000;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		margin:0 0 0 30px;
		padding:0 0 0 18px;
}

#header-blocks .block ul.menu li.leaf a:hover {
		background: url(../images/about_us_icon_hover.gif) no-repeat 0 0;
}
#header-blocks .block ul.menu li.first a:hover {
		background: url(../images/home_icon.gif) no-repeat left center;
}
#header-blocks .block ul.menu li.last a:hover {
		background: url(../images/contact_icon_hover.gif) no-repeat left center;
}

#secondary-content .block,
#tertiary-content  .block {margin: 0;}

#content-top .block h2,
#content .block h2,
#content-bottom .block h2 {
  color: #970000;
  font-variant: small-caps;
}

#footer .block h2 {
 color:#FFF;
	font-variant:small-caps;
	letter-spacing:-1px;
}


/**********************************************************
 *                   Module blocks
 **********************************************************/
/**
 * Module Block ID's 
 * For contributed module blocks the pattern is the same,
 * i.e. #block-[module]-[delta]
 */
#block-book-0       {} /* Book navigation block   */
#block-blog-0       {} /* Recent Blog posts       */
#block-comment-0    {} /* Recent Comments block   */
#block-forum-0      {} /* Active Forum topics     */
#block-forum-1      {} /* New Forum topics        */
#block-locale-0     {} /* Language Switcher block */
#block-node-0       {} /* Syndicate block         */
#block-poll-0       {} /* Most recent poll        */
#block-profile-0    {} /* Author information      */
#block-search-0     {} /* Search form block       */
#block-statistics-0 {} /* Popular content         */
#block-system-0     {} /* Powered by Drupal       */

/* Login block             */
#block-user-0 {
		background: url(../images/member_login_bg.gif) no-repeat scroll 0 0;
		color:#FFFFFF;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:14px;
		font-weight:bold;
		line-height:17px;
		margin:0 0 1.5em 0;
		width:204px;
		border: 2px solid #C58C00;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		text-align:left;
}

#block-user-0 h2.block-title {
  color:#FFFFFF;
  margin:25px 0 30px 55px;
}

#block-user-0 ul {
  font-size:13px;
}

#block-user-0 ul li {
 list-style: none;
	list-style-image:none;
}

#block-user-0 #user-login-form {}
#block-user-0 #user-login-form label {
  color: #C58C00;
}

#block-user-0 #user-login-form input {}

#block-user-0 #user-login-form .form-submit {
		background: url(../images/button_100.gif) no-repeat 0 0;
		color:#144848;
		font-family:Georgia,"Times New Roman",Times,serif;
		border: 0;
		padding: 5px 0;
		width: 100px;
		margin-bottom: 10px;
}

#block-user-1       {} /* Navigation Menu block   */
#block-user-2       {} /* Who's New block         */
#block-user-3       {} /* Who's Online block      */

/* Primary and Secondary links blocks */
#block-menu-primary-links   {}
#block-menu-secondary-links {}

/* The class selector applies to all blocks of these types. */
.block-user {} 
.block-book {} 
.block-aggregator {}


/**********************************************************
 *                 Search block form
 **********************************************************/
#search-block-form {}

/* Wrapper divs. */
#search-block-form > div {}
#search-block-form .container-inline{}

#search-block-form label {
  position: absolute;
  top: -9999em;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#search-block-form input {}
#search-block-form .form-item {}
#search-block-form .form-submit {
		/* background: url(../images/button_100.gif) no-repeat 0 0;
		color:#144848;
		font-family:Georgia,"Times New Roman",Times,serif;
		border: 0;
		padding: 5px 0;
		width: 100px;
        */
        margin-left: 130px;
}
#search-block-form #edit-search-block-form-1 {
		padding:5px;
		width:180px;
        /*
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
        */
}

/* Override forms.css focus style */
#edit-search-block-form-1:hover,
#edit-search-block-form-1:focus {}


/**********************************************************
 *                   Menu blocks
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
 */
ul.menu,
ul.menu ul, 
ul.menu ul ul, 
ul.menu ul ul ul {
  margin: 0 0 0 0.75em; /* LTR */
  padding: 0;
}

/* Menu li styles */
ul.menu li {
  padding: 0.35em 0 0 0; /* LTR */
}

ul.menu li.collapsed {
  list-style-image:url(../images/bullet-arrow-c.png);
}
ul.menu li.expanded  {
  list-style-image:url(../images/bullet-arrow-uc.png);
}
ul.menu li.leaf {
  list-style-image:url(../images/bullet-circle.png);
}

ul.menu li a:link,
ul.menu li a:visited {color: #202020;}
ul.menu li a:hover   {color:#006882; text-decoration:underline;}
ul.menu li.active a  {color:#006882;}
ul.menu li.active-trail {color:#006882;}

ul.menu li.first {}
ul.menu li.last  {}


/**********************************************************
 *                   Block item-list
 **********************************************************/
.block .item-list ul {
  margin: 0;
}
.block .item-list ul li {
  list-style-image:url(../images/bullet-circle.png);
}


/**********************************************************
 *                  Gpanel blocks
 **********************************************************/
.four-col-25 .block {
  background:#090909;
		-moz-border-radius: 6px;
}

.four-col-25 .block-inner {
  padding: 1em;
}

.four-col-25 .block h2 {
 color:#C58C00;
	font-variant:small-caps;
	letter-spacing:-1px;
}

.four-col-25 a {}
.four-col-25 a:hover {color:#C58C00;}

/* 4x banners in secondary content in the screenshot */
ul#img-banners  li {
		display:inline-block;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		text-align:center;
		vertical-align:top;
		width:230px;
}

/* Custom blocks */
/* The Donate block */
#block-block-26 { 
    float: right;
    width: 165px;
    border: none;
    margin: 17px 0 0;
    font-size: 7pt;
    color: white;
    text-align: center;
    padding-bottom: 0;
}
#block-block-26 p {
    margin: 0;
}

/* QCO Projects block - contains image links to all the different projects */
#block-block-30 {
    height: 180px;
}
#block-block-30 img {
    background-color: white;
    padding: 8px;
}
#block-block-30 .block-content {
    padding-top: 55px;  /* because we have the masthead background which is part of the block definition */
}
#block-block-30 ul {
    display: inline;
    list-style-type: none;
}
#block-block-30 ul li {
    float: left;
    margin: 3px 15px;
}

/* QCO Projects Buttons block */
#block-block-32 {
    height: 100px;
}
#block-block-32 .block-content {
    padding: 0;  /* because we have the masthead background which is part of the block definition */
}
#block-block-32 ul {
    display: inline;
    list-style-type: none;
}
#block-block-32 ul li {
    float: left;
    border: 1px solid silver;
    height: 100px;
    font-family: Palatino, Times New Roman, serif;
}
#block-block-32 ul li span {
    float: right;
    padding: 5px;
    color: white;
    font-size: 1.5em;
    width: 100px;
    text-align: right;
}
/*
#block-block-32 ul li.first {
    margin-left: 0;
    margin-right: 1px;
}
#block-block-32 ul li.last {
    margin-left: 1px;
    margin-right: 0;
}
*/

#block-block-31 {
    margin-left: 415px;
    width: 160px;
    margin-top: 24px;
}
#block-block-31 ul {
    display: inline;
    list-style-type: none;
}
#block-block-31 ul li {
    float: right;
    margin: 1px 3px;
}

#block-search-0 {
    margin-left: 224px;
    text-align: center;
    margin-top: 0;
}

/* The Team views block */
.view-team .views-field-value-3,
.view-qcoteam-staff .views-field-value-3,
.view-qcoteam-advisors .views-field-value-3,
.view-qcoteam-legal .views-field-value-3,
.view-qcoteam-artists .views-field-value-3,
.view-qcoteam-board .views-field-value-3 {
    font-style: italic;
    font-weight: bold;
}
#block-views-team-block_1 .item-list h3, 
#block-views-qcoteam_staff-block_1 .item-list h3, 
#block-views-qcoteam_advisors-block_1 .item-list h3,
#block-views-qcoteam_legal-block_1 .item-list h3,
#block-views-qcoteam_artists-block_1 .item-list h3,
#block-views-qcoteam_board-block_1 .item-list h3 {
    /* The grouping title */
}
#block-views-team-block_1 .item-list ul, 
#block-views-qcoteam_staff-block_1 .item-list ul, 
#block-views-qcoteam_advisors-block_1 .item-list ul, 
#block-views-qcoteam_legal-block_1 .item-list ul, 
#block-views-qcoteam_artists-block_1 .item-list ul, 
#block-views-qcoteam_board-block_1 .item-list ul {
    list-style-type: none;
    margin: none;
}
#block-views-team-block_1 .item-list ul li,
#block-views-qcoteam_staff-block_1 .item-list ul li,
#block-views-qcoteam_advisors-block_1 .item-list ul li, 
#block-views-qcoteam_legal-block_1 .item-list ul li, 
#block-views-qcoteam_artists-block_1 .item-list ul li, 
#block-views-qcoteam_board-block_1 .item-list ul li {
    list-style: none;
    margin: none;
}
#block-views-team-block_1 .view-content .views-row .views-field-picture,
#block-views-qcoteam_staff-block_1 .view-content .views-row .views-field-picture, 
#block-views-qcoteam_advisors-block_1 .view-content .views-row .views-field-picture,
#block-views-qcoteam_legal-block_1 .view-content .views-row .views-field-picture,
#block-views-qcoteam_artists-block_1 .view-content .views-row .views-field-picture, 
#block-views-qcoteam_board-block_1 .view-content .views-row .views-field-picture {
    padding: 5px 5px 3px;
}

#block-views-team-block_1 .item-list .views-row-odd .views-field-picture,
#block-views-qcoteam_staff-block_1 .item-list .views-row-odd .views-field-picture,
#block-views-qcoteam_advisors-block_1 .item-list .views-row-odd .views-field-picture,
#block-views-qcoteam_legal-block_1 .item-list .views-row-odd .views-field-picture,
#block-views-qcoteam_artists-block_1 .item-list .views-row-odd .views-field-picture,
#block-views-qcoteam_board-block_1 .item-list .views-row-odd .views-field-picture {
    float: left;
}
#block-views-team-block_1 .item-list .views-row-even .views-field-picture, 
#block-views-qcoteam_staff-block_1 .item-list .views-row-even .views-field-picture, 
#block-views-qcoteam_advisors-block_1 .item-list .views-row-even .views-field-picture, 
#block-views-qcoteam_legal-block_1 .item-list .views-row-even .views-field-picture, 
#block-views-qcoteam_artists-block_1 .item-list .views-row-even .views-field-picture, 
#block-views-qcoteam_board-block_1 .item-list .views-row-even .views-field-picture {
    float: right;
}
