/*
Theme Name: Jennifer Vanderploeg
Theme URI: http://www.jennifervanderploeg.com/
Description: The default WordPress theme based for <a href="http://www.jennifervanderploeg.com">Jennifer Vanderploeg</a>.
Version: 1.0
Author: In A Flash Graphics
Author URI: http://www.inaflashgraphics.com/
Tags: black, custom-header, fixed-width, two-columns
 
  Graphic Design:
    Copyright (R) In A Flash Graphics
    All rights reserved.
    http://www.inaflashgraphics.com
  
  Theme Development:
    Copyright (R) Nissi Solutions, LLC
    All rights reserved.
    http://www.nissisolutions.com 
*/

/* Reset
-------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
p, cite, code { padding-bottom: 1.2em; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { list-style: none; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 12px; margin-bottom: 0; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }



/* Body
-------------------------------------------------------------------*/
body {
  margin:     30px auto;
  width:      754px;
  font:       12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
  color:      #a7a7a7;
  background: #000;
}

/*h1, h2, h3, h4, h5, h6 { color: #2b4118; }*/
h1 { font-size: 130%; line-height: 130%; margin-bottom: 10px; }
h2 { font-size: 120%; line-height: 120%; margin-bottom: 7px; }
h3 { font-size: 110%; line-height: 110%; margin-bottom: 5px; }
h4 { font-size: 100%; line-height: 100%; margin-bottom: 5px; }
h5 { font-size: 100%; line-height: 100%; margin-bottom: 5px; }
h6 { font-size: 100%; line-height: 100%; margin-bottom: 5px; }

a, a:visited { color: #9e9e9e; text-decoration: none; }
a:hover { color: #fff; }

input, textarea { font: 12px "Lucida Grande", Arial, Verdana, sans-serif }

blockquote { 
  font: italic 14px/22px Georgia, Serif; 
  padding: 5px 10px;
  margin-bottom: 20px;
  background: #e4ede2; 
}



/* Layout
-------------------------------------------------------------------*/
.column.left { float: left; }
.column.right { float: right; }
.container { margin: 0 auto; clear: both; }

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Navigation
-------------------------------------------------------------------*/
.navigation { position: relative; z-index: 1; }
.navigation ul li { display: inline; float: left; padding: 0px 15px 0 20px; margin-top: 10px; background: transparent url('images/bullet1.png') no-repeat scroll 0% 50%; }
.navigation ul li a { color: #9e9e9e; }
.navigation ul li.current_page_item a, .navigation ul li a:hover { color: #fff; }

.secondary.navigation { position: relative; z-index: 1; float: right; }
.secondary.navigation ul li#twitter a { background: transparent url('./images/icons/twitter.png') no-repeat scroll 0 0; height: 0px; width: 24px; padding-top: 24px; overflow: hidden; margin-top: 7px; }



/* Header
-------------------------------------------------------------------*/
#header { background: #0059e5 url('./images/capbg.gif') no-repeat scroll 0 -16px; height: 90px; width: 834px; margin-top: 5px; }
#header img#logo { float: left; position: relative; top: 30px; left: 20px; }



/* Content
-------------------------------------------------------------------*/
#wrapper { background: transparent url('images/body_bg.gif') repeat-y top left scroll; }
#main { margin: 0 17px 0 95px; }
#content.column.left { width: 400px; margin: 10px 0px; }

#spotlight { width: 646px; margin-top: 12px; }
#announcements { width: 310px; height: 356px; overflow: auto; }
#announcements .post .date { font-style: oblique; color: #777; }



/* Content
-------------------------------------------------------------------*/
.post { margin-bottom: 30px; }



/* Sidebar
-------------------------------------------------------------------*/
#sidebar.column.right { width: 150px; margin: 10px 9px; padding: 0 6px; }
#sidebar ul { margin-bottom: 6px; }
#sidebar li { background: url('images/arrow.gif') no-repeat 2px 6px; padding-left: 12px; }



/* Footer
-------------------------------------------------------------------*/
#footer { margin: 10px 9px 0; padding-top: 6px; font-size: 90%; }
#footer, #footer a { color: #808080; }
#footer .alignright { text-align: right; }
#footer .alignleft { text-align: left; }