@import url(blog.css);

body {
position: relative;
text-align: center;
font: 16px verdana, sans-serif;
color: #552d15;
background: #6082C9;}

* {
margin: 0;
padding: 0;}

a {
outline: none;
color: #a91919;
text-decoration: none;}

a:hover {
color: #d9492a;
text-decoration: none;}

p {
margin-bottom: .8em;}

img {
border: none;}


/* MAIN */

.arcLink { background: #A91818; padding: 5px; text-align: center;}
.arcLink a {font-size: 11px; color: #fff !important; display: block;}

.blogBotLinks {border: 4px solid #94c5dc; padding: 10px; font-size: 12px; background: #fff; margin-bottom: 10px;}
/*#Containers/Black = green#*/
.blackBox {	border: 4px solid #6DA4BE; margin-top: 10px; width: 183px;}
.blackBox .title { background: #4E5A75; padding: 5px 10px; font-size: 14px; color: #fff; margin: 0; }
.blackBox .content { padding: 0.5em; background: #f1f1f1; font-size: 12px;}
.blackBox .content ul, .blackBox .content ul li {list-style: none; margin: 0;}
.blackBox .content a {color: #464646;}

.readMore {text-align: right;}

blockquote {border-right:1px solid #DDDDDD;
display:inline;
float:left;
margin:10px 20px 10px 0;
padding:5px 15px;
width:200px;}

blockquote p {color:#333333;
font-family:Verdana, sans-serif;
font-size: 16px; font-weight: bold;
line-height:1.3em;
margin:0;
padding:7px 0 8px;} 

#outer-container {
text-align: left;
width: 788px;
margin: 0 auto;
border-left: 4px solid #EFFBFF;
border-right: 4px solid #EFFBFF;
background: white;}

#inner-container {
background: /*url(../images/bground_sidebar.gif) top right repeat-y;*/#EFFBFF;
	}

.left {
float: left;
width: 527px;}

.right {
float: right;
width: 261px;}


/* HEADER */

#header /*{
height: 250px;
}*/

/*#header a.logo {
background: url(../images/logo_boblee.jpg) no-repeat;
float: right;
display: block;
font-size: 0;
text-indent: -99999px;
position: relative;
top: 52px;
right: 71px;
width: 445px;
height: 106px;}*/


/* NAV */

ul.nav {
height: 39px;
border-bottom: 3px solid #94c5dc; background: #DBDFE1;}

.nav li {
list-style: none;
float: left; width: auto;}

.nav li a {
display: block; padding: 10px 38px 8px;
font-size: 16px; color: #27212B;}

.nav li a:hover {background: #d6f9ff; /* old browsers */
	background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f9ff), color-stop(100%,#9ee8fa)); /* webkit */}

.nav li.friend a { color: #fff; background: #D13333; /* old browsers */
	background: -moz-linear-gradient(top, #D13333 0%, #AC1B1B 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D13333), color-stop(100%,#AC1B1B)); /* webkit */}
.nav li.rss a span {background: url(../images/img_rss.gif) no-repeat 100% 50%; padding-right: 25px; display: block; }

/*.home a {
width: 91px;
height: 39px;
background: url(../images/btn_home.gif) no-repeat;}

.contact a {
width: 163px;
height: 39px;
background: url(../images/btn_contact.gif) no-repeat;}

.meet a {
width: 141px;
height: 39px;
background: url(../images/btn_meet.gif) no-repeat;}

.archives a {
width: 102px;
height: 39px;
background: url(../images/btn_archives.gif) no-repeat;}

.live a {
width: 145px;
height: 39px;
background: url(../images/btn_live.gif) no-repeat;}
*/




/* SUBHEADER */

/*#subheader .left,
#subheader .right {
height: 28px;}

#subheader .left {
font-size: 12px;
padding: 12px 20px;
width: 487px;
background: #a91919;}

#subheader .left p {
font-weight: bold; font-size: 10px;
width: 270px;
color: white;}

#subheader .left img {
margin-right: 8px;
float: left;}

#subheader .right {
padding: 12px 14px;
width: 233px;
background: url(../images/bground_sidebar.gif) top right repeat-y;}

#subheader .right a {
font-size: 13px;
color: white;}

.addthis {
margin-top: 7px;
margin-right: 5px;
float: left; width: 90px; }

.rss {
 width: 60px; } 


.twitter {
float: right;width: 76px; margin-left: 0px;}

.twitter img {
position: relative;
top: 4px;
left: 6px;} */


/* CONTENT STYLES */

#content {
color: #515151;
background: #fff;
font: 12px;
padding: 26px;
width: 468px;}

#content h1.pagetitle {
text-align: right;
font-size: 30px;
font-weight: normal;
color: #a91919;
margin-bottom: -19px;}

#content hr {
border: 0;
color: #f2e4e4;
background-color: /*#f2e4e4*/ #eee;
height: 24px;
margin-bottom: 20px;}

#content h1 {
text-align: left;
font-size: 20px;
font-weight: normal;
color: #a91919;}

#content h2 {
font-size: 18px;}

#content p, #content li {
line-height: 1.3em;}

#content ul {
margin-left: 30px;
margin-bottom: 10px;}

.general h2, .general h3, .general h4 {
margin-bottom: 5px;}


/* MAIN ARTICLE WRAPPER */

.article {
margin-top: 20px;
margin-bottom: 30px;
clear: both;}

.article h4 {
padding-bottom: 10px;
border-bottom: 4px solid #e6f3f9;
margin-bottom: 10px;}

.article img {
border: 4px solid #e6f3f9;
margin: 5px;}


/* DATES */

.article h4, .teaserinfo h3 {
font-size: 14px;
font-weight: normal;
color: #a69898;}


/* HOME PAGE ARTICLE STYLES */

.teaserinfo h2, .teaserinfo h2 a, .teaserinfo h3 {
color: #552d15;}

.teaserinfo h2 {
float: left;
max-width: 300px;}

.teaserinfo h2 a {
text-decoration: none;}

.teaserinfo h2 a:hover {
color: #a91919;}

.teaserinfo h3 {
margin-top: 3px;
float: right;}

.teaserinfo {
border-bottom: 4px solid #e6f3f9;
margin-bottom: 10px;
padding-bottom: 4px;}

.teaserbody img {
clear: both;
float: left;
margin: 0 10px 10px 0;}

.teaserbody p {
font-size: 16px;}

.teaserbody a {
float: right;
font-size: 16px;
text-decoration: underline;}


/* BLUE BUTTONS ON BOTTOM OF PAGES */

img.seemore {
margin-left: 88px;
margin-top: 30px;}

img.allarticles {
margin-left: 130px;
margin-top: 30px;}

img.seemore, img.allarticles {
border: 4px solid white;}

img.allarticles:hover, img.seemore:hover {
border: 4px solid #94c5dc;}


/* BOTTOM OF ALL INDIVIDUAL ARTICLE PAGES */

.article-footer {
margin-top: 20px;}

.article-footer img {
border: 4px solid white;
margin: 0 1px 0 0;}

.article-newsletter {
margin-top: 4px;
background: #2b3e68 url(../images/img_getemailupdates.gif) 25px 6px no-repeat;
float: right;
width: 210px;
padding: 30px 6px 10px;}

.article-newsletter p {
font-size: 12px;
margin: 0 10px 5px;
color: white;}


/* SIDEBAR */

#sidebar {
width: 225px;
padding-left: 33px;
padding-bottom: 100px; border-left: 3px solid #EFFBFF;}

#sidebar img {
text-align: center;
border: 4px solid #94c5dc;
margin-top: 25px;}

#sidebar img:hover {
border: 4px solid #6da4be;}

#sidebar h1 {

font-size: 20px;
margin-top: 40px;
margin-bottom: 5px;}

#sidebar ul {
text-align: left;
margin-left: 15px;}

#sidebar li {
margin-bottom: 5px;
font-size: 14px;
list-style-image: url(../images/bullet_raquo.gif);}

#sidebar li a {
}

#sidebar li a:hover {
}


/* INPUT AREAS */

.NewsletterSubscription {
width: 200px;
float: right; }

.NewsletterSubscriptionLabel {
display:none;}

.SubscriptionTextbox, .SubscriptionButton {
font: 11px Arial, sans-serif;}

.SubscriptionTextbox {
width: 120px;
height: 19px;
color: #c61010;
float: left;
border: 2px solid #e6c2c2;
padding-top: 2px;
padding-left: 2px;}
	
.SubscriptionTextbox:focus {
background-color: #f8f0f0;}

.SubscriptionButton {
margin-top: 1px;
height: 23px;
float:right;
background: white;
border: none;
color: #a91919;
padding: 2px 6px 3px;
cursor: pointer;
margin-left: 4px;}

.InfoMessage {
display: block;
font-weight: bold;
margin-left: 10px;
margin-bottom: 3px;
font-size: 12px;}


/* FOOTER */

#footer {
background: #e6f3f9;
height: 62px;
text-align: center;
padding-top: 10px;}

#footer li {
font-size: 11px;
display: inline;
border-right: 1px solid #89c0d3;
padding-left: 2px;
padding-right: 5px;}

#footer a {
padding: 2px;}

#footer a:hover {
color: white;
background: #62a4ba;}

#footer p {
line-height: 1.3em;
font-size: 9px;
margin: 6px;}

#footer li.lastitem {
border-right: none;}


/* PAGING CONTROLS */

.PagerControl {font-size: 14px; font-weight: bold; }

/* Radio Page repeater */
.audiobox { margin: 1em 0 0 0; border-bottom: 4px solid #333;}
.audiobox h3 {font-size: 1em;}
.audiobox p {margin: 0.5em 0 0 0; font-size: 12px;}


/* FIXES */

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

.clearfix {
display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {
display: block;}
/* End hide from IE-mac */