/*
Theme Name: Branching out Media website
Theme URI: 
Description: 
*/

html, body {background: #fff;margin:0;padding:0;font-family: Georgia, "Times New Roman", Times, serif;color: #5C5C5C;height:100%;width:100%; }
img {border:0;}
form {margin:0;padding:0;}
.both {clear: both; }
.right {text-align:right;}
.center {text-align:center;}
a, a:focus {outline: none;}
a {text-decoration: none;color: #5C5C5C;border-bottom: dotted 1px #ccc;}
a:hover {border-bottom: solid 1px #A7C520;}
p, li, address, table {	font: 8pt/13pt Arial, Helvetica, sans-serif;margin: 13px 0;}
ul {margin: 10px 0;padding: 0;}
ul li {padding-left: 10px;background: url(images/bullet2.gif) 0 5px no-repeat;list-style: none;}
h1, h2, h3 {font-style:italic;font-weight:normal;color: #333;text-decoration: none;}
h1 {font-size: 18pt;}
h2 {font-size: 11pt;font-weight: bold;}
h3 {font-size: 11pt;font-weight: normal;margin: 12px 0;}
h3 a {color: #333;border: none;}
h4 {font-size: 10pt;font-weight: bold;margin: 12px 0;font-style: italic;}
blockquote {font-size: 18pt;padding: 0;margin: 15px 0;color: #333;font-style: italic;}

.main   {margin:0 auto;padding:0;width:876px;}
.header {width:876px;height:90px;position:relative;border-bottom:1px dotted #CCCCCC;}
.header h1 {height:48px;top:20px;left:15px;position:absolute;width:340px;margin:0;padding:0;}
.header h1 a {background:url("images/logo.gif") no-repeat scroll left center transparent;border:medium none;display:block;font-size:0;height:48px;text-indent:-9000px;width:340px;}
.header .info {position:absolute;top:20px;right:15px;color:#999999;font-size:8.5pt;font-style:italic;font-weight:normal;line-height:13pt;margin:0;padding:0;text-align:right;}
.header .info p {margin:0;padding:0;color:#999999;font-size:8.5pt;font-style:italic;font-weight:normal;line-height:13pt;}
.header .info a {background-color:#A7C520;color:#707070;font-weight:bold;padding:0 3px;}
.footer { border-top:1px dotted #CCCCCC; margin:25px 0 0; padding: 15px 0 30px 0; }
.footer .menu {display:inline;float:left;margin:0 0 0 15px;padding:0;}
.footer .menu li {background:none repeat scroll 0 0 transparent;border-left:1px solid #CCCCCC;display:inline;font-family:Georgia,"Times New Roman",Times,serif;padding:0 5px;}
.footer .menu li.first {border-left:medium none;padding-left:0;}
.footer .menu li a {color:#5C5C5C;text-decoration:none;}
.footer .copyright {display:inline;float:right;margin-right:15px;}
.footer .copyright p {font-family:Georgia,"Times New Roman",Times,serif;margin:0;}
.footer .copyright a {color:#5C5C5C;text-decoration:none;}
.footer .shortcuts {clear: both;margin:0 15px;padding-top:42px;}
.footer .shortcuts p {color:#CCCCCC;line-height:150%;margin:0;}
.footer .shortcuts a {border:none;color:#CCCCCC;text-decoration:none;}

.content {margin:0;padding:20px 0;border-bottom:1px dotted #CCCCCC;}
#content .error404 h1 {margin: 0 0 10px 0;padding: 0 0 10px 0; border-bottom: 1px solid #666666;color:#cbdb2a;}
.PageContent {margin:0;padding:20px 0;}
.PageContent h2 {margin:0;padding:0 0 5px 0;}
.PageContent p {margin:0;padding:0 0 10px 0;}
#IndexBottomImages {height:260px;margin:0 0 0 15px;padding-top:20px;border-bottom:1px dotted #CCCCCC;}
#IndexBottomImages ul  {list-style:none outside none;margin:0;padding:0;}
#IndexBottomImages ul li {background:none repeat scroll 0 0 transparent;float:left;line-height:10pt;margin:10px 17px 0 0;padding:0;width:125px;font-size:8pt;font-style:normal;font-weight:bold;text-align:left;}
#IndexBottomImages ul li a {border:medium none;display:block;margin-bottom:10px;}
#IndexBottomImages ul li a:hover img {filter:alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
#IndexBottomImages ul li img {border:1px solid #CCCCCC;padding:5px;}
.post-home {border-right:1px dotted #CCCCCC;display:inline;float:left;margin-left:15px;padding-right:20px;width:530px;min-height:300px;}
#IndexTopImages { border-left:1px dotted #CCCCCC;display:inline;float:right;min-height:410px;overflow-x:hidden;padding-left:20px;width:685px;}
#content { border-left:1px dotted #CCCCCC;display:inline;float:right;min-height:410px;overflow:hidden;padding-left:20px;width:685px;}
.sidebar {display:inline;float:left;min-height:360px;margin-left:15px;margin-top:-10px;width:140px;}
.sidebar ul {margin:0;padding:0;}
.sidebar li {margin:0;padding: 5px 0;list-style:none;background-image:none;}
.sidebar li a {background-color:#CBDB2A;border:medium none;color:#333333;padding:1px 4px;text-decoration:none;}
.sidebar ul ul  {margin:4px 0 8px;padding:0 0 0 3px;display:none;}
.sidebar ul li.active ul {display:block;}
.sidebar ul li ul li {background:none repeat scroll 0 0 transparent;font:8.5pt/11pt Arial,Helvetica,sans-serif;list-style:none outside none;margin:0;padding:0;text-transform:none;}
.sidebar ul li ul li a  {background:none repeat scroll 0 0 transparent;border-bottom:medium none;color:#666666;padding:0;text-decoration:none;}
.sidebar ul li ul li a:hover {border-bottom: solid 1px #A7C520;}
#IndexTopImages ul {margin:0;padding:0;list-style:none;}
#IndexTopImages li {margin:0;padding:0;float:left;width:170px;height:100px;position:relative;}
#IndexTopImages li img {width:170px;height:100px;}
#IndexTopImages li div.bg {position:absolute;bottom:0px;left:0px;width:170px;height:100px;background:#cbdb2a;z-index:100;display:none;filter:alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
#IndexTopImages li.active {display:block;}
.IndNews {display:inline;float:right;margin:0 15px 15px 0;width:280px;}
.IndNews ul {}
.IndNews li {background:url("images/bullet2.gif") no-repeat scroll left 5px transparent;}
.IndNews li p {margin:0;padding:0;}


#IndBox {padding-top:20px;}
#IndBox .whatyouwant {display:inline;float:left;margin-left:15px;padding-right:15px;width:260px;}
#IndBox .services {border-left:1px dotted #CCCCCC;border-right:1px dotted #CCCCCC;display:inline;float:left;margin-left:5px;padding:0 15px;width:260px;}
#IndBox .quote {display:inline;float:right;margin-right:15px;width:260px;}
#IndBox .quote p {padding:0 0 0 10px;background:url("images/bullet2.gif") no-repeat scroll left 5px transparent;}
#IndBox .quote p b {display:block;}

a.rss {display:block;width:29px;height:29px;background:url("images/rss.gif") no-repeat scroll 0 0 transparent;}
