/*
THEME NAME: Outserve
THEME URI: http://www.ouserveblog.com/themes/outserve/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://philipoakley.org/">Philip Oakley</a> 
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
TEMPLATE: sandbox
*/

/* The Page Layout */
div#wrapper {width: 850px; margin-left: auto; margin-right: auto;position: relative;}
div#container {float: left;width: 100%;}
div#content {margin: 0 430px 0 0;}
div.sidebar {float: left;overflow: hidden;width: 180px;}
div#primary {margin: 0 0 0 -400px;}
div#secondary {margin: 0 0 0 -200px;}
div#footer {clear: left;width: 100%}

/* Colors and Font */
body {font-family:Arial, Helvetica, sans-serif;background-color:#FFFFFF;}

/* The Header */
div#header{text-align:left;margin-bottom:1em; padding-top:6.5em;height: 120px;background:#FFFFFF url('images/background1.jpg') no-repeat center;}
div#header h1{font-size: 34px;text-decoration: none;color: #5E6364;font-weight:bold;letter-spacing:-2px;line-height:36px;margin:0 5px 0 0; }
div#header h1 a{font-size: 34px;text-decoration: none;color: #5E6364;font-weight:bold;letter-spacing:-2px;line-height:36px;margin:0 5px 0 0;}
#header h1 a:hover{color: #5CB4D3;}
div#header div#blog-description{font-size:32px;color:#5CB4D3;font-weight: bold;letter-spacing:-2px;line-height:46px; }

/* The Menu */
div#access div.skip-link{padding: 0; position: absolute; right: 0; text-align: right; top: 0; }
div#access a{color:#5CB4D3;text-decoration: none; }
div#menu{font-size:1em;height:1.5em;padding-top:0.3em;background:#5E6364;width:100%;position: absolute; top: 1.5em}
div#menu ul a{font-weight:700;text-decoration:none;color:#FFFFFF}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#5E6364;padding-right:50px;font-size:18px;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:1em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#5E6364;border:none;display:block;padding:0.1em;width:10em;}

/* The Main Content Area */
div.hentry{border-bottom: 1px solid #5CB4D3; padding: 0 0 20px 0; margin: 10px 0 60px 0:}
.entry-title{clear:both;background-image:url(images/fav38.jpg); background-repeat: no-repeat;line-height:38px; margin:10px 0 0 0;}
h2.entry-title{font-size: 20px; padding:0  0 0 65px;}
h3.entry-title{font-size: 20px; padding:0  0 0 65px;}
.entry-date{padding: 0 0 0 65px; font-size: 14px;font-weight: bold;color: #5CB4D3;display: inline;}

.page-link{color: #5E6364;font-size: 14px;line-height: 20px;padding-top:10px;}
.entry-meta{color: #5E6364;font-size: 12px;line-height: 20px;padding-top:10px;}
.entry-meta .author{background: url(images/author.gif) 0 0 no-repeat;padding-left:18px;}
.entry-meta .cat-links{background: url(images/category.png) 0 0 no-repeat;padding-left: 16px;}
.entry-meta .edit-link{background: url(images/edit.png) 0 0 no-repeat;padding-left: 16px;}
.entry-meta .comments-link{background: url(images/comment.png) 0 0 no-repeat;padding-left: 16px;}

iv#container,div.sidebar{margin-top:0;}
div#content p{font-size: 14px;}
div#content a{color: #5E6364;text-decoration: none;border-bottom: 1px dotted #5CB4D3;}
div#content h2{color: #5E6364;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#5CB4D3;color:#5CB4D3;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

/* The Sidebars */
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size: 16px;color: #5CB4D3;font-weight: bold;margin: 0 0 8px 0;border-bottom: 1px solid #5CB4D3;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul a{color: #5CB4D3;text-decoration: none;border-bottom: 1px dotted #5CB4D3;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:none;}

li#rss-links h3 { background:url(images/feed.png);background-repeat:no-repeat;padding-left:20px; }

div.sidebar input#s{width: 100px;border: 1px solid #5CB4D3;color: #23238E;}
div.sidebar input#s:focus,div.sidebar input#s:hover{border: 1px solid #23238E;}
input#searchsubmit{background: #5CB4D3;border: 1px solid #23238E;padding: 0 0.4em 0 0.4em;margin-left: 0.4em;color: #23238E;font-weight: bold;}
input#searchsubmit:focus, input#searchsubmit:hover{background: #23238E;border: 1px solid #5CB4D3;color: #5CB4D3;font-weight: bold;}
/*---:[ Yoast Sociable Plugin ]:---*/
.sociable { margin: 16px 0; text-align: center; background-color: #dcdcdc; border: 1px solid silver; padding: .7em 0; }
.sociable_tagline { padding-bottom: .7em;  font: bold 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;}
.sociable ul {  display: inline; margin: 0 !important;  padding: 0 !important; }
.sociable ul li {display: inline !important;  list-style-type: none; margin: .3em; padding: 1px;}
.sociable img {width: 48px; height: 48px;  }

.sociable-hovers {opacity: 1;  -moz-opacity: 1;filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: .45;-moz-opacity: .45;filter: alpha(opacity=100);}

.sociable a { border:0 !important; }      
.sociable a:hover {background-color: #dcdcdc; }