/* Theme Name: Broadview Ventures Default Theme URI: http://www.broadviewventures.org/ Description: The default theme of Broadview Ventures Version: 1.0 Author: Fyfe (Design) and SplendidNoise (Development) Author URI: http://www.fyfe.com/ and http://www.splendidnoise.com */ /* Resets */ * { outline: none; } html,body { margin: 0; padding: 0; height:100%; } body { width: auto; } p, a, ul, ol, li, h1, h2, h3, h4, h5{ margin: 0; padding: 0; } li { list-style: none; } img { border: none; } a, a:hover { text-decoration: none; } /* Begin Typography & Colors */ body { font: normal normal normal 0.75em/2em Arial, Helvetica, sans-serif ; /* Resets 1em to 12px with 24px line-height */ color: #333; text-align: center; background: transparent url(images/background.jpg) top left repeat;} #wrapper { background-color: white; text-align: left; text-align: left; } a, a:link { color: #333; } a:visited { color: #333; } a:hover { } a:active { } a:focus { outline: none; } #nav .current_page_ancestor a, #sub-nav .current_page_item a { cursor: default; } /* End Typography & Colors */ /* Begin Structure */ body { margin: 0 0 20px 0; padding: 0; } #wrapper { position: relative; margin: 20px auto 6px; padding: 18px 0 0; width: 998px; height: 700px; border: 1px solid #00B5CC; } #site-title { display: block; width: 282px; height: 48px; position: absolute; top: 21px; left: 53px; font-size: 1.5em; text-indent: -9999px; font-weight: bold; background: #FFF url(images/title_broadview_ventures_over_white.gif) center center no-repeat; text-indent: -9999px; z-index:500; } #site-info { float: right; padding: 15px 0 22px; margin: 0 40px 0 0; } #front_title { height: 75px; background: #99E1EB url(images/title_broadview_ventures_over_blue.gif) 215px center no-repeat; text-indent: -9999px; } #nav { display: block; height: 27px; clear: both; background-color: #99E1EB; text-align: left; font-size: 1.0833em; padding: 3px 0 0 196px;} #nav li { display:inline; padding: 0 12px 0 22px; line-height: 1em; } #nav li + li { background: transparent url(images/icons.png) -6px top no-repeat; } #nav a:hover, #nav .current_page_item a, #nav .current_page_ancestor a { color: #FFF; } #content-wrapper { width: auto; padding: 0 158px 0 0; margin-top: 46px; font-size: 1.0833em; } #sub-nav { float:left; width: 180px; height: 340px; text-align: right;} #sub-nav > li + li { margin-top: 4px; } #sub-nav > li > a { display: block; padding-bottom: 5px; border-bottom: 1px solid #999; color: #333; } #sub-nav > li > a + ul { margin: 8px 0 12px; } #sub-nav > li > a + ul > li { line-height: 1.6363em; } #sub-nav a { color: #999; } #sub-nav a:hover { color: #FF991D; } #sub-nav .current_page_ancestor a { color: #FF991D; cursor: default; } #sub-nav .current_page_ancestor ul a { color: #999; cursor: pointer; } #sub-nav .current_page_ancestor ul a:hover { color: #FF991D; } /*#sub-nav .current_page_parent a { color: #FF991D; cursor: default; } #sub-nav .current_page_parent ul a { color: #999; cursor: pointer; } #sub-nav .current_page_parent ul a:hover { color: #FF991D; }*/ #sub-nav .current_page_item a { color: #FF991D; cursor: default; } #sub-nav .current_page_item ul a { color: #999; cursor: pointer; } #sub-nav .current_page_item ul a:hover { color: #FF991D; } #sub-nav ul .current_page_item a { color: #FF991D; } #sub-nav li ul { display:none; } .sub-nav-open #sub-nav li ul { display:block; } #sub-nav li.current_page_ancestor ul, #sub-nav li.current_page_item ul{ display:block; } .jScrollPaneContainer { float: right; } #content { width: 624px; height: 340px; overflow: auto; } #content-front { height: 190px; overflow: hidden; margin: 48px 215px 0;} #content-front p { font-size: 1.1667em; line-height: 2.5714em; } #content a { color: #999; } #content a:hover { color: #333; } #content p { margin-bottom: 1em;} #content ul, #content ol { padding-left: 2em; margin-left: 1em; } #content ul ul, #content ol ol { margin-left: 0; padding-left: 1.5em; } #content ul li { list-style-type: disc; } #content ol li { list-style-type: decimal; } .error404 { margin-left: 215px; } .error404 h2 { font-size: 1.2308em; } #footer { width: 998px; height: 80px; margin: 10px auto 0; text-align: center; color: #999; } #footer a { color: #999; } #footer a:hover { color: #333; } .banner { border-style: solid; border-color: #00B5CC; border-width: 4px 0; margin: 4px 0; } /* End Structure */ /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Pages */ /* Investments */ .page-investments table { width: 100%; } .page-investments table td { width: 32%; } .page-investments table td img { width: auto; } /* Begin Generic Classes */ blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block;} .center { text-align: center; } .clear { clear: both; } .hidden { display: none; } .bold { font-weight: bold; } a img { border: none; } /* End Various Tags & Classes*/ /* JScrollPane */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { display:none; height: 100%; position: absolute; left: 20px; top: 0; background: #aaa; cursor: pointer; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; height: 16px; position: absolute; bottom: 20px; right: 0; z-index: 1; text-indent: -2000px; overflow: hidden; background: transparent url("images/arrows.png") 50% 0 no-repeat; } a.jScrollArrowUp:hover { background-color: #f60; } a.jScrollArrowDown { display: block; position: absolute; bottom: 0; right: 0; z-index: 1; text-indent: -2000px; overflow: hidden; background: transparent url("images/arrows.png") 50% -18px no-repeat; height: 16px; }