/*  
Theme Name: Blue2RM
Theme URI: http://blog.tworiversmarketing.com
Description: For use by Two Rivers Marketing on their corporate blog site.
Version: 1.0
Author: Keith Kmett
Author URI: http://www.tworiversmarketing.com
Tags: Two Rivers Marketing, blue, two columns, widgets, sidebar
*/


html, body { margin: 0; padding: 0; height: 100%; /* needed for container min-height */ background: #fff; font-family: Trebuchet MS, Arial, sans-serif; color: #555; }

h1 { color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1.6em; font-weight: bold; line-height: 1em; text-transform:uppercase; border-bottom:groove 4px #bfd3e3; padding:0.1em 0em;  }
h2 { color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1.1em; font-weight: bold; line-height: 1em; border-bottom:groove 4px #bfd3e3; padding:0.2em 0em; }
h3 { color: #d95e16; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 27px; line-height: 1.5em; }
h4 { color: #fff; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
h5 { color: #ccc; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 11px; font-weight: bold; line-height: 1.5em; }

h3 a { color: #d95e16; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 27px; line-height: 1.5em; }
h3 a:hover { color: #bfd3e3; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 27px; line-height: 1.5em; }

#comments { color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 21px; line-height: 1.5em; }

h4 a { color: #fff; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1em; font-weight: bold; line-height: 1.5em; text-decoration: none !important; }
h4 a:hover { color: #ddd; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1em; font-weight: bold; line-height: 1.5em; }

p, ul, li { color: #555; font-size:0.8em; }
p a { text-decoration: underline; font-family:Trebuchet MS, Arial, sans-serif; font-size:1em; }
blockquote a { text-decoration: underline; font-family: Trebuchet MS, Arial, sans-serif; font-size: 1em; }


a { font-family: Trebuchet MS, Arial, sans-serif; font-size: 1em; color: #012b45; text-decoration: none; }
a:hover { font-family: Trebuchet MS, Arial, sans-serif; font-size: 1em; color: #bfd3e3; text-decoration: none; }
a:focus { color: #d95e16 !important; }

/* =Structure */
#container { margin: 0px auto -31px auto; /* center, not in IE5 */ width: 100%; background:#649ec8 url(images/ContentBG.jpg) repeat-y center top; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/ min-height: 100%; /* real browsers */ }
#push { height: 31px; margin: 0em; padding: 0em; }

#content { margin: 0px auto; }
.wrapper { margin: 0px auto; width: 980px; }

/* =Header */

#header { height: 166px; background: url(images/TopBG.jpg) repeat-x center top; }
#headerwrapper { margin: 0px auto; width: 980px; background: url(images/MainBG.jpg) no-repeat center top; height:166px;}

#Logo { padding: 20px 0px 31px 55px; }
#PrintLogo { display: none; }

/* =TopNav */
#TopMenu { float: right; margin: 0em;  padding: 0em; height: 34px; background: #012b45; *margin:-0.3em 0em 0em 0em; }
#TopMenu ul { margin: -0.11em 0em 0em 0em; padding: 0em; list-style: none; *margin:0em; }
#TopMenu li { float: left; margin: 0em; padding: 0em; line-height: 0em; list-style: none; }
#TopMenu a { display: block; padding: 1.25em 1em 1.25em; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; }
#TopMenu a:hover { display: block; padding: 1.25em 1em 1.25em; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; background: #d95e16; }
#TopMenu .selected { display: block; padding: 1.25em 1em 1.25em; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; background: #d95e16; }

/* =Content */
#LEFT { float: left; margin:0em; padding:15px 0px 10px 20px; width: 605px; color: #555; line-height: 1.5em; }

.postmetadata {font-size:0.7em; color:#bbb;}
.postmetadata a {font-size:1em; color:#999;}

#postdate {float:left; margin:0.5em 0em 0em -4.81em; color:#fff; background:#012b45; text-align:center; width:51px; padding:0.7em 0.2em;}
.postday {font-size:2em; font-weight:bold; line-height:0.9em;}
.postmonth {font-size:1.1em; font-weight:bold; line-height:1.4em; text-transform:uppercase;}
.postyear {font-size:0.9em; font-weight:bold; line-height:1.2em;}

.comments_count {font-size:0.7em; color: #aaa;}
.comments_count a { color: #aaa;}
.comments_count a:hover { color: #bfd3e3; text-decoration:underline;}


.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 10px 0 10px; padding: 5px 5px 10px 10px; list-style: none; border:solid 1px #aaa; background:#f5f5f5;}
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}
.commentlist p { margin: 10px 5px 10px 0; color:#555; font-size:0.7em; }
.says { color:#555; font-size:0.7em; }
.commentmetadata { font-size:0.8em;}
.commentlist a { font-size:0.9em;}

.author {font-size:0.8em; color: #666;}
.entry {margin:-0.5em 0em 0em 0em;}
.entry ul, li { font-size:0.8em; line-height:1.5em; margin:1em 0.5em 1em 1em;}


/* =SIDEBAR */
#sidebar { float: right; margin:0em; padding:15px 10px; width: 310px; color: #555; background:#649ec8 url(images/RightBG.jpg) repeat-y center top; }
#sidebar p, ul, li { font-size:0.95em; font-family: Arial, sans-serif;}

#sidebar a { font-size:0.95em; font-family: Arial, sans-serif;}
#sidebar a:hover { font-size:0.95em; font-family: Arial, sans-serif; color:#fff;}

#sidebar li {list-style:none; margin:0.5em 0em; }

/* =Footer */
#footer { width: 100%; height: 31px; min-height: 31px; background: #012b45; }
#footerwrapper { margin: 0px auto; width: 980px; padding: 10px 5px 0px 5px; }

#copyright { float: left; width: 300px; color: #fff; font-size: 11px; }
#FooterLogo { float: left; text-align: center; width: 38%; color: #fff; font-size: 11px; }
#footermenu { float: right; width: 300px; color: #fff; font-size: 11px; }
#footermenu li {color:#fff;}

.FooterText { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }
#footermenu ul { margin: 0em; padding: 0em; list-style: none; }
#footermenu li { float: right; margin: 0em; padding: 0em; line-height: 0em; list-style: none; }
#footermenu a { display: block; padding: 0.5em 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #F5F5F5; }
#footermenu a:hover { display: block; padding: 0.5em 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

.searchbox {width:189px; height:20px; background:#fff url(images/SearchBoxBG.jpg) repeat-x left bottom; *width:170px; float:left; font-family:Trebuchet MS, Arial, sans-serif; color: #333; font-weight:bold;}

/* Button CSS */
.btn { display: block; position: relative; background: #aaa; font-size:0.9em; padding: 2px 5px; float: right; color: #fff; text-decoration:none; font-weight:bold; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #012b45; }
.btn:hover { background-color: #d95e16; }
.btn:active { background-color: #012b45; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 1px double #999; }
* html .btn.blue { border-color: #999; }
* html .btn:hover { border-color: #d95e16; }

/* Twitter Feed Styles */
.aktt_tweets li { color: #333;   border-bottom:solid 2px #012b45; padding:0.5em; line-height:1.5em;}

