/*
Theme Name: modified from Wordpress Braille - Renaissance Venture Captial Fund template
Description: Braille is a simple 2 column theme based on the default theme for Typo, Azure, for WordPress 1.5 and above. It's modified for RVCF default theme.
Author: Inner Circle Media
*/

/*============================================================================
[Screen Stylesheet]
==============================================================================
Project: Renaissance Venture Capital Fund (RVCF)
Version: 1.0
Last Modified: 11/19/2008 
Assigned to:   Meili Chen
Primary use:   Page Layouts -  two colum layout 
==============================================================================*/

/*=============================================================================
[Table of Contents]
===============================================================================

A. Global Reset

B. Global Formatting

C. Layout
    1. Body 
        1.1. Skip to content / a#skip
    2. Layout wrapper / div#wrapper
        2.1. Header / div#header
               2.1.1 Logo / h1
               2.1.2 Utility navigation / ul#utility
	       2.1.3 Search / div#search			
	       2.1.4 Global navigation / div#globalNav
        2.2 Primary column / div#primeCol 
		2.2.1 Banner & page title sections / div#banners ; div#pageTitle
		2.2.2 posts /div.posts
		2.2.3 comments /div#comments
		2.2.3 pages /div.pages
	2.3 Sidebar / div#sidebar 
        2.4 Footer / div#footer 
	        2.4.1 Footer navigation / ul#footNav 
		2.4.2 Footer copyright / div.copyright 		
							
===============================================================================*/

/*=================================================================================
A. GLOBAL RESET
===================================================================================*/

body {font: 62.5%/1.4 Arial,Helvetica,Jamrul,sans-serif;  background: #fff; color: #000; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite {
 margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

input, textarea {font-family: Arial,Helvetica,Jamrul,sans-serif;}
textarea {overflow: auto;}
table {border-collapse: collapse;	margin-bottom: 2em;}
td, th {padding: 0.1em 1em;}

img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
:focus {outline: 0;}

/*====================================================================================
B. GLOBAL FORMATTING  
=====================================================================================*/
.clear {clear: both; height: .001em; font-size: .001em;}
.left, .alignleft {float: left; display: inline;}
.right, .alignright {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}
.bld {font-weight: bold;}

a {color: #336699; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}

h1 {font-size: 1.3em;line-height: 120%;}
h2 {font-size: 1.2em;line-height: 120%;}
h3 {font-size: 1.1em; }
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 1em;}

/*======================================================================================
C. LAYOUT 																		             *
=======================================================================================*/

/*--------------------------------------------------------------------------------------------
 1. Body / body                                                                                                                                                             
----------------------------------------------------------------------------------------------*/
body {background: #5792a5 url(images/background/body_bg.jpg) repeat-x 0 0; }

	/* 1.1. Skip to content / a#skip */
   #skip {position: absolute; top: -1000px;} 
	 
/*------------------------------------------------------------------------------------------
2. Layout Wrapper                                                                                                                                                     
---------------------------------------------------------------------------------------------*/
#wrapper {color: #000; font-size: 1.2em; margin: 15px auto; width: 965px; background: tranparent; background: transparent; overflow: hidden;}
#wrapper p {margin-bottom: 1.1em!important;}

	/*.........................................................................
	 2.1. Header / div#header 
.	..........................................................................*/
   #header {width: 100%; height: auto; margin: 0px 0 10px 0; overflow:  hidden;}

		/* 2.1.1 logo / h1 */
		#header h1 {height: 80px; width: 314px; margin: 10px 0 0 5px; padding: 0px; background: url(images/misc/rvcf_logo.jpg) no-repeat 0 0;  text-indent: -9000px; float: left; }
		#header h1 a {display: block; height: 80px; width: 314px; margin: 0px; padding: 0px; background: url(images/misc/rvcf_logo.jpg) no-repeat 0 0;}
		#header h1 a:hover {border-bottom: none;}
		html>body #header h1 {background: url(images/misc/rvcf_logo.png) no-repeat 0 0;}
		html>body #header h1 a {background: url(images/misc/rvcf_logo.png) no-repeat 0 0;}

	   /* 2.1.2 utility / #utility */
	   #utility {font-size: 13px; width: 572px;  padding: 0px; margin: 15px 0px 5px 0;text-align: right; float: right; overflow: hidden;}
	   #utility a {color: #a3e6f7; font-weight: normal!important;}
	   #utility a:hover {font-weight: bold;}
	   #utility .contact {padding: 5px 15px 5px 30px; background: url(images/navs/phone.gif) no-repeat 0 50%; float: right;}
		#utility .contact a{ }
		
		/*2.1.3 search / #search */
		#search {text-align: right; width: 290px; margin: 0; float: right; overflow: hidden;}
		#search form {margin: 0;}
		#search input {vertical-align: middle;}
		#search #s {background: #fff url(images/misc/query_bg.jpg) no-repeat 0px 0px; border: 1px solid #6ea3a9; width: 195px; margin: 0; padding: 4px 4px 4px 25px; }
		#search .searchBtn {padding: 0px 0; margin: 0 0 0 8px; width: 18px; height: 23px; border: none; background: url(images/misc/search_btn.gif) no-repeat 0 0;} 

		/* 2.1.4 globalNav/ #globalNav */	
		#globalNav {text-transform: uppercase; font: 14px 'ClassiclGaramondBT Roman', serif; width: 635px;  margin: 5px 0 0px 0; display: block; float: right;  background: transparent;}
	   #globalNav ul {float: right; margin: 0; padding: 0px;}
	   #globalNav  ul li {float: left; padding: 0px; margin: 0px; display: inline;}
	   #globalNav ul a {background: url(images/navs/tab_off_right_ie.png) no-repeat 100% 0;  padding: 16px 15px 15px 3px; color: #aeefff; display: block;  line-height: 100%;}
	   #globalNav ul a:hover, #globalNav ul li.current_page_item a{color: #fff; text-decoration: none;}
		#globalNav  span {display: block; padding: 0px 0px 0px 12px; background: url(images/navs/tab_off_left_ie.png) no-repeat 0 0;}
		html>body #globalNav ul a {background: url(images/navs/tab_off_right.png) no-repeat 100% 0;}
		html>body #globalNav span {background: url(images/navs/tab_off_left.png) no-repeat 0 0;}
		
   /*............................................................................
	   2.2. Main Content #primeCol
	 ................................................................................. */
	#primeCol {float: left; width:659px; margin: 0; padding: 0 0 10px 0px; display: inline; overflow: hidden; background: transparent url(images/background/content_bottom.gif) no-repeat 0 100%;;} 	
	#contentTop {margin: 0; height: 15px; padding: 0px; background: url(images/background/content_top.gif) no-repeat 0 0; }
	#content {
	/*min-height: 470px;*/
	padding: 15px 20px 15px 20px; 
	background: #fff;
	/*background: #fff url(images/background/content_bottom.gif) no-repeat 0 100%; */
	overflow: hidden;
	}
	
		/*............................................................................
		2.2.1 Banner & page title sections / div#banners ; div#pageTitle
		 ................................................................................. */	
		#banners {padding: 15px; margin-bottom: 15px; background: url(images/background/banner_bg.gif) no-repeat 50% 50%;}
		#banners .tagline {background: url(images/misc/banner.jpg) no-repeat 50% 50%; width:630px; height: 220px;}
		
		#pageTitle {padding: 5px 0 15px 0; background: url(images/background/black_frame_top.gif) no-repeat 0 0; }
		#pageTitle h1.pageTitle {margin: 0; color: #a2e5f7; font: 30px 'ClassiclGaramondBT Roman', serif; padding: 3px 15px 7px 15px;background:  url(images/background/black_frame_bottom.gif) no-repeat 0 100%;}	 
		#pageTitle h1.pageTitle a {color: #a2e5f7;}
		#pageTitle h1.pageTitle a:hover {text-decoration: none;}
		
		/*  Home page  conntent*/
		#content h1.heading {color: #025573; padding: 5px 10px; border-bottom: 1px solid #a7b7b9;}
		#content .inner {padding: 5px 10px;}
		
		/*********Notice, since we use the site as a content management, and we do not use blog at all, the following classes (.posts, comments,  to .page)need to modify if the client will use the  blog */
		/* 2.2.2 Posts
		------------------------------ */
		.post {padding: 0 0 10px 0;}
		.post-details {padding-bottom: 10px;}
		.post h1 {color: #025573; padding: 5px 10px; border-bottom: 1px solid #a7b7b9;}
			
		.post h1 a {color: #025573;	text-decoration: none; border: none;}
			
		.post h1 a:hover { color: #85AB02; }
			
		p.meta {font-size: 75%; text-align: left; 	margin-right: 5px; }
			
		p.auth {
			padding: 0 0 0 10px;
			font-size: 10px;
			margin-left: 10px;
			line-height: 11px;
			font-weight: bold;
			color: #9A9A9B;
			background: url(images/bracket.png) no-repeat;
		}
		
		/* 2.2.3 Comments
		------------------------------ */

		#comments h3.comment {
			border-bottom: 1px solid #F1F1F1;
			margin: 0;
			padding: 0 0 20px 0;
		}

		#commentform {
			background: #FFF;
			padding: 20px;
			border: 1px solid #EFEFEF;
			border-bottom: none;
			margin-top: 8px;
		}

		#comments input {
			background: #FFF url('images/textfield.png') no-repeat;
			border-width: 1px;
			border-style: solid;
			border-color: #CCC #EEE #EEE #CCC;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			padding: 3px;
			padding-left: 4px;
			width: 200px;
		}

		#comments textarea {
			background: #FFF url('images/textfield.png') no-repeat;
			border-width: 1px;
			border-style: solid;
			border-color: #CCC #EEE #EEE #CCC;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			padding: 3px;
			padding-left: 4px;
			width: 445px;
		}

		.color1 {
			background:#FCFCFC;
			padding: 10px;
			border: 1px solid #EFEFEF;
			border-top: none;
		}

		.color2 {
			background:#F8F8F8;
			padding: 10px;
			border: 1px solid #EFEFEF;
			border-top: none;
		}

		.color1 p { margin: 10px 0 0 0; }
		.color2 p { margin: 10px 0 0 0; }

		#comments input#submit {
			background: url('images/search.png') repeat-x;
			border-width: 1px;
			border-style: solid;
			border-color: #91BCDB #4E87B4 #4E87B4 #91BCDB;
			color: #D3E0EA;
			font-size: 11px;
			padding: 4px;
			width: 70px;
			margin: 0px;
		}

		/*2.2.4  Pages
		------------------------------ */
		.page {
			border-bottom: 1px solid #F2F2F2;
			padding: 15px 0 0 0;
			line-height: 20px;
		}

		.page h2 {
			font: normal 18px Arial, Verdana, Helvetica, sans-serif;
			margin-bottom: 3px;
		}
			
		.page h2 a {
			color: #5189B5;
			text-decoration: none;
			border: none;
		}
			
		.page h2 a:hover { color: #85AB02; }


   /*............................................................................
	   2.3.Sidebar #sidebar
	 ................................................................................. */
		#sidebar {
		float: right; 
		display: inline; 
		width: 286px;  
		background: #24697f url(images/background/sidebar_bottom.gif) no-repeat 100% 100%; 
		color: #fff; 
		overflow: hidden;
		padding: 0px;
		}

		#sidebar .content {background: url(images/background/sidebar_top.gif) repeat-x 0 0; padding: 25px 15px 10px 15px;}
		#sidebar.bottom {height: 20px; background: url(images/background/sidebar_bottom.gif) no-repeat 0 0;}
				
		#sidebar h1.heading {color: #ffcc33; font-family: 'Palatino Linotype', serif; padding: 0 10px 10px 10px; border-bottom: 1px solid #a7b7b9;}
		
		#sidebar .renaissance {margin: 35px 0 15px 0; }
		#sidebar .renaissance h3{ width: 203px;  text-align: center; height: 91px; margin: 10px auto 15px auto; display: block; text-indent: -9000px; background: url(images/misc/blmlogo.png) no-repeat 50% 0; }
		#sidebar .renaissance h3 a {display: block; text-align: center; width: 203px;  height: 91px;  margin: 0 auto; display: block;  background: url(images/misc/blmlogo.png) no-repeat 50% 0;}
		#sidebar .renaissance a {color: #aeefff; font-weight: normal;}
		
		/********************** the following #sidebar items need to modify if we enable the sidebar for the client *************************/
		#sidebar h2 {
			font: 14px Arial, Verdana, Helvetica, sans-serif;
			color: #D75A20;
			margin-bottom: 7px;
			list-style-type: none;
		}
		 		
		#sidebar h2 a { color: #D75A20; }
		#sidebar h2 a:hover { color: #85AB02; }

		#sidebar ul {
			margin: 0 0 15px 5px;
			padding: 0;
			list-style-type: none;
			font-size: 13px;
		}
		 		
		#sidebar ul li { 
			background: url(images/bullet.png) 0 45% no-repeat;
			padding: 2px 0 0 17px;
			line-height: 16px;
		}

		.links {
			background: transparent;
			margin-left: -5px;}

		.links ul li#linkcat-1, .links ul li#linkcat-2, .links ul li#linkcat-3, .links ul li#linkcat-4 {
			list-style-type: none;
			background: transparent;
			padding: 0;}

		/* uncomment this if you have more than 4 link categories
		----------------------------------------------------------
		.links ul li#linkcat-5, .links ul li#linkcat-6, .links ul li#linkcat-7, .links ul li#linkcat-8 {
		list-style-type: none;
		background: transparent;
		padding: 0;
		}
		*/

	/*..................................................................................
	  2.4 Footer / div#footer  
	  .................................................................................*/
	#footer {color: #fff; font-size: 12px; overflow: hidden; margin: 0 0 10px 0; padding: 20px 10px; width: 100%; clear: both;}
      
		/* 2.4.1 footNav */
		#footNav {overflow: hidden; width: 340px; float: left;}
		#footNav ul {float: left; margin: 0; padding:0; background: url(images/navs/foot_nav_divider.gif) no-repeat 0% 50%;}
		#footNav ul li {display: inline; padding: 0px 15px; background: url(images/navs/foot_nav_divider.gif) no-repeat 100% 50%;}
		#footNav ul li a {font-size: 12px; font-weight: normal; color: #fff; margin: 0;}
		#footNav ul li a:hover, #footNav ul li.current a {text-decoration: underline; color: #0066cc;}
		
		/*2.4.2 copyright */
		#footer .copyright {color: #fff; float: left; width: 300px; overflow: hidden;}