/*
Theme Name: PattersonGrafiks - Main Site
Theme URI: http://www.pattersongrafiks.com
Description: Main Stylesheet for Blog
Version: 1.2
Author: Scott Patterson
*/

/*-----------Block Level Elements--------------*/

body {
  background: url(images/main_background.jpg);
  margin: 0;
  padding: 0;
}

#wrapper {
  width: 770px;
  margin: 0 auto;
  padding: 0;
}

#header {
  width: 770px;
  float: left;
}

#header h2 {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 770px;
  background: url(images/main_header.jpg);
  text-indent: -9000px;
}

#header h2 a {
  display: block;
  width: 250px;
  height: 50px;
}

#navagation_area {
  margin: 0;
  padding: 0;
  width: 770px;
  height: 38px;
  float: right;
  background: #282828;
}

#sub_wrapper {
  width: 770px;
  margin: 0;
  padding: 0;
  float: left;
  background: url(images/sub_background.gif) repeat-y;
}

#content {
  width: 555px;
  float: left;
  padding: 0;
  margin: 0;
  color: #ccc;
  font: 12px/16px Verdana, Arial, sans-serif;
  background: #353535;
}

#content_alt {
  width: 770px;
  float: left;
  padding: 0;
  margin: 0;
  color: #ccc;
  font: 12px/16px Verdana, Arial, sans-serif;
  background: #353535;
}

#sub_content {
  padding: 15px;
  font: 12px/17px Verdana, Arial, sans-serif;
}

#sub_content img {
  margin: 0 15px 5px 0;
  padding: 2px;
  background: #bccfe3;
}

#sub_content img:hover {
  background: #fff;
}

#sub_content_alt {
  margin: -10px 15px 15px 15px;
}

#sidebar {
  width: 215px;
  float: right;
}

#footer {
  padding: 5px;
  margin: 0;
  font: 10px Arial, Verdana, sans-serif;
  color: #ccc;
  width: 760px;
  float: left;
  background: #282828;
}

#footer p {
  margin: 0;
  padding: 0;
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
  font: bold 10px Arial, Verdana, sans-serif;
  color: #bccfe3;
  text-decoration: none;
}

/*-------------The Post, and Alt Pages-------------*/

small {
  font: 10px Verdana, Arial, sans-serif;
}

.alignleft {
  text-align: left;
  float: left;
}

.alignright {
  text-align: right;
  float: right;
}

.center {
  text-align: center;
}

#navigation {
  font: 10px Verdana, Arial, sans-serif;
  padding: 0 0 10px 0;
}

acronym, abbr {
  border-bottom: 1px dotted #ffffff;
  cursor: help;
}

#content h2, #content_alt h2 {
  margin: 0;
  padding: 10px;
  font: bold italic 20px Arial, Verdana, sans-serif;
  background: url(images/title_back.gif) repeat-x;
}

#content h3, #content_alt h3 {
  margin: 5px 0 10px 0;
  padding: 0 0 3px 0;
  font: bold 17px Arial, Verdana, sans-serif;
  background: url(images/header_under_line.gif) no-repeat bottom left;
}

#content h3 a, #content_alt h3 a {
  color: #bccfe3;
  text-decoration: none;
}

#content h3 a:hover, #content h4 a:hover, #content_alt h3 a:hover, #content_alt h4 a:hover, #content h6 a:hover {
  color: #ccc;
  text-decoration: none;
}

#content h4, #content_alt h4, #content h6 {
  margin: -5px 0 0 0;
  padding: 0 0 0 12px;
  font: 10px Arial, Verdana, sans-serif;
  background: url(images/posted_by_icon.gif) no-repeat 0 1px;
}

#content h4 a, #content_alt h4 a, , #content h6 a {
  color: #bccfe3;
  text-decoration: none;
  font: bold 10px Arial, Verdana, sans-serif;
}

#content h5 {
  margin: 5px 0 5px 0;
  padding: 0 0 3px 0;
  font: bold 15px Arial, Verdana, sans-serif;
}

#content a, #content_alt a {
  color: #bccfe3;
  text-decoration: none;
}

#content a:hover, #content_alt a:hover {
  color: #ccc;
  text-decoration: none;
}

/*--------------Sidebar------------*/

#sidebar ul {
  color: #ccc;
  font: 10px/15px Verdana, Arial, sans-serif;
  margin: 10px;
  padding: 0;
}

#sidebar p {
  color: #ccc;
  font: 10px/15px Verdana, Arial, sans-serif;
  margin: 0 0 10px 0;
  padding: 0;
}

#sidebar ul li {
 margin: 0;
 padding: 0;
 list-style: none;
}
  
#sidebar ul h2 {
  border-bottom: 1px solid #aaa;
  color: #bccfe3;
  padding: 0 0 2px 0;
  margin: 5px 0 5px 0;
  font: bold 12px Verdana, Arial, sans-serif;
}

#sidebar ul ul {
  margin: 0;
  padding: 0;
}
  
#sidebar a:link, #sidebar a:visited, #sidebar a:active {
  color: #ccc;
  text-decoration: none;
}
  
#sidebar a:hover {
  color: #bccfe3;
  text-decoration: none;
}

/*--------------Comments--------------*/

.comment_area_alt {
  background: #3a3a3a ;
  border: 1px solid #444;
  padding: 10px;
  margin: 0 0 10px 0;
  width: 500px;
  float: left;
  display: block;
}

.comment_area_reg {
  background: #333;
  border: 1px solid #444;
  padding: 10px;
  margin: 0 0 10px 0;
  width: 500px;
  float: left;
  display:block;
}

.comment_date {
  width: 38px;
  height: 38px;
  float: left;
  margin: 0;
  padding: 0;
  font: bold 10px/13px Verdana, Arial, sans-serif;
  text-align: center;
  color: #fff;
}

.comment_text {
  float: left;
  width: 440px;
  margin: 0 10px 0 10px;
  font: 11px/13px Verdana, Arial, sans-serif;
}

.comment_text strong {
  color:#bccfe3;
}

.required {
  color: #bccfe3;
}
  
.comment_box {
  background: #3a3a3a;
  border: 1px solid #555;
  color: #ffffff;
  font-weight: bold;
  padding: 2px;
  margin: 0;
  font: 10px Verdana, Arial, sans-serif;
}

.comment_box_alert {
  background: #3a3a3a;
  border: 1px solid #d499a0;
  color: #ffffff;
  font-weight: bold;
  padding: 2px;
  margin: 0;
  font: 10px Verdana, Arial, sans-serif;
}

.comment_submit {
  background: #3a3a3a;
  border: 1px solid #555;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
  color: #ffffff;
  width: 70px;
  font: bold 10px Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

#comments a:link, #comments a:visited, #comments a:active {
  color: #bccfe3;
  text-decoration: none;
}

#comments {
  padding: 15px;
}
  
#comments a:hover {
  color: #ffffff;
  text-decoration: none;
}

.required {
  color: #bccfe3;
}

.comment_input {
  margin: 0 0 5px 0;
  padding: 0;
}

#error {
  font: bold 10px Verdana, Arial, sans-serif;
  color: #d499a0;
}

/*--------------Search Form-------------*/
  
#searchform {
  padding: 12px 10px 10px 10px;
}

#searchform input {
  vertical-align: middle;
}
  
#searchform input:hover, #searchform input:focus {
  border: 1px solid #bbbbbb;
  margin: 0;
}

.search_submit {
  background-color: #fff;
  border: 1px solid #aaa;
  color: #aaa;
  font-weight: bold;
  font: bold 10px Verdana, Arial, sans-serif;
}

.search_box {
  background-color: #fff;
  border: 1px solid #aaa;
  padding-left: 4px;
  padding-right: 4px;
  color: #666;
  width: 120px;
  font: 10px Verdana, Arial, sans-serif;
}
  
* html .search_box {
  padding: 1px 4px 1px 4px;
  height: 13px;
}

#searcharea {
  height: 42px;
  width: 215px;
  background: url(images/search_back.gif) repeat-x;
}
  
/*-------------Navagation------------------*/

#menu_nav {
  float: right;
  list-style-type: none; 
  padding: 0; 
  margin: 10px;
}
  
#menu_nav li {
  cursor: pointer;
  display: inline; 
  margin: 0 ;
  padding: 0;
  font: 11px Verdana, Arial, sans-serif;
}

li .menu_normal {
  margin: 0 3px 0 0;
  padding: 0 8px 1px 0;
  background: url(images/menu_back.jpg) right top no-repeat;
}

li .menu_rss {
  margin: 0 3px 0 0;
  padding: 0 16px 1px 0;
  background: url(images/rss_feed_icon.jpg) right top no-repeat;
}
  
#menu_nav a:link, #menu_nav a:active, #menu_nav a:visited {
  text-decoration: none;
  color: #999999; 
}
  
#menu_nav a:hover {
  text-decoration: none;
  color: #bccfe3;
}

/*-------------Portfolio / Photos------------------*/

#usage_tips {
  color: #ccc;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  display: none;
  height: 0px;
}

#useage_tips h3 {
  margin: 0;
  padding: 0;
}

#usage_tips_button {
  text-align: right;
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
}

#usage_tips_button a {
  color:  #bccfe3;
  text-decoration:  none;
}

/*-------------Temp Area------------------*/

#update {
  width: 750px;
  float: left;
  background: #efe9c0;
  color: #333;
  font: 11px Verdana, Arial, sans-serif;
  padding: 10px;
  margin: 0;
  }