/*
Theme Name: Sentinel Blog Design
Description: Custom blog design for www.senpro.com
Version: 1.0
Author: Iceberg Web Design
Author URI: http://www.icebergwebdesign.com

*/

* {   padding:0;   margin:0;   list-style:none; }
 
body { font: 12px verdana,arial,sans-serif;   line-height: 1.6;   color: #555555; 
  background: url('http://www.senpro.com/blog/img/background.jpg') top center;
  background-repeat: repeat-x;
  background-color: #70ACBE;   margin: 0px;   padding:  0px 0px 0px 0px; }
TD { font: 12px verdana,arial,sans-serif;   line-height: 1.6;   color: #555555; }

.headline { width: 790px; padding: 0px;  background: url('http://www.senpro.com/blog/img/blogbanner-bg.jpg') top right; border-left: 2px solid #446; border-top: 2px solid #446;  border-right: 2px solid #446; }

.logo { width: 330px; text-align: left; }

.content { background-color: #fff; border-left: 2px solid #446; border-bottom: 2px solid #446;  border-right: 2px solid #446; }


.navlink { width: 480px;  font-size: 9pt; color: #444; vertical-align: top; text-align: right; padding: 9px 8px; font-weight: bold; }
.navlink a { text-decoration: none; }



div#links { float:right; width: 365px; text-align: right; padding: 7px; font-weight: bold;  }
.follow { font-weight: bold; padding: 2px 6px 4px 0px; font-size: 9pt;}
.followlinks { padding: 0px; }




.container{width:830px; }
.container{text-align:left; background-color: #fff;   }

.header{ height: 150px; background-image: url('http://www.senpro.com/images/head.jpg'); background-position: 0px 20px; background-repeat: no-repeat; background-color:#FEEE4F; }

.header h1 { height:125px; margin:0; padding-top: 10px; padding-left:10px; font-size: 12px; border-bottom: 0px solid #fff; }


 
.navigation-bar {  background: #04b; height: 34px; }

.navigation-bar a {  float: left; color: #fec; margin: 8px 0px 4px 0px; padding: 0px 18px 0px 18px; font-weight: bold; border-right: 1px solid #58a; }

.navigation-bar a.last {  float: left; color: #fec; margin: 8px 0px 4px 0px; padding: 0px 2px 0px 18px; font-weight: bold; border-right: 0px solid #777; }

.navigation-bar a.first {  float: left; color: #fec; margin: 8px 0px 4px 0px; padding: 0px 18px 0px 18px; font-weight: bold; border-right: 1px solid #58a; }



.wrapper2 { padding: 0px 5px 12px 20px; }
 



.navigation-bar { clear: both; display: block; with: 830px;  background: #04b; height: 34px; }

.navigation-bar a:link {  float: left; color: #fec; margin: 8px 0px 4px 0px; padding: 0px 18px 0px 18px; font-weight: bold; border-right: 1px solid #58a;  text-decoration: none;}

.navigation-bar a.last {  float: left; color: #fec; margin: 8px 0px 4px 0px; padding: 0px 2px 0px 18px; font-weight: bold; border-right: 0px solid #777;  text-decoration: none;}

.navigation-bar a.first {  float: left; color: #fec; margin: 8px 0px 4px 0px; padding: 0px 18px 0px 18px; font-weight: bold; border-right: 1px solid #58a; text-decoration: none; }

a.white { color: #fec; text-decoration: none; }
a.white:visited { color: #fec;  text-decoration: none;}
a.white:hover { color: #fec; }
a.white:active { color: #fec;  text-decoration: none;}

a.last {  color: #fec;  text-decoration: none; }
a.last:link {  color: #fec;  text-decoration: none; }
a.last:visited {  color: #fec;  text-decoration: none; }
a.last:hover {  color: #fec;  }
a.last:active {  color: #fec;   text-decoration: none;}

a.first {  color: #fec;    text-decoration: none;}
a.first:link {  color: #fec;    text-decoration: none;}
a.first:visited {  color: #fec;    text-decoration: none;}
a.first:hover {  color: #fec;   }
a.first:active {  color: #fec;   text-decoration: none; }


div#links { float:right; width: 365px; text-align: right; padding: 7px; font-weight: bold;  }
 
div#content2{  float:left; padding: 10px 40px 10px 40px; vertical-align: top;}

div#navigation{  vertical-align: top;}

div#navigation{float:right;width:290px; padding: 20px 30px 20px 0px;  }

div#navigation ul{list-style-type:none;}

div#navigation li{margin-bottom:5px;}

.footer{background:#FEEE4F;}

.footer p{margin:0;padding:7px 10px; text-align: center; font-size: 11px;}

div#extra{float:left;width:500px;}

 

p, h2, h3, h4, h5, h6 {  font-size:1em;  }

hr {  border:0;    margin:20px 0;  height:1px;  }

img {  border:0;  }

dl {  color:#444;  margin:10px 0;  }

dt {  font-weight:bold;  }

dd {  font-style:italic;  margin:5px 0 10px;  }

fieldset {   padding:10px 20px;  }

form h2 {  margin-bottom:10px;  }

legend {  font-size:1.2em;  color:#444;  padding:0 10px;  }

label {  font-weight:bold;  }

textarea {  width:450px;  height:200px;  border:1px solid #CCC;  margin:10px 0;  }

 
/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

div#main {  text-align: left; padding: 5px 25px 20px 20px;  width:490px;  float:left;  }
    

div.entry table {  border-collapse:collapse;  margin:10px 0;  }

div.entry table th,
div.entry table td {  padding:10px;  border:1px solid #EAEAEA;  text-align:center;  }

/* Main header on single pages */
h2 { padding-top: 10px;  font-size: 16pt; font-family: "Franklin Gothic Medium Cond", "Franklin Gothic Medium", "Franklin Gothic Demi", "Franklin Gothic Demi Cond", sans-serif;   color: #045EB1;     }

div#main h2 a {     color: #045EB1;  text-decoration: none;}
div#main h2 a:visited {     color: #045EB1;  text-decoration: none;}
div#main h2 a:hover {     color: #045EB1;  text-decoration: none;}
div#main h2 a:active {     color: #045EB1;  text-decoration: none;} 

/* Secondary headline above comments and comment form */
div#main h3 {  margin:15px 0 5px;  color:#008357;  }

div#main p {  color:#333;  line-height: 1.6; text-align: left;  margin:10px 0;  }

div#main a {   color:#008357;    }
 
.article {  margin-bottom:20px;  text-align: left; }

.article blockquote {  margin:0 15px;  padding:1px 15px;  border-left:5px solid #B8D1E4;  background:#F0F0F0;  }

div.article code {  font-size:1.2em;  }

div.article pre {  width:500px;  line-height:1.5;  font-size:1.2em;  margin:20px 0;  overflow:hidden;  }

.article ul, .article ol {  color:#444;  margin-left:15px;  }

.article ul li {  margin:5px 0;  padding-left:15px;  background:url(./images/square.png) 0 center no-repeat;  }

.article ol {  margin-left:30px;  }

.article ol li {  list-style:decimal;  margin:10px 0;  }

.article ol li ol {  font-size:1em;  margin-left:15px;  }

#main p.byline {  color:#444;  }

ul.article_footer { font-size: 11px; text-align:right;  margin:10px 0;   padding:5px 10px;  border:1px solid #DADADA;  border-width:1px 0;  line-height:1.5;  }

ul.article_footer li { display:inline;  background:none;  border-left:1px solid #DADADA;  margin-left:5px;  padding-left:10px;  }

ul.article_footer li.first {  border-left:0;  }

 

#bluelinks a:link { color: #024C91; }
#bluelinks a:visited { color: #024C91; }
#bluelinks a:hover { color: #024C91; }
#bluelinks a:active { color: #024C91; }
/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

div#secondary {  padding: 0px 12px 20px 20px;  width:220px;  float:right;  }

div#secondary ul#sidebar {  margin: 15px 0 20px 0px;  color:#507fa3;  padding-bottom: 10px;   border-bottom:1px solid #e7e7e7;  }

div#secondary ul#sidebar li {  margin: 5px 0;  font-size:1em;  line-height:1.5em;  }

/* Sidebar headers */
div#secondary h2 { font-family: Verdana, Arial, sans-serif;
  font-size: 12px; padding: 3px 0px 3px 6px;
  font-weight: bold;
  background: #333;
  color: #ffffff;  }

#secondary li { Border: 1px solid #333; }

#secondary li ul li { border: 0px solid #fff; }
div#secondary a {  color:#666;  text-decoration:none;  }

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

div#secondary ul.children {  margin-left:5px;  padding-left:10px;  border-left:5px solid #EAEAEA;  }

div#secondary ul#sidebar li li {  font-size:1em; padding-left: 11px;  }

/* Optional bio area header (commented out by default) */
div#author h2 {  font-size:1.2em;  }

div#secondary p {  line-height:1.5;  margin:5px 0;  color:#666;  }

/* Search input */
form#searchform {  position:relative;  height:20px;  margin-bottom:20px; margin-top: 20px; }

form#searchform input#s {  position:absolute;  top:0;  height:18px;  width:126px;  padding:5px;  background:url(./images/text_bg.png) repeat-x;  border:1px solid #bcbcbc; margin-left: 10px;  }

input#search_submit {  position:absolute;  right: 10px;  }

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

ul#footer {  height:9px;  width:768px;  margin:0 auto;   text-align:center;  font-size:1em;  color:#ddd;  padding:9px 0;  }

ul#footer li { font-size: 12px;  display:inline;  margin-left:10px;  }

ul#footer li span {  position:absolute;  text-indent:-9999em;  }

ul#footer li a {  color:#ffeecc;  text-decoration:none; border-bottom: 1px dashed #ccc;  }

/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

-----------------------------------------------------------------------------*/

ol.commentlist {  margin-top:15px;  color:#555;  }

/* Background color for visitor comments */
ol.commentlist li {  background:#F1F1F1;  padding:10px;  margin:10px 0;  }

/* Background color for Admin comments */
ol.commentlist li.alt {  background:#EBF9FC;  }

textarea#comment {  width:500px;  }

#main p.comment_meta {  margin:0;  float:right;  }

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {  background:#FFF;  padding:20px;  }

body#commentspopup a {  color:#666;  }

body#commentspopup h1 a {  position:relative;  top:0;  left:0;  }

body#commentspopup h3 {  color:#555;  }

body#commentspopup p {  margin:10px 0;  color:#555;  }

body#commentspopup textarea {  width:340px;  }

/* Image stuff for 2.6.1 */
.aligncenter {  display: block;  margin-left: auto;  margin-right: auto;  }

.alignleft {  float: left;  }

.alignright {  float: right;  }

.wp-caption {  border: 1px solid #ddd;  text-align: center;  background-color: #f3f3f3;  padding-top: 4px;  margin: 10px;  -moz-border-radius: 3px;  -khtml-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  }

.wp-caption img {  margin: 0;  padding: 0;  border: 0 none;  }

.wp-caption-dd {  font-size: 11px;  line-height: 17px;  padding: 0 4px 5px;  margin: 0;  }

p.entry_info {  clear:both;  }

div.navigation {  margin:10px 0;  }

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {  content:".";  display:block;  height:0;  clear:both;  visibility:hidden;  }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */



#navlinks { font-size: 9pt; width: 790px; text-align: right; display: block; padding-bottom: 6px; color: #dc9;  }

#navlinks a:link, #navlinks a:visited, #navlinks a:active { color: #fec; text-decoration: none; }
#navlinks a:hover { color: #fec;  }