/*
Theme Name: litwickimedia
Theme URI: http://www.litwickimedia.com/blog
Author: Litwicki Media LLC
Author: http://www.litwickimedia.com/
*/

/* Body */

html {
height: 100%;
}

.clear {
clear: both;
}

* {
margin: 0;
padding: 0;
}

body {
height: 100%;
width: 100%;
font-family: Georgia, serif;
font-size: 13px;
margin: 0;
padding: 0;
color: #252525;
background: url("/images/litwicki/bgwhite.jpg") #E0EFE0 repeat-y center;
}

body a {
color: #669966;
text-decoration: underline;
}

body a:hover {
text-decoration: none;
color: #99cc99;
}

#mastercontainer { 
min-height: 100%;
height: auto !important;
height: 100%;
}

/* Header */

.header {
width: 100%;
height: 170px;
background: #99cc99 url(/images/litwicki/tilebg.jpg);
margin: 0 0 20px 0;
border-bottom: 10px solid #000;
overflow: hidden;
}

#logo {
margin: 0 0 0 20px;
height: 150px;
width: 200px;
background: url("/images/logos/blog_header_logo.png") no-repeat 0px 0px;
position: absolute;
top: 20px;
border: none !important;
}

#logo img { height: 0; width: 200px; border: none !important; }

#logo:hover {
background-position: 0 -150px;
}

#slogan { height: 70px; width: 450px; clear: bottom; margin: 20px 0 0 300px; background: url("/images/litwicki/slogan.png") no-repeat; }

#page-header-wrap {
width: 1000px;
margin: 0px auto;
padding: 0;
}

#page-header-left { width: 200px; float: left; margin: 0; padding: 0; }
#page-header-right { width: 800px; float: right;  }

#page-body { padding-bottom: 20px; }
#page-left { width: 250px; float: left; }
#page-right { width: 750px; float: left; padding: 0 0 20px 0; }

/* Main Content */

.container {
width: 1000px;
margin: 0px auto 0;
height: 100%;
clear: both;
}

.main-content {
margin: 0 auto;
height: auto;
min-height: 100%;
}

.post {
width: 700px;
margin: 0 0 20px 0;
}

* html .post {
margin-bottom: 0px;
}

.post li {
list-style: url(images/bullet.gif) outside;
padding: 0px;
margin: 3px 0px;
}

.post ul {
margin-left: 30px;
}

.post li.linkcat {
list-style: none;
}

.post li.linkcat h2 {
display: none;
}

.post li ul {
margin-left: 0px;
}

h2 {
font-size: 1.5em;
color: #669966;
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 10px;
font-family: "Trebuchet MS", Arial, sans-serif;
}

h2 a {
color: #669966;
text-decoration: none;
}

.divider {
width: 530px;
height: 1px;
background: url(images/border.gif) repeat-x;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}

.post-data {
float: left;
width: 95%;
height: 15px;  
background: url(images/border.gif) bottom repeat-x;
padding: 15px 5px;
margin-bottom: 15px;
font-size: .9em;
font-family: "Trebuchet MS", Arial, sans-serif;
}

* html .post-data {
margin-bottom: 15px;
}

*+html .post-data {
margin-bottom: 15px;
}

.post-data a {
color: #669966;
text-decoration: none;
}	

.post-data img {
margin-right: 10px;
}

.entry p {
margin: 10px 0 0 0;
}

.entry img {
max-width: 530px;
}

.entry img a {
border: none;
}

.entry .left {
float: left;
margin: 0 5px 0 0;
}

.entry .right {
float: right;
margin: 0 0 0 5px;
}

.entry {
line-height: 20px;
}

code {
font-family: Courier;
margin: 1em;
border: 1px solid #99cc99;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 10px;
font-size: .9em;
display: block;
clear: both;
background: #add6ad;
}

code blockquote {
background: #E0EFE0;
border: 1px solid #99cc99;
color: black;
margin: 1em 0 1em 1em;
padding: 10px;
}

.entry blockquote {
padding: 20px;
font-style: italic;
}

.pages {
line-height: 20px;
background: url(images/border.gif) bottom repeat-x;
padding-bottom: 15px;
}

.pages p {
margin: 10px 0;
}

.bottom-nav {
width: 520px;
margin: 15px 0px 30px;
position: relative;
z-index: 99;
}

.bottom-nav a {
color: #232323;
text-decoration: none;
}

.bottom-nav-left {
float: left;
}

.bottom-nav-right {	
float: right;
}

/* Side Bar */

.sidebar {
padding: 0 30px 0 10px;
float: left;
font-size: .85em;
font-family: Arial, sans-serif;
color: white;
}

.sidebar ul, .sidebar li {
margin: 0;
padding: 0;
}

.sidebar ul {
margin-left: 25px;
}

.sidebar ul li ul { 
margin-bottom: 15px;
margin-left: 0px;
}

.sidebar li.widget {
list-style: none;
margin: 0 0 15px;
padding: 0;
}

.sidebar li.widget ul li {
padding: 3px 0px 5px 0px;
margin-bottom: 3px;
}

.sidebar ul li {
list-style: none;
}

.sidebar li.linkcat h2 {
display: none;
}

.sidebar li.linkcat {
margin-top: -15px;
}

* html .sidebar li.linkcat {
margin-top: -10px;

}
*+html .sidebar li.linkcat {
margin-top: -10px;
}

.sidebar ul li ul li {
padding: 5px 0px 5px 0px;
margin-bottom: 3px;
}

.sidebar ul li ul li ul {
	margin-top: 10px;
	margin-bottom: -5px;
}

.sidebar ul li a {
text-decoration: underline;
color: #99cc99;
}

.sidebar ul li a:hover {
text-decoration: none;
color: #add6ad;
}

.sidebar ul li a {
text-decoration: underline;
color: #99cc99;
}

.sidebar ul li a:hover {
text-decoration: none;
color: #add6ad;
}

.sidebar h2 {
margin: 0px 0 10px -15px;
padding: 0px;
color: white;
}

.sidebar .textwidget {
margin-left: -15px;
width: 180px;
line-height: 18px;
}

.sidebar .textwidget ul {
margin-left: 15px;
}

.sidebar #search {
margin-left: -15px;
}

.sidebar #search .search {
border: 1px solid #9a9a9a;
width: 135px;
float: left;
height: 13px;
padding-top: 3px;
font-size: 10px;
padding-left: 5px;
}

.sidebar ul li#search form#searchform input{
display: none;
}

#wp-calendar {
margin-left: -15px;
margin-top: -25px;
}

#wp-calendar caption {
font-size: 18px;
color: #111111;
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 10px;
margin-left: -10px;
}

.sidebar ul li.widget_tag_cloud h2 {
margin-left: 0px;
}

.sidebar ul li.widget_tag_cloud {
margin-left: -15px;
}

/* Comments Template*/
.comments-template {
margin: 0 0 25px 25px;
}

.comments-template ol {
list-style: none;
width: 450px;
margin-top: 20px;
}

.comments-template ol li {
line-height: 18px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #d2d2d2;
background-color: #ffffff;
}

.commentmetadata {
font-size: 12px;
margin: 10px 0px;
}

.commentmetadata a {
color: #2279a6;
}

.comments-template small {
font-size: 11px;
}

.comments-template p.nocomments {
padding: 0;
}

.comments-template textarea {
background: #E0EFE0;
padding: 5px;
border: 5px solid #E0EFE0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #000;
font-family: "Trebuchet MS", Arial;
width: 90%;
}

.comments-template textarea#comment {
margin: 15px 0;
}

.comments-template input#author, .comments-template input#email, .comments-template input#url {
margin: 10px 5px 5px 0px;
height: 16px;
width: 300px;
}

span.comment-text p {
padding: 10px 0;
}

/* Footer */

.footer {
background: url("/images/litwicki/tilebg.jpg");
border-top: 10px solid #000;
clear: both;
text-align: left;
margin: 0 auto;
}

.footer a, .footer ul li a { color: #fff; font-weight: bold; }
.footer a:hover, .footer ul li a:hover { color: #add6ad; }

.footer-content {
width: 980px;
margin: 0 auto;
text-align: left;
font-family: "Trebuchet MS", Arial, sans-serif;
color: white;
padding: 20px;
}

.footer ul { padding: 1em 0; list-style: none; }
.footer ul li { display: inline; margin-right: 10px; font-size: .9em; }

.small { font-size: .85em; }



#page-nav ul 
{
	margin: 20px 20px 0 0;
	list-style: none;
	float: right;
}

#page-nav li 
{
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #99cc99;
	margin: 0 1px;
}

#page-nav li.first, #page-nav li.first a:hover {
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
}

#page-nav li.last, #page-nav li.last a:hover {
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
}

#page-nav a 
{
	display: block;
	text-decoration: none;
	color: #000;
	/*width: 100%;*/
	padding: 10px 15px;
	margin: 0;
}

*+html #page-nav a { padding-left: 10px !important; }

#page-nav .section { font-size: 1.5em; display: block; font-family: Georgia, serif; text-transform: uppercase; letter-spacing: 1px; margin:0; padding:0;}
#page-nav a .section { color: #000; }

#page-nav a:hover {
	background: #add6ad;
}

#page-nav .hire-us {
	background: #E0EFE0;
}

#page-nav li#page-nav-active a {
	color: #E0EFE0;
	background: #000;
}

#page-nav li#page-nav-active a:hover {
	color: #fff;
	background: #000;
}

#page-nav li#page-nav-active { 
	background: #000;
	padding: 4px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	margin-top: -8px;
}

#page-nav li#page-nav-active a  .section{
	color: #fff;
}