/*


Theme Name: Social Bizzle
Theme URI: http://www.socialbusinessint.co.uk
Description: This theme was created for Social Business International 
by <a href="http://www.bravadesign.co.uk>Brava Design</a>
Version: 1.0
Author: Simon Melhuish
Author URI: http://www.bravadesign.co.uk

Last Updated: 17th November 2009




*/ 


/* Layout - only size and positional code */


body {
color: #555555;
padding:0px;
margin:0px;
}

div#top-content-wrapper {
width: 100%;
height: 140px;
}

div#top-content {
width: 800px;
height: 140px;
margin:0 auto;
}

div#logo {
width: 190px;
height: 110px;
float: left;
padding-top:10px;
}

div#language-search {
float:right;
height:auto;
padding-top:25px;
width:250px;
}

div#navigation-wrapper {
width: 100%;
height: 40px;
}

div#navigation {
width: 800px;
height: 40px;
margin:0 auto;

}

ul.nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.comments ol{
margin:0;
padding:0;
}

.comments li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.comment {
padding:15px 0px 0px 20px;
}

.nav li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
padding:0 24px 0px;
height:40px;
}

ul#subnav {
height:30px;
padding-left:25px;
}

ul#subnav li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
padding:8px 0px 0px 16px;
}

ul#subnav li:after{
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 16px;
}

div#mid-content-wrapper {
width: 100%;
height: 320px;
}

div#mid-content {
width: 800px;
height: 320px;
margin:0 auto;
}

div#page-content-wrapper {
width: 100%;
height: auto;
min-height:320px;

}

div#page-container {
width: 800px;
height:auto;
margin:0px auto;
padding:20px 0;
}

div#page-content {
width: 740px;
height:auto;
margin-bottom:35px;
padding: 11px 30px;
}

div#post-list {
width: 520px;
height:auto;
float:left;
}

.page-navigation a{
width: 520px;
height:auto;
color:#52BDEC;
font-size:75%;
font-weight:bold;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.sidebar {
width: 160px;
height: auto;
float: left;
padding:0px 0px 40px 0px;
margin:20px 0px 0px 40px;
background-color:#EEF3F8;
border:1px solid #C4D3EA;
color:#555555;
padding:5px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
}

.sidebar p{
margin:0px 10px;
}

.form-disclaimer {
font-size:0.60em;
color:#999999;
}

.mc_error_msg {
color:red;
font-size:0.75em;
margin:0px 0px 10px 0px;
}

.mc_success_msg {
color:green;
font-size:0.75em;
margin:0px 0px 10px 0px;
}

.mc_signup_submit .button{
margin:10px 0px 0px 0px;
}

h3.newsletter  {
margin:5px 0px 8px 10px;
}

.mc_custom_border_hdr {
display:none;
}

div#feature-loop {
width: 800px;
height: 260px;
margin: 0 auto;
padding: 20px 0 0;
}

div#feature-loop-text {
width: 420px;
float: left;
}

.feature-text img{
display:none;
}

.attachment-single-post-thumbnail{
border:3px solid #52BDEC;
}

.attachment-post-list-thumbnail{
border:3px solid #52BDEC;
}

div#feature-loop-image {
width: 345px;
height: 245px;
float: right;
}

div#feature-loop-image img{
margin:16px;
}

div#bottom-content-wrapper {
width: 100%;
height: auto;
float: left;
}

div#bottom-content {
width: 800px;
height: auto;
margin:0 auto;
}

.bottom-box {
width:260px;
height:auto;
float:left;
margin:2px;
}

.bottom-box-title {
width: 255px;
height: 42px;
}

.bottom-box-image {
width: 260px;
height: 110px;
}

.bottom-box-image img {
margin:17px;
}

.bottom-box-text {
width: 240px;
margin-left: 10px;
}

.bottom-box-text img{
display:none;
}

div#footer-wrapper {
width: 100%;
height: 30px;
float: left;
margin-top:10px;
}

div#footer {
width: 800px;
height: 30px;
margin:0 auto;
}

div#page-footer-wrapper {
width: 100%;
height: 80px;
}

div#page-footer {
width: 800px;
height: 30px;
margin:0 auto;
}

div#linklove {
padding-top:6px;
float:left;
}

div#lifeline {
float:right;
}

div#footer ul  {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

div#footer li  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
padding:0 8px 0px;
}

div#page-footer ul  {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

div#page-footer li  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
padding:0 8px 0px;
}

.entry-date {
padding: 5px 0px 4px 20px;
margin-top: 21px;
width: 150px;
}

.entry-title{
padding:8px 0;
}

div#entry-title-box{
width:740px;
height:50px;
margin:18px auto 0 auto;
padding-bottom: 14px;
}

div#search {
float:right;
}

div#languages {
float:left;
}


/* Style - only color, border and background code */


body {
background-color:#FFFFFF;
background-repeat:repeat-x;
}

div#top-content-wrapper {
background-image:url(images/top_bg.png);
background-repeat:repeat-x;
}

div#navigation-wrapper {
background-image:url(images/nav_bg_norm.png);
background-repeat:repeat-x;
}

ul#subnav {
background-color:#FAA635;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
}

div#mid-content-wrapper {
background-image:url(images/mid_bg.png);
background-repeat:repeat-x;
}

div#page-content-wrapper {
background-image:url(images/mid_bg.png);
background-repeat:repeat-x;
background-position:bottom;
background-color:#53bdec;
}

div#page-content {
background-color:#FFFFFF;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
}


div#bottom-content-wrapper {
background-image:url(images/bottom_bg.png);
background-repeat:repeat-x;
}

div#navigation li.current_page_item {
background-image:url(images/active_nav_bg.png);
background-position:center top;
background-repeat:no-repeat;
}

div#navigation li.current_page_ancestor {
background-image:url(images/active_nav_bg.png);
background-position:center top;
background-repeat:no-repeat;
}

ul#subnav li.current_page_item {
background-image:url(images/subnav_bg.png);
background-position:center bottom;
background-repeat:no-repeat;
height:25px;
}

ul#subnav li.current_page_item a{
color:#ffd69e;
}

ul#subnav li:after{
content: "";
color:#FAA635;
border-right:1px solid #ffd69e;
}


div#feature-loop-image {
background-image:url(images/feature_loop_image_bg.png);
background-repeat:no-repeat;
}

.bottom-box-title {
background-image:url(images/bottom_box_title.png);
background-repeat:no-repeat;
}

.bottom-box-image {
background-image:url(images/bottom_box_img_bg.png);
background-repeat:no-repeat;
}

div#footer {
border-top:2px solid #CCC;
}

div#page-footer {
border-top:2px solid #CCC;
}

div#page-footer-wrapper {
background-color:#FFFFFF;
background-image:url(images/bottom_bg_page.png);
background-repeat:repeat-x;
}

.entry-date {
background-image:url(images/cal.png);
background-repeat:no-repeat;
background-position:10px 50%;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
background-color:#52BDEC;
}

.blog-link {
text-align:left;
}

.post-content {
display:block;
margin:20px 0px 0px 0px;
}

.text {
background-color: #FFFFFF;
border:1px solid #8bd3f5;
padding:1px 0px;
}

.text:focus {
border:1px solid #4eb4e0;
}

.button {
background-color:#8bd3f5;
border:1px solid #8bd3f5;
color:#FFFFFF;
padding:0px 2px;
}

.button:hover {
background-color:#4eb4e0;
border:1px solid #4eb4e0;
color:#FFFFFF;
}

img {
border:none;
}

.author-pic{
float:left;
border-right:20px solid white;
}

img.alignleft {
border:2px solid #52BDEC;
float:left;
margin:0px 15px 10px 0px;
}

img.alignright {
border:2px solid #52BDEC;
float:right;
margin:0px 0px 10px 15px;
}

.post-thumbnail {
float:left;
margin: 0px 20px 10px 0px;
}

div#page-content .entry-content h3{
padding-top:10px;
margin-bottom:20px;
}

h3.author-entry-title  {
padding:0px;
margin:0px 0px 4px 0px;
}

.author-post {
padding: 0px 0px 20px 0px;
border-bottom:1px solid #CCCCCC;
clear:both;
margin-bottom:15px;
padding-top:5px;
}

/* Fonts - only fonts, color, size and links */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

p {
font-size:75%;
color: #555555;
}

a {
color: #555555;
}

.entry-content-blog a, .entry-content-news a  {
color: #52BDEC;
}

a[href $='.pdf'] {  
padding-right: 18px;  
background: transparent url(images/pdf.png) no-repeat center right;  
}

div#post li {
list-style-image:url(images/more-arrow.png);
color: #555555;
font-size:75%;
line-height:150%;
padding-bottom:12px;
}

.entry-content-blog li {
list-style-image:url(images/more-arrow.png);
color: #555555;
font-size:75%;
line-height:150%;
padding-bottom:12px;
}

.entry-content-news li {
list-style-image:url(images/more-arrow.png);
color: #555555;
font-size:75%;
line-height:150%;
padding-bottom:12px;
}

div#page-content h1, h2, h3, h4, h5, h6{
color: #52bdec;
}

.comments h3 {
border-bottom:1px dotted #CCCCCC;
margin-bottom:0px;
}

.bottom-line {
border-bottom:1px dotted #CCCCCC;
}

.comment-author a {
text-decoration:none;
font-weight:bold;
color:#999999;
}

.comment-author-admin a {
color:#FAA635;
}

div#entry-title-box {
border-bottom:1px dotted #CCCCCC;
border-top:1px solid #CCCCCC;
}

div#page-content .entry-title a {
color:#555555;
}

div#page-content .entry-title a:hover {
text-decoration:none;
}

.entry-date {
font-weight:bold;
color:#FFFFFF;
text-align:center;
font-size:78%;
}

div#page-content a:hover {
text-decoration:underline;
}

.bottom-box-header {
font-size:80%;
color: #FFFFFF;
padding:13px 0 0 22px;
margin:0px;
}

div#language_list li {
list-style:none;
padding:0px;
margin:0 0 0 10px;
float:left;
}

div#language_list ul {
padding:0px;
margin:0 0 0 0;
}

.nav li {
text-align:center;
}

.nav a{
font-size:80%;
font-weight:bold;
text-decoration:none;
}

.nav a:hover{
color:#999999;
text-decoration:underline;
}

ul#subnav a{
color:#FFFFFF;
}

ul#subnav li{
font-size:80%;
line-height:normal;
list-style:none;
display:block;
font-weight:bold;
}

.current_page_item a{
color:#999999;
}


h2.feature-title {
font-size:180%;
color:#FFFFFF;
}

h2.blog-title {
margin:0px;
padding:0px;
}

.blog-title a {
font-size:150%;
color:#52BDEC;
text-decoration:none;
}

.post-info {
font-size:80%;
color:#AAA;
margin-bottom:15px;
}

.post-info a {
color:#52BDEC;
text-decoration:none;
}

.post-info a {
color:#52BDEC;
text-decoration:underline;
}

.feature-text p{
font-size:108%;
color:#FFFFFF;
}

div#feature-loop-text .more-link{
background-color:#8bd3f5;
color:#FFFFFF;
text-decoration:none;
float:right;
font-size:120%;
padding:2px 8px 2px 8px;
}

div#feature-loop-text .more-link:hover{
background-color:#7ec8eb;
text-decoration:underline;
}

div#feature-loop-text span a{
color:#FFFFFF;
text-decoration:none;
}

div#feature-loop-text {
color:#FFFFFF;
line-height:150%;
}

div#feature-loop-text .more-link {
color:#FFFFFF;
}

.bottom-box-title a {
color:#FFFFFF;
font-size:70%;
}

div#bottom-content .more-link {
float:right;
font-weight:bold;
text-decoration:none;
color:#52bdec;
background-image:url(images/more-arrow.png);
background-position:right;
background-repeat:no-repeat;
padding-right:16px;
font-size:75%;
}

div#bottom-content .more-link:hover {
text-decoration:underline;
}

div#footer a {
font-size:70%;
color:#faa635;
text-decoration:none;
}

div#footer a:hover {
text-decoration:underline;
}

div#page-footer a {
font-size:70%;
color:#faa635;
text-decoration:none;
}

div#page-footer a:hover {
text-decoration:underline;
}

blockquote {
background-image:url(images/quote_before.png);
background-repeat:no-repeat;
background-position:top left;
padding:8px 0 8px 20px;
}

.bottom-box-title a {
font-size:100%;
text-decoration:none;
}

.bottom-box-title a:hover {
text-decoration:underline;
}

.clear-fix {clear:both}

.clear-fix-border {
border-bottom:1px solid #ccc;
clear:both;
margin-bottom:15px;
padding-top:5px;
}

.contact-left-col {
width:50%;
float:left;
margin:0px;
padding:0px;
}

.contact-right-col {
width:50%;
float:right;
margin:0px;
padding:0px;
}

.contact-header {
color:#52BDEC;
}

.blog-search {
padding-bottom:20px;
}

.social-networking-box{
float:right;
margin-top:10px;
}

.rss-mini {
background-image:url(images/rss_16.png);
background-repeat:no-repeat;
display:block;
height:16px;
text-indent:-9999px;
width:16px;
outline:0;
float:left;
margin-right:5px;
}

.email-mini {
background-image:url(images/email_16.png);
background-repeat:no-repeat;
display:block;
height:16px;
text-indent:-9999px;
width:16px;
outline:0;
float:left;
margin-right:5px;
}

.facebook-mini {
background-image:url(images/facebook_16.png);
background-repeat:no-repeat;
display:block;
height:16px;
text-indent:-9999px;
width:16px;
outline:0;
float:left;
margin-right:5px;
}

.twitter-mini {
float:left;
margin-right:5px;
}

.twitter-mini:hover, .facebook-mini:hover, .email-mini:hover, .rss-mini:hover {
position:relative;
bottom:2px;
}

.comment-meta {
font-size: 75%;
color:#AAAAAA;
}

.comment-author {
}

.avatar {
float:left;
margin:2px 12px 0px 0px;
padding:0px 0px 0px 0px;
border:2px solid #52BDEC;
}

/**** Speech Bubble on Blue *****/

.spch-bub-inside {
  position: relative;
  float:right;
  margin-right:14px;
}

a.spch-bub-inside {
  color: #;
  text-decoration: none;
}
.spch-bub-inside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #FFF;
  color: #53BDEC;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #FFF; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.spch-bub-inside:hover {
  color: #FFF;
}
a.spch-bub-inside:hover em {
  cursor: pointer;
  background: #FFF;
  color: #FAA635;
}
a.spch-bub-inside:hover .point {
  border-left: 0.5em solid #FFF; 
}

/**** Speech Bubble on White *****/

.spch-bub-inside-white {
  position: relative;
  float:right;
  margin-right:14px;
}

a.spch-bub-inside-white {
  color: #;
  text-decoration: none;
}
.spch-bub-inside-white em {
  font-style: normal;
}
.spch-bub-inside-white em {
  background: #53BDEC;
  color: #FFF;
  padding: 1px 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
  font-size:90%;
  
}
.spch-bub-inside-white .point-white {
  width: 0;
  height: 0;
  position: absolute;
  top: 1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #53BDEC; 
  border-bottom: 0.45em solid #53BDEC; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.spch-bub-inside-white:hover {
  color: #FFF;
}
a.spch-bub-inside-white:hover em {
  cursor: pointer;
  background: #53BDEC;
  color: #FAA635;
}
a.spch-bub-inside-white:hover .point-white {
  border-left: 0.5em solid #53BDEC; 
}


/**** Twitter *****/

div.bottom-box-text ul{
	list-style: none;
	padding: 0px;
	margin:20px 0px 0px 0px;
	font-size: 75%;
	}
	
div.bottom-box-text li{
	margin-bottom: 6px;
	}	
	
div.bottom-box-text a{
	color: #52BDEC;
	text-decoration: none;
	}
	
div.bottom-box-text a:hover{
	text-decoration: underline;
	}