/*
Theme Name: Benjie's Theme
Theme URI: http://benjiegillam.com/
Description: Based on my old theme.
Version: 0.1
Author: Benjie Gillam
Author URI: http://benjiegillam.com/
Tags: benjie gillam, benjie


*/

/*-------Clear Default Browser "Help"-------*/
body, h1, h2, h3, h4, p, em, strong, ul, li, img, a{
padding:0;
margin:0;
border:0;
font-size:13pt;
text-align: justify;
}
#sidebar, #sidebar body, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar p, #sidebar em, #sidebar strong, #sidebar ul, #sidebar li, #sidebar img, #sidebar a {
font-size:11pt;
}

body {
font-family:"Lucida Grande", "Trebuchet MS", Verdana,Arial,sans-serif;  
color:black; 
line-height: 1.2em;
}
.serendipity_entryFooter {
  font-size: 0.8em;
  font-style: italic;
}
/*-------Body-type Stuff-------*/
.divBackground {
width:1000px;
margin: 0 auto;
position: relative;
overflow:hidden;
background: white url(background.png) repeat-y;
}

/*use padding for the margins... leave margins alone for the shadows*/
.divPage{
margin:0 40px;
padding:0 10px;
}

/*-------Header Stuff-------*/
.divHeader {
background: white url(banner.jpg) no-repeat;
position:relative;
width:890px;
height:86px;
margin:0 auto;
}

.divHeader h1{
font-size:1.0em;
font-weight:bold;
font-style:italic;
display:inline;
color:white;
position:absolute;
top:56px;
left:100px;
}

.divButtons{
width:890px;
height:20px;
margin:0 auto;
background: white url(button-background.png) repeat-x;
font-weight:bold;
font-size:0.9em;
text-align:center;
}

.divButtons ul{
margin:0;
padding:0;
}

.divButtons li{
list-style:none;
display:inline;
margin:0 15px;
}

.divButtons a{
text-decoration:none;
border-style:none;
color:white;
padding:0 15px;
}

a:hover{
background:#006BD5;
color:white;
}

.divButtonLeft{
width:8px;
height:20px;
float:left;
background: white url(button-left.png) no-repeat;
}

.divButtonRight{
width:10px;
height:20px;
float:right;
background: white url(button-right.png) no-repeat;
}
/*-------Uber-Wrapper-------*/
.divMiddle{
}

/*-------Side Panel-------*/
.divSidePanel{
width:160px;
float:left;
margin:30px 6px 10px 0;
}

.divBox{
width:172px;
font-size:0.9em;
margin-bottom:6px;
}

.divBoxTitle{
background: white url(box-title.png) no-repeat;
width:100%;
height:28px;
}

.divBoxTitle h1{
color: white;
font-size; 1.0em;
font-weight:bold;
padding: 4px 15px;
}

.inputFormRounded{
border:none;
margin:none;
background: transparent url(input-rounded.png) no-repeat;
height:25px;
width:70px;
padding:3px;
text-align:center;
}


.divBoxContent{
background: white url(box-background.png) repeat-y;
width:auto;
}

.divBoxContent p{
padding: 4px 15px;
}

.divBoxBottom{
background: white url(box-bottom.png) no-repeat;
width:100%;
height:13px;
}

/*-------Content Stuff-------*/
.divContent{
width:700px;
float:left;
margin-left: 20px;
margin-top:30px;
}

.divContentTop{
margin:0px auto;
margin-bottom:30px;
padding:0;
width:600px;
text-align:center;
font-size:1.0em;
}

.divContentMiddle{
width:680px;
margin:0 auto;
clear:both;
}

.divImgAndCaption{
width:160px;
float:left;
text-align:center;
margin:1px;
}

.divImgAndCaption h2{
font-size:1.3em;
font-weight:bold;
color:#006BD5;
}

.divImgAndCaption p{
font-size:1.0em;
font-weight:normal;
color:black;
}

.divNews{
width:500px;
margin: 30px auto;
color:#666;
}

.divNews h2{
font-size: 1.2em;
font-weight:bold;
padding:5px;
}

.divNews p{
font-weight:normal;
padding:3px;
}

ul{
font-weight:normal;
padding:3px;
}

li{
font-weight:normal;
margin-left:30px;
}

/*-------Body-type Stuff-------*/
.divBackgroundBottom {
width:1000px;
height:62px;
margin: 0 auto;
position: relative;
background: white url(background-bottom.png) no-repeat;
}

/*-------Footer-------*/
.divFooter{
clear:both;
font-size:0.7em;
text-align:center;
width:500px;
margin: 0 auto;
padding:20px;
}

/*-------General Stuff-------*/
a{
text-decoration:none;
font-weight:bold;
}
.divContentTop a{
border-width: 0px 0px 2px;
border-style:dotted;
}

.brBoth{
clear:both;
}

.imgShadow{
width:140px;
height:140px;
padding:5px 12px;
background: white url(img-shadow.png) no-repeat;
display:block;
margin:0 0 10px 0;
}

.aimgShadow{
width:140px;
height:140px;
padding:7px 12px;
background: white url(img-shadow.png) no-repeat;
display:block;
margin:0 0 10px 0;
border:none;
}

.aimgShadow:hover{
width:140px;
height:140px;
padding:7px 12px;
padding-top:10px;
background: white;
display:block;
margin:0 0 7px 0;
}

.aButtonGo{
width:38px;
height:28px;
border:none;
margin:none;
padding:none;
background:transparent url(button-go.png) no-repeat;
background-position:0 -28px;
}
.aButtonGo:hover{
background-position:0 0;
}

div.pageComponent {
  margin:0;
  padding:0;
}
p {
  padding-top:0;
}
.stretchtoggle p {
  font-size:1em;
}
h2 {
  color: #006bd5;
}
hr {
  border:0;
  height:1px;
  border-bottom: 2px dashed white;
  background-color:transparent;
}

.help .helpInner {
  display: none;
}
.help {
  font-size:0.9em;
  color:#4d4d4d;
}
input.text,input.password,select.select {
  font-size: 1em;
  font-weight: bold;
  background-color: #FCF1D1;
  color: #4d4d4d;
  border-top:2px solid black;
  border-left:2px solid black;
  border-bottom:2px solid #FFffff;
  border-right:2px solid #ffffff;
  padding: 1px 2%;
  text-align:center;
  width: 93%;
}
select.select {
  padding:0;
  width: 97%;
}
textarea {
  width:100%;
}
.inline-h4 {
  font-size: 0.9em;
}
span.deleteCross  a {
  background-color:#fb6060;
}

.pageListButton1 {
  background-color: #5ca3eb;
}
.pageListButton2 {
  background-color: #dbb955;
}

/*-------Formats for C&P------*/
.divImagesX4{
width:680px;
margin:0 auto;
clear:both;
}
.divImagesX3{
width:510px;
margin:0 auto;
clear:both;
}

.divImagesX2{
width:340px;
margin:0 auto;
clear:both;
}

.divContentImagesRight{
width:500px;
float:left;
}
.divContentImagesLeft{
width:500px;
float:right;
}

.divContent700pix{
width:700px;
margin: 15px auto;
text-align:justify;
font-size:1.0em;
clear:both;
}

.divContent600pix{
width:600px;
margin: 15px auto;
text-align:justify;
font-size:1.0em;
clear:both;
}

.divContent500pix{
width:500px;
margin: 15px auto;
text-align:justify;
font-size:1.0em;
clear:both;
}

.h2Small{
font-size:1.0em;
padding:5px 0;
}

.h2Medium{
font-size:1.1em;
padding:5px 0;
}

.h2Large{
font-size:1.2em;
padding:5px 0;
}
      body {
        background-color: #666;
        color: #ccc;
        font-weight: 400;
      }
      a {
        color: white;
        font-weight: bold;
      }
      #main,body.mceContentBody {
        background-color: black;
      }
      .inner {
        padding-left: 1%;
        padding-right:1%;
        border-left:2px solid white;
        border-right:2px solid white;      
      }
      /*h3 {                  padding-left: 2%; }
      .news {               padding-left: 3%; }
      .indent,.news .body { padding-left: 4%; }*/
      .componentInnerContent{padding-left: 4%; }
      .news .head {
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
      }
      h1,h2,h3 {
        color:white;
      }
      h1 { font-size:1.6em; line-height:1.6em;}
      h2 { font-size:1.4em; line-height:1.4em;}
      h3 { font-size:1.2em; line-height:1.2em;}
      .h2WidgetTitle { height:1.4em;}
      .news .head .date {
        float: right;
        font-style: italic;
      }
      ul ul {
        font-size: 0.85em;
      }
      .small {
        font-size: 0.7em;
      }
      .grade {
        float: right;
      }
      .grades {
        list-style: none;
      }
      .grades .even {
        background-color: #333;
      }
      .grades .odd {
        background-color: #666;
      }
      .round {
        background-color: #666;
        height:6px;
      }
      .l1,.l2,.l3,.l4,.l5,.l6 {
        height: 1px;
        display: block;      
        font-size:1px;
      }
      .l1,.l2 {
        background-color: white;
      }
      .l3,.l4,.l5,.l6 {
        background-color: black;
        border-left:2px solid white;
        border-right:2px solid white;
      }
      .l1 { margin:0px 6px;}
      .l2 { margin:0px 4px;}
      .l3 { margin:0px 3px;border-width:3px;}
      .l4 { margin:0px 2px;}
      .l5 { margin:0px 1px;}
      .l6 { margin:0px 1px;}
      hr {
        height:0;
        border:0;
        border-bottom: 2px solid white;
      }
      img {
        border:0;
      }
      .footclear {
        height:25px;
        background-color: #666;
      }
      #main,#sidebar {
        position:absolute;
        top: 25px;
      }
      #main {
        left: 25px;
        right: 270px;
      }
      #sidebar {
        right: 25px;
	width:220px;
        background-color: #333;
      }
      #sidebar .inner ul a {
        text-align: left;
      }
      #sidebar .l3,#sidebar .l4,#sidebar .l5,#sidebar .l6 {
        background-color: #333;
        border-left:2px solid white;
        border-right:2px solid white;
      }
      #sidebar .round {
        background-color: #666;
      }
      #sidebar ul {
        list-style: none;
      }
      #sidebar .inner {
        padding-left:10px;
        padding-right:10px;
      }
      #sidebar li {
        margin-left: 0px;
        margin-right: 0px;
      }
      #sidebar li li {
        margin-left: 10px;
        margin-right: 0px;
      }
.eyeimage {
  padding-top:25px;
  text-align:center;
}
.eyeimage img {
  border:1px solid white;
}
.aboutbenjie {
  font-size:8pt;
  line-height:normal;
  text-align:center;
  margin:5px;
}
p {
  margin-bottom:10px;
}



.serendipity_entry {
  background-color:#222;
  padding:5px;
  padding-left:  10px;
  padding-right: 10px;
}
.continue_reading {
  padding:0.6em;
  display:block;
  text-align:center;
}
.continue_reading a {  
  border: 2px dashed #ccc; 
  padding:0.3em;
  margin:0.3em;
  background-color: #333;
}

#content {
}
#footer {
  text-align:center;
  padding-bottom:10px;
  font-size: 10pt;
  line-height:normal;
  clear:both;
}
#footer p {
  margin-bottom:0;
  text-align:center;
}
#searchform div {
  text-align:center;
}
#s {
  width: 130px;
}
.headerdivide {
  margin-top:10px;
  margin-bottom:10px;
  height:0;
  border-top:2px solid white;
}

#twitter_update_list {
  font-size: 8pt;
  line-height:normal;
  overflow:hidden;
}
#twitter_update_list li {
  padding-bottom:10px;
}
hr {
  margin:1px;
}


/* BEGIN CSS for wp-states-highlight plugin */

code.source {
    border: 1px solid lightgrey; 
    padding: 5px;
    display: block;
    white-space: pre;
    overflow: auto;
    color: #ccc;
    font-weight:bold;
  }
  .enscript-comment {font-style: italic; color: #B22222;}
  .enscript-function-name {font-weight: bold; color: #fff;}
  .enscript-variable-name {font-weight: bold; color: #B8860B;}
  .enscript-keyword {font-weight: bold; color: #0F0;}
  .enscript-reference {font-weight: bold; color: #5F9EA0;}
  .enscript-string {font-weight: bold; color: #BC8F8F;}
  .enscript-builtin {font-weight: bold; color: #DA70D6;}
  .enscript-type {font-weight: bold; color: #228B22;}

/* END CSS for wp-states-highlight plugin */

code.source { max-height:250px;}

.alignright {
  float:right;
}

.wp-caption {
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background-color:#0D0D0D;
  border:1px solid #222222;
  margin:10px;
  padding:4px;
  padding-top:8px;
  padding-bottom:0px;
  text-align:center;
}