/*
Theme Name: BG Teline Theme
Theme URI: http://www.businessgeeks.org/bg-teline-free-wordpress-theme-based-on-ja-teline/
Description: Lightweight Milestone Wordpress theme Based on Joomlart's JA-Teline.
Version: 1.0
Author: Noel Nuguid aka BusinessGeeks
Author URI: http://www.businessgeeks.org/about/noel-nuguid/
Tags: blue, fixed-width, three-columns, light, sticky-post

 BG Teline
 http://www.businessgeeks.org/themes/businessgeeks-wp/

 This theme was originall designed by Joomlart and later simplified and
 reimplemented in Wordpress by Noel Nuguid

    The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php

*/
/* TYPEOGRAPHY */

/* RESET */
p, pre, blckquote, ul, ol
{
 margin: 0;
 padding: 0;
}
a, 
a:hover, 
a:active,
a:focus {
 color: #006DA3;
 text-decoration: none;
 margin: 0;
 padding: 0;
}

a img {
 border: none;
}

/* Defaults */

h1, h2, h3, h4, h5, h6 {
 font-family: Cambria,"Times New Roman",Times,serif;
 margin: 0;
 padding: 0;
}  

h1 {
 font-size: 275%;
}

h2 {
 font-size: 200%;
}

h3 {
 font-size: 175%;
}

h4 {
 font-size: 125%;
}
p {
 padding: 1px 0px 7px;
}

p.meta {
 color:#999999;
}

ul, ol {
 padding: 2px 0px 5px;
}

ul li {
 list-style:none;
 padding-left: 15px; 
 background: url(./images/bullet-list.gif) no-repeat 5px 8px;
 line-height: 170%;
}

ol li {
 margin-left: 22px;
 line-height: 170%;
}

ul li ol li {
 list-style: decimal;
 margin-left: 25px;
 padding-left: 0px;
 line-height: 170%;
 background: none;
}

ol li ul li {
 list-style:none;
 padding-left: 17px; 
 margin-left: -7px;
 line-height: 170%;
}

/* BONUS */

.highlight {
 border-bottom: 1px dotted #006DA3;
 padding: 0 1px;
 background: #E7F4FA;
 font-weight: bold;
}

pre, .code {
 margin: 15px 0;
 padding: 15px 25px 15px 30px;
 background: url(./images/tp-code.gif) no-repeat top left #F7F7F7;
 font: 1em/1.5 monospace;
}

/* Widgets */

.gadget {
  padding: 3px 0px 10px;
}

.gadget h3 {
  font-size: 150%;
  color: #006DA3;
}

.gadget p {
  font-size: 100%;
  padding: 5px 0px 8px 2px;
}

.gadget ul li {
  list-style:none;
  font-size: 90%;
  padding-left: 15px; 
  background: url(./images/bullet-list.gif) no-repeat 5px 8px;
}

.gadget ul li a {
  border-bottom: 1px dotted;
}

/* Layout Containers */

html, body, form, fieldset {
 margin: 0;
 padding: 0;
}

body {
 background: #FFFFFF;
 color: #000000;
 font-family: Verdana, "Lucida Grande", Tahoma, Arial, sans-serif;
 line-height: 1.5;
 font-size:  11px;
}

body#bd {
 background: #FFFFFF;
 color: #333333;
 text-align: center;
}

#wrap, #navwrap, #hwrap, #fdwrap, #cwrap, #frap, #fnwrap {
  clear: both;
  width: 100%;  
}

/* NAVIGATION */

#navwrap {
  background: #333333;
  font-family: Tahoma, Arial, sans-serif;
}

#nav, #head, #container, #footer, #fnote {
  margin: 0 auto;
  width: 970px;
  text-align: left;
}

#nav {
  padding: 5px 0px;
}

#mainnav {
  float:left;
  width: 750px;
}

#mainnav a:focus, #mainnav a:hover {
  background: #666666;
  color: #FFFFFF;
}

ul#navi {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
}

#navi ul {
 margin: 0;
 padding: 0;
 z-index: 1;
}

#navi li {
 float: left;
 margin: 0;
 padding: 0;
 z-index: 1;
}

#navi a {
 border-right: 1px solid #333333;
 display: block;
 margin: 0;
 padding: 2px 7px 2px 8px;
 font-size: 100%;
 color: #CCCCCC;
 font-weight: bold;
}

#navi li.current-cat a,
#navi li.current_page_item a {
 color: #FFFFFF;
 background: #006DA3;
 text-decoration: none;
 z-index: 1;
}

#navi li a:hover {
 color: #FFFFFF;
 text-decoration: none;
 display: block;
}

#navi li ul {
 list-style: none;
 position: absolute;
 width: 150px;
 left: -999em;
}

#navi li:hover ul, #nav li.sfhover ul {
 left: auto;
}

#navi li li {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 150px;
}

#navi li li a,
#navi li.current-cat li a,
#navi li.current_page_item li a {
 width: 150px;
 color: #CCCCCC;
 border-top: 1px solid #333333;
 background: #333333;
 margin: 0px;
 padding: 2px 7px 2px 8px;
}

#navi li li a:hover {
 border-top: 1px solid #333333;
 background: #666666;
 padding: 2px 7px 2px 8px;
}

#navi li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
 position: static;
}
  
#bgsearch {
 float: right;
}

#bgsearch div.search {
 margin: 3px 0 0 5px;
}

#bgsearch div.search .inputbox {
 font-size: 100%;
 border: 1px solid #EFEFEF;
 padding-left: 4px;
 background: #EFEFEF;
 margin-bottom: 0;
}

/* HEADERS */

#hwrap {
 border-bottom: 1px solid #999999;
 display: block;
 height: 80px;
 background: #FFFFFF url(./images/hbg.gif) repeat-x scroll center bottom
}

#head {
 padding: 5px 0px 8px;
 height: 67px;
 background: none;
}

#head h1.logo {
 font-family: Cambria,"Times New Roman",Times,serif;
 font-size: 290%;
}

#head h1.logo a{
 text-decoration: none;
}

#hleft {
 float:left;
 width: 60%;
}

#hright {
 padding: 13px 0px 3px;
 float:right;
 width: 15%;
 height: 60px;
}

#hright div.rss {
 margin-top: -2px;
 font-size: 115%;
 float: left;
}

#hright div.rssicon {
 margin-top: -10px;
 float: right;
}

#hright p {
 padding: 2px;
}

/* CONTENT */

#container {
 background: url(./images/container-bg.gif) repeat-y 60% 0;
}

#breadcrumbs {
 margin: 0px 0px 8px;
 padding: 3px 0 3px 10px;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 display: block;
 background: #F7F7F7;
}

#breadcrumbs img {
 margin: 0 5px 1px;
}

#breadcrumbsstrong {
 margin-right: 5px;
}

#breadcrumbs a {
 font-weight: bold;
}

#contents {
 width: 590px;
 float: left;
 padding-right: 10px;
}

.navit {
 padding: 5px 0px 30px;
}

.navit div.navleft {
 float: left;
 font-size: 110%;
 font-weight: bold;
}

.navit div.navright {
 float: right;
 font-size: 110%;
 font-weight: bold;
}

.thumb {
 width: 400px;
 height: 210px;
 float: left;
 margin: 0px 20px 20px 0px;
}

.excerpt img,
.excerpt a img,
.thumb a img {
 border:1px solid #CCCCCC;
 margin-right:10px;
 margin-top:5px;
 padding:2px;
}

.blog {
 padding: 5px 0px 10px;
 border-bottom: 1px dotted #999999;
 height: 1%;
}

.blog div.readmore a,
a.more-link {
 padding: 1px 5px;
 background: #006DA3;
 float: right;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 105%;
 border-color:#FFFFFF #004b70 #004b70 #FFFFFF;
 border-style:solid;
 border-width:1px;
 margin-top: 6px;
}

#sidebar {
 margin-top: 10px;
 width: 366px;
 float: right;
}

#sidehead {
 border-bottom: 1px dotted #999999;
 padding: 0px 10px;
}

#sidetwins {
 background: transparent url(./images/twin-bg.gif) repeat-y;
 border-bottom: 1px dotted #999999;
 height: 1%;
}

#sideleft, #sideright {
 width: 162px;
 float: left;
}

#sideleft, #sideright {
 padding: 5px 10px;
}

#sidefoot {
 float: left;
 padding: 0px 10px;
}

/* Footer */
/* Footnote */

#fnwrap {
 border-top: 1px solid #333333;
 background: #333333 none repeat scroll 0 0;
}

.footnote {
 font-weight: bold;
 color: #999999;
 padding: 7px 0px;
 text-align: center;
 margin: auto 0;
}

.footnote a {
 color: #999999;
}

.footnote a:hover {
 border-bottom: 1px dotted #999999;
}

/* IMAGES */

/* Extras */

ul.bots {
 position: absolute;
 top: -100%;
}

.clr:after {
 clear: both;
 display: block;
 content: ".";
 height: 0;
 visibility: hidden;
}

* html > body .clr {
 width: 100%;
 display: block;
}

* html .clr {
 height: 1%;
}

html {
 margin-bottom: 1px;
 height: 100%!important;
 height: auto;
}

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;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}