/*
Theme Name: Miniml
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A simple theme.  Visit <a href="http://www.themelab.com">Theme Lab</a> for more free WordPress themes and <a href="http://www.nuviotemplates.com/">Nuvio Templates</a> for more free templates.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/

---------------------------------------------------------------------------------------------------------- */

/* 
    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
    Content:
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Layout
        4) Page: Home
        Z) Others
---------------------------------------------------------------------------------------------------------- */


/*   0) Imports
---------------------------------------------------------------------------------------------------------- */

@import url("propClear.css");
@import url("basicText.css");
@import url("navigation.css");
@import url("twitterBadge.css");



/*   1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0;}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0; margin:0; padding: 0;}

body {padding:10px 0; font:0.8em/1.5 "arial", serif; text-align:center; background:#ccd3dd url('../images/pressroomBack.jpg') left top repeat-x;}



a {text-decoration:none; color:#1ea1cd;}
a:hover {text-decoration: underline;}



h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}

h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}

h2 {font-size:160%; font-weight:normal;}

h3 {font-size:140%; font-weight:normal;}

h4, h5 {font-size:100%;}

p { font-size: 12px; }



p, table, ul, ol, dl, fieldset {margin:15px 0;}



table {border-collapse:collapse; border-spacing:0; font-size:100%;}

th {text-align:center; font-weight:bold;}

th, td {padding:3px 7px;}



ul, ol {margin-left:30px;}

ul ul, ol ol {margin:0; margin-left:20px;}

ol {list-style-type:decimal;}

li {display:list-item;}



dt {font-weight:bold;}

dd {margin-left:30px;}



fieldset {position:relative; padding:10px;}

legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}



/*   Header
---------------------------------------------------------------------------------------------------------- */
#header {
	width:960px;
	border: 2px solid #8290ad;
	text-align:left;
	margin: 10px auto;
	background-color:#ffffff;
	height:85px;
	}
	
#cbcLogo {
	clear: left;
	float: left;
	margin: 10px 0 0 10px;
	}
	
#searchSite {
	border: 1px solid #1ea1cd;
	background-color:#f0f8fc;
	padding: 6px 6px 2px 6px;
	width: 280px;
	height: 25px;
	margin: 42px 0 0 230px;
	}
	
#searchText {
	width:170px;
	background: #ffffff url('../images/searchTextBack.jpg') left top no-repeat;
	border:0;
	height:16px;
	padding: 4px 0 0 20px;
	color: #cccccc;
	font-size:10px;
	}
#searchText:focus {
	color: #183d6f;
	}
	
#searchButton {
	background: transparent url('../images/siteSearchButton.png') left top no-repeat;
	width:65px;
	height:20px;
	border:0;
	}
#searchButton:hover {
	background-position:left bottom;
	}
	
#connect {
	float: right;
	margin: -25px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#183d6f;
	}		



/* ----------------------------------------------------------------------------------------------------------

2) Universal styles (display, float, margin, text-align...)

---------------------------------------------------------------------------------------------------------- */



.box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}



.relative {position:relative;}



.clear {clear:both;}



.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}

.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}



.t-left {text-align:left !important;}

.t-center {text-align:center !important;}

.t-right {text-align:right !important;}

.t-justify {text-align:justify !important;}



.va-top {vertical-align:top;}

.va-middle {vertical-align:middle;}

.va-bottom {vertical-align:bottom;}



.nom {margin:0 !important;}

.nomt {margin-top:0 !important;}

.nomb {margin-bottom:0 !important;}



.noscreen {display:none;}

.contact {font-size:11px;}

    .bigger {font-size:110%;}

    .smaller {font-size:85%;}

    

/* ----------------------------------------------------------------------------------------------------------

3) LAYOUT

---------------------------------------------------------------------------------------------------------- */



#main {width:960px; margin:0 auto; text-align:left;}



	#header {position:relative; padding-bottom:15px;}



        #logo {margin:0; font-weight:normal;}

        

        #slogan {margin:0;}

        

        #search {position:absolute; bottom:15px; right:0; padding:7px;}

        #search #search-input {width:175px; padding:3px;}

        #search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;}



    #nav {clear:both; padding:5px 0; border-left:0 !important; border-right:0 !important;}





    

        #nav ul {margin:0; padding:0; list-style:none; font:100%/1.4 "arial",sans-serif;}

        #nav ul li {display:inline; margin:0; padding:0;}

        #nav ul li a {display:block; float:left; padding:7px 15px; border:0; background:url("images/dot-03.gif") 100% 0 repeat-y;}

        #nav ul li#nav-active a {border:0; font-weight:bold;}



	#content {
	width:940px;
	border: 2px solid #8290ad;
	text-align:left;
	margin: 10px auto;
	padding:10px;
	background-color:#ffffff;}



	/* FOOTER RULES
****************************************************************/
#footer {
	width:956px;
	border: 2px solid #8290ad;
	text-align:left;
	margin: auto;
	background-color:#ffffff;
	}	
	
#cbcText {
	width: 200px;
	margin-left: 10px;
	float: left;
	}
	
#cbcText p {
	color:#999999;
	margin:8px 0 0 25px;
	text-align:justify;
	width: 160px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	border: none;
	font-size: 9px;
	}
	
#newsFlash {
	background-color:#1ea1cd;
	height:25px;
	padding:5px 0 0 5px;
	margin-bottom:15px;
	}
	
#hrTopics, #aboutCalchamber, #siteLinks, #subscribe, #policies, #footerSeals {
	border-left: 1px dotted #999999;
	margin: 15px 0 0 25px;
	padding: 0 0 0 12px;
	height: 180px;
	float: left;
	width: 158px;
	}

#aboutCalchamber {
	width: 110px;
	}
	
#siteLinks {
	width: 78px;
	}

#subscribe {
	width:55px;
	}
	
#policies {
 	width:61px;
	}	
	
#footerSeals {
	width: 48px;
	padding: 0 0 0 9px;
	}

.footList {
	margin:0;
	padding:0;
	}

#footerSeals p {
	margin-bottom: 10px;
	}
	
#copyright {
	clear: both;
	padding: 10px 0 0 0;
	margin-top: 35px;
	padding-right:10px;
	}
	
#copyright p {
	text-align: right;
	}

#hrTopics h6, #aboutCalchamber h6, #siteLinks h6, #subscribe h6, #policies h6 {
	margin:0;
	padding:0;
	}

/* ----------------------------------------------------------------------------------------------------------

4) Page: Home

---------------------------------------------------------------------------------------------------------- */

#mainContent {
	float:left;
	width: 620px;
	clear: none;
	padding-right: 15px;
	border-right: 1px solid #999999;
	}

#topstory {
	float:left; 
	width:615px;
	margin-right: 15px;
	}
	

#topstory-title {padding: 3px 15px; color: #f8981c; }
#topstory-title h2 {margin:0; margin-bottom:0; color: #f8981c; font-weight: lighter;}
#topstory-title h2 a {color: #f8981c;}
#topstory-title p.date {margin:0; font-size:85%; color:#333333;}

#topstory-perex {
	display:block; 
	padding:15px; 
	font-size:110%;
	overflow:hidden;
	color: #333333; 
	}

    #topstory-perex p {margin:0;}


/*   SIDEBAR
---------------------------------------------------------------------------------------------------------- */

#aside {
	float:right; 
	width:290px; 
	padding-left: 10px;
	}

#aside .halfleft {
	width: 130px;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	}

#aside .halfright {
	float: right;
	clear: none;
	margin: 0 0 20px 20px;
	width: 130px;
	padding: 10px 0 0 0;
	}

#aside h4, #mainConent h4 {
	color:#f8981c;
	margin: 0;
	padding: 0;
	}

#photos, #photos2, #photos3, #video {margin:0; font-size:0; line-height:0; width:615px;}

#photos a, #photos2 a, #photos3 a, #video a {border:0;}

#photos img, #photos2 img, #photos3 img, #video img {display:inline; margin-right:15px; border:0;}



.col30 {float:left !important; width:278px; height:390px; min-height: 390px; margin: 0 6px 10px 6px; padding: 8px; border:1px outset #00a0e2; background: #fcfcfc url('../images/modGrad.jpg') left top repeat-x; overflow:hidden; }

.col30 h4 {margin: 0; padding: 0;}

.col30 h4 a {margin: 0; color:#000000; font-weight:lighter; text-decoration:none; text-transform: uppercase;}

.col30 ul {margin:0 !important; border: none;}

.col30 p.date {margin:0; font-size:85%;}

.col30 p.bb {padding-bottom:0; background:url("images/dot-02.gif") 0 100% repeat-x;}

.col30 p img.f-left {margin-right:10px;}

.col30 p {position:relative; font-size: 10px;}

/* ----------------------------------------------------------------------------------------------------------

5) Page: Article

---------------------------------------------------------------------------------------------------------- */



#page {
	float:left;
	width: 620px;
	clear: none;
	padding-right: 15px;
	border-right: 1px solid #999999;
	min-height: 1060px;
	overflow: hidden;
	}



    #page-title {padding: 15px 15px 0 15px;}

    #page-title h2 {margin:0;}

    #page-title p.date {margin:0; font-size:85%;}



    #page-content {display:block; padding:5px 15px; margin-bottom:30px; border-bottom:1px solid #666666; }

#page-content p { font-size: 12px; color:#333333;}


#page-title {}

#page-title h2 {color:#FFF;}

#page-title h2 a {color: #f8981c;}

#page h4 {
	width: 600px;
	overflow: hidden;
	}

#page-title p.date {color:#333333;}

#page-title p.date a {color: #f8981c;}



#page-content a { color:#1ea1cd;}

#page-content a:hover { color:#183d6f;}

#page-content #photos a, #page-content #videos a {text-decoration: none; border:0;}
#page-content #photos a:hover, #page-content #videos a:hover {text-decoration: none; border:0;}


/* ----------------------------------------------------------------------------------------------------------

Z) Others

---------------------------------------------------------------------------------------------------------- */



ul.ul-list {margin:0; padding:0; list-style:none; overflow:hidden;}

ul.ul-list li {margin:0; margin-bottom:6px; padding:0;}



#aside ul {margin:0; padding:0; list-style:none;}

#aside ul li {margin:0; margin-bottom:6px; padding:0; background:url("images/ico-list.gif") 0 4px no-repeat;}



#mainContent h4 {
	color: #f8981c;
	text-transform:uppercase;
	}



.hx-style01 {/*clear:both; */ font-size:85%; width: 100%;}

.hx-style01 span.one, .hx-style01 span.two, .hx-style01 span.three, .hx-style01 span.four, .hx-style01 span.five, .hx-style01 span.six, .hx-style01 span.seven, .hx-style01 span.eight, .hx-style01 span.nine {margin-left:15px; font-weight:bold; text-transform:uppercase; display: block; float:right; width:50%; background: url('../images/headline.jpg') left top repeat-x;}

li.linkcat h2 { font-size:85%; color: #f8981c; text-transform:uppercase; font-weight: bold; background:transparent url('../images/headline2.jpg') right center no-repeat;}
li.linkcat {list-style-type: none; margin:0; padding:0;}

h4 span.one, h4 span.two, h4 span.three, h4 span.four, h4 span.five, h4 span.six, h4 span.seven, h4 span.eight, h4 span.nine {margin-left:15px; font-weight:bold; text-transform:uppercase; display: block; float:right; width:80%; background: url('../images/headline.jpg') left top repeat-x;}

.hx-style01 span.one, h4 span.one  {width:10% !important;}
.hx-style01 span.two, h4 span.two  {width:20% !important;}
.hx-style01 span.three, h4 span.three  {width:30% !important;}
.hx-style01 span.four, h4 span.four  {width:40% !important;}
.hx-style01 span.five, h4 span.five {width:50% !important;}
.hx-style01 span.six, h4 span.six  {width:60% !important;}
.hx-style01 span.seven  {width:70% !important;}
h4 span.seven  {width:70% !important;}
.hx-style01 span.eight {width:80% !important;}
h4 span.eight  {width:84% !important;}
.hx-style01 span.nine  {width:90% !important;}
h4 span.nine  {width:88% !important;}


a.ico-more {  
	text-align: center;
	margin-bottom: 10px;
	margin: auto;
	height: 20px; 
	color: #f8981c; 
	font-size:10px;
	font-weight: bolder;
	text-transform:uppercase;
	}


.alignright {float:right;}

.alignleft {float:left;}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

#connect img { margin-left: 8px; }

img.avatar {float:left; margin-right:5px;}


#aside li#linkcat-2 h2, #aside li#linkcat-6 h2, #aside li#linkcat-8 h2  {display: none;}

#aside li#linkcat-2, #aside li#linkcat-6, #aside li#linkcat-8  { width:292px; height: auto; padding-top:25px; display:block; clear: both; background: transparent url('../images/relatedLinks.jpg') left top no-repeat; }
#aside li#linkcat-6 { background-image: url('../images/resources.jpg'); }
#aside li#linkcat-8 { background-image: url('../images/biosLinks.jpg'); } 

#aside li#linkcat-2 ul.blogroll, #aside li#linkcat-6 ul.blogroll, #aside li#linkcat-8 h2 ul.blogroll { display: block; clear: both; }

/* End Comments */
