/* Start of CMSMS style sheet 'SABare' */
/*  
THEME NAME: SABare
THEME URI: http://www.sabvogel.com
DESCRIPTION: Clean, easy to navigate, and content-centered.
VERSION: 0.1
AUTHOR: Bas Vogel
AUTHOR URI: http://www.sabvogel.com/
INSPIRED BY: "blog.txt" (URI: http://www.plaintxt.org/themes/blogtxt/) by Scott Allan Wallick - http://scottwallick.com/ 
*/

/********** GENERAL SETTINGS ************/

/*** Removing all default paddings and margins ***/
* {margin:0; padding:0; }

/*** Set font size for all divs (this overrides some body rules) ***/
*/
div {font-size: 1em;}

/*** Img inside a "a" would result in borders. This we remove here ***>
img { border: 0; }

/*** Setting Basis Fonts ***/
body { font: 80%/150% georgia, times, serif; line-height: 1.8em;}
h1#title { font-family:"times new roman", times, serif; }
p#description, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif; font-weight: normal;}
div#colright, div#colright a, div#colright p { font-family: verdana, geneva, sans-serif; }
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.0em;}
h5 {font-size: 0.8em;}
h6 {font-size: 0,6em;}


/*** Setting Basic Colors ***/
Body { background: #fff; color: #000}
p#description, h2, h3, h4, h5, h6, div#colright p {color: #34425b;}
a {color: #34425b; text-decoration: none; font-weight: bold;}
a:hover {color: #000; text-decoration: underline;}

/*** Layout ***/
body {text-align: center}
p {margin-bottom: 1em;}
h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0;}
div#pagewrapper {width: 780px; margin: 0 auto; text-align: left; padding: 0 0 0 50px;}
div#colright {
   border-left: 1px solid #ccd0d6;
   float: right;
   margin-top: -9.5em;
   padding-left: 1.5em;
   width: 17em;
   background:#fff;}
div#col18left {
   border-right: 1px solid #ccd0d6;
   float: left;
   padding: 0 1.5em 0 0;
   width: 18em;
   background:#fff;}
div.widecolumn { padding: 0 .5em 0 .5em;}
div.narrowcolumn { padding: 0 19em 0 0;}
div.narowestcolumn { padding: 0 19em 0 19em;}
div#footer {padding-top: 3em; margin-top: 4em; text-align: center; font-size: 0.8em; background: url("uploads/templates/SABare/wig.gif"); background-repeat: no-repeat; background-position: center top;
}
div#footer a { font-weight: normal;}

/********** SPECIFIC SETTINGS ************/
/*** HEADER STUFF ***/

div#header { margin: 5em 0 5em -0.5em; }
h1#title, p#description { margin-left: 1px; }
h1#title {
	border-bottom: 0.1em solid #ccd0d6;
	font-size: 4em;
	letter-spacing: 1px;
	line-height: 65%;
	padding: 0 0 0 0.1em;
	z-index: 2;
}

h1#title a { font-weight: normal; color: #000;}
h1#title a:hover { text-decoration: none; color: #ccd0d6;}

p#description {	font-size: 1.2em; padding: 0 0 0 0.4em;}

/*** SIDEBAR SETTINGS ***/

/*** MENU SETTINGS ***/

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   display: block;
   width: 100%;
}

#menu_vert ul ul li {
   list-style: none;
   margin: 0;
   padding-left: 1em;
   display: block;
}

#menu_vert ul ul ul li {
   list-style: none;
   margin: 0;
   padding-left: 2em;
   display: block;
}

div#menu_vert a {font-weight: normal;}
div#colright h2 { font: 1.2em "times new roman", times, serif; text-transform: uppercase; margin-bottom: 0; font-weight: bold; margin: 0;}
div#menu_vert h3 { font-size: 1.0em; font-weight: bold; margin-top: 0; padding-bottom: 0; margin-bottom: 0;}

/*** NEWS SETTINGS ***/
div.NewsSummaryContent, div.NewsSummaryContent P {color: #34425b;}

/*** OTHER STUFF ***/
div.wig1 {display: block; position: relative; height: 1em; margin: 1em 0 0 0; background: url("uploads/templates/SABare/wig.gif"); background-repeat: no-repeat; background-position: center top;}div.wig2 {display: block; height: 1em; margin: 1em 0 0 0; background: url("uploads/templates/SABare/wig2.gif"); background-repeat: no-repeat; background-position: center top;}
div.marleft100 {margin-left: 100px;}
ul.accessibility{display: none;}
dfn {display: none;}
div.NewsSummary {padding: 30px 0px 30px 0px;}
div.NewsSummaryPostdate {font-size: 0.8em;}
div.NewsSummaryCategory {display: none;}
div.NewsSummaryAuthor {display: none;} 
div#NewsPostDetailSummary {padding: 30px;}
div#NewsPostDetailCategory {display: none;} 
div#NewsPostDetailAuthor {display: none;} 
div#NewsPostDetailContent {padding: 30px 0px 30px 0px;}
/*.InlineImage {padding: 10px;}*/
/*div#content img {padding: 20px;}*/

.LeftJustifiedImage {padding: 0px 20px 10px 0px; border: none;}
.RightJustifiedImage {padding: 0px 0px 10px 20px; border: none;}

/* FormBuilder  */
   form {margin-top:0}
   form, td, th, li { font-size: 100%}
   form div {margin-bottom:0}
   fieldset div {
      margin-bottom:0.5em;
      margin-left:1em;
   }
   fieldset div div {
      margin-top:0.5em;
      margin-left:1em
   }
   fieldset {
      margin-bottom:1em;
      border: none;
      padding:0.5em
   }
   fieldset label {
      width: auto;
   }
   legend {
      display: none;
      color:#FFF;
      background:#F60;
      font-style:italic;
      font-size:1.2em;
      margin-bottom:0.5em;
      padding:0.2em;
      width:auto;
      border:1px solid #CCC
   }
   textarea {
      margin: 0.5em 0;
      width:98%;
      height: 6em
   }

   /* Apply this class to text/select input fields with shorter labels
      to help alignment */
   .short-label label {float:left; width:10em}
   .short-label fieldset div input,
   .short-label fieldset div select {width:16em}

   /* Pretty up your Captcha image output */
   .captcha {
      margin:0.5em 0;
      width:200px;
      text-align:center
   }
   .captcha img {border:1px solid #F60; margin-bottom:0.5em}
   .captcha input {width:196px; margin-top:0.5em}

   /* Just a bit more room for the Submit button */
   .submit {margin-top:0.5em}

/* End of 'SABare' */