/*
Theme Name: Photog
Theme URI: http://www.dewdropwebs.com/WPthemes/?p=55
Description: "Photog" is a gray/red photography layout with fixed width, two columns, top page menu, and right sidebar
Version: 1.3
Author: DewDrop
Author URI: http://www.dewdropwebs.com/WPthemes/
Tags: fixed-width, right-sidebar, two-columns, dark, red
*/

/* Basics */
body, img, ul, ol, li, blockqote, code, small, table, th, tr, td, hr, p, h1, h2, h3, h4, h5 {margin:0; padding:0;}
a {text-decoration:none; color:#1670AE;}
a:hover {color:#D35B0B;}
.aligncenter {
	display:block;
	margin:0 auto;
	width:100%;
	}
.alignleft {float:left; padding:4px 4px 4px 0;}
.alignright {float:right; padding:4px 0 4px 4px;}
img {border:none;}
ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}
blockquote{
	margin:10px 22px; padding:10px;
	font-size:normal; color:#000000;
	background:#ffffff; opacity: 0.5;filter:alpha(opacity=50);
	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;

	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	}
pre {overflow:auto; word-wrap: break-word;}

th, td {
	background:#eeeeee; 
	border:1px solid #D8D5D5; border-right:2px solid #D8D5D5;
	padding:2px; 
	}
th {
	background:#CABEBE; 
	}

hr {clear:both; color:#E5E8EE;}

/* deal with clearing floating divs */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	.clearfix {display:inline-block;}
	.clearfix {display:block;}
	
/*  Body  */
body {
	background:#444242;
	font: small/140% Verdana, Arial, Helvetica, sans-serif;
	color:#D8D5D5; 
	}

/* Wrapper */
#wrapt {
	width:1000px; margin:0 auto;
	text-align:center;
	background:url('../images/repeater.jpg') repeat-y 0 -30px;
	}

/*  Header  */
#header {
	background:url('../images/header.jpg') no-repeat; 
	height:250px; width:100%;
	text-align:left;
	}
#header img {}
#header h1 {
	font-size:x-large; 
	width:320px;
	letter-spacing:0.2em;
	margin:10px 0 0 250px; 
	}
div>#header h1 {margin:40px 0 0 250px;}
#header h2 {
	font-size:x-small; 
	letter-spacing:0.1em;
	width:320px; 
	margin:30px 0 0 260px; 
	color:#C1A0A0;
	}
div>#header h2 {font-size:small; }
#header a {color:#A89998;}
#header a:hover {color:#F5FAF6;}

/*  Top Menu, inside of Header */
#menu {width:890px; margin:0 0 0 70px;}
#menu ul {list-style:none;}
#menu li {float:left; height:40px;}
#menu a {
	float:left; height:40px; 
	padding:4px 20px 0 20px;
	color:#472F2E; 
	}
div>#menu a {padding:14px 20px 0 20px;}
*:first-child+html #menu a {padding:8px 20px 0 20px;} /* IE7 hack */
#menu a:hover {color:#DCD0D0;}
#menu li.current_page_item {}
#menu li.current_page_item a, #menu li.current_page_ancestor a {
	color:#F5FAF6;
	height:40px;
	}
	
#Trss {margin:-50px 0 0 -882px;}
*:first-child+html #Trss {margin:-50px 0 0 -880px;} /* IE7 hack */
	
/*  Main Content */
#content { 
	width:560px;
	margin:30px 0 0 34px; 
	text-align:justify;
	float:left;
	}
div>#content {margin:30px 0 0 70px;}
#content h1 {
	font-size:large; color:#1670AE;
	font-weight:300;
	}
#content h1.archivetitle, #content h1.searchtitle {
	text-align:center; clear:both;
	padding:0 0 10px 0; 
	}
#content h2 {
	font-size:medium; color:#1670AE; 
	}
#content h3 {font-size:small; margin:.5em 0;}
#content h4 {font-size:small; margin:.4em 0;}

.entry {margin:8px 0 0 0;}	
.entry p {margin:6px 0; font-size:small;}	
.entry ul, .entry ol {margin-left:40px;}

.post {color:#000000;}
.post h1 {margin:0 0 6px 0; }
.post-date {
	width:44px; height:49px; 
	float:left; margin:0 0 0 -56px;
	text-align:center;
	color:#000000;
	}
.post-month {
	font-size:11px;
	text-transform:uppercase;
	display:block;
	line-height:11px;
	}
.post-day {
	font-size:18px;
	text-transform:uppercase;
	display:block;
	line-height:18px;
	}
.post-year {
	font-size:6px; line-height:6px;
	text-transform:uppercase;
	display:block;
	padding-top:3px;
	}
.postmetadata {
	clear:both; 
	background:url('../images/metaback.jpg') no-repeat bottom left;
	margin:4px -12px 0 -9px; padding:0 0 50px 0;
	border-top:1px dashed #B56732;
	}
.postmetadata ul {
	display:block; list-style-type:none;
	line-height:130%;
	clear:both;
	}
.postmetadata ul li{
	float:left; margin-left:4px;
	}

.navigation {
	float:right;
	margin:-54px 0 0 0;
	width:400px; 
	}

/* Sidebar */
#sidebar {
	width:228px; float:left; 
	margin:-64px 0 0 75px;
	text-align:left; 
	}
#sidebar a {color:#A0A2C1;}
#sidebar a:hover {color:#46EC62;}
#sidebar h2 {
	font-size:10pt; color:#1670AE;
	margin:0 0 14px 0;
	text-align:center;
	}
#sidebar p {margin:0 6px 0 12px; padding: 0;}
#sidebar ul{
	list-style:none;
	margin:0 0 2px 0; padding:0; 
	}
#sidebar ul li{
	margin:2px 0 2px 12px; padding:0;
	text-indent:-12px;
	line-height:120%;
	}
#sidebar ul ul{
	margin:0 0 0 -12px; padding:0;
	list-style:none;
	}
#sidebar ul li ul li{
	background:url('../images/bullet.gif') no-repeat;
	background-position:0 3px;
	padding-left:24px;
	margin:2px 0;
	line-height:120%;
	}
.wdgtbox {
	margin:30px 8px; 
	}

/* RSS Widget */
.rsswidget img {
	display: none;
	}
#sidebar h2 a.rsswidget{
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
#sidebar h2 a.rsswidget a:hover{
	text-decoration: none;	
	}

/* Calendar Widget */
#wp-calendar {
	margin: 0 auto;
	text-align: left;
	}
#wp-calendar a{ 
	margin: 0;
	padding: 0;
	}
	
/* text Widget */
.textwidget {margin:0 12px 0 12px; padding: 0;}

/* Comment Form */
#commentform {
	padding:10px; 
	overflow : hidden; _height : 1%; /* IE7 clearing hack */
	}
*:first-child+html #commentform {margin:-2px -10px -28px -10px;} /* IE7 hack */
#commentform h3 {margin:0 0 10px 0; padding:0; text-align:center;}
#commentform form p {margin:0 0 0 24px; padding:0;}
#commentbox{
	width:496px; margin:6px 0 0 24px;
	}
#author, #email, #url{margin:5px 5px 0 0;}
#submit{margin:5px 5px 0 0;}

/* Comments */
#comments{ 
	margin:-8px 0 0 0; 
	padding:10px;
	}	
#comments p  {margin:1em 0;}
ol.commentlist {margin:0 35px 0 65px; padding:0;}
ol.commentlist li {
	background: #EBDEDD;
	margin:10px -30px 10px -30px;
	padding:6px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:0px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;

	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	}
ol.commentlist li.alt {background:#FAFBFA;}
ol.commentlist a {}
ul.comment li {
	margin:0.5em 0;
	text-align:left;
	}
cite {}
small.commentmetadata {}
img.avatar {
	float:right; 
	margin:0 -28px 0 4px; padding:2px;
	_margin:16px 0 0 4px;		/* IE6 hack */
	width:50px; height:50px;
	border-left:solid 1px #aaaaaa; border-top:solid 1px #aaaaaa;
	border-right:solid 1px #E8F3F9; border-bottom:solid 1px #ffffff;
	}
*:first-child+html img.avatar {margin:20px 0 0 0;} /* IE7 hack */

/* Theme Search */
#Tsearch {
	float:right; width:240px;
	margin:-156px 8px 0 0;
	}
div>#Tsearch {margin:-156px 14px 0 0;}
*:first-child+html #Tsearch {margin:-154px 14px 0 0;} /* IE7 hack */
.s {
	float:left;
	width:154px; height:20px;
	font-size: 16px;
	color:#282828; 
	background:transparent; border:0;
	}
.searchButton {
	float:right; margin:-6px 12px 0 0;
	width:21px;
	height:36px; 
	}

/* Widget Search */
#searchform {margin:8px 0 8px 12px; padding:0;}	
#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;	
	border:1px solid #BCBCBC;
	color: #6A6A6A;
	margin: 4px 0 0 0;
	padding: 2px 2px 2px 4px;
	}	

/* Footer */
#footer {
	clear:both; text-align:left;
	width:100%; height:70px; 
	color:#6B6969;
	background:url('../images/footer.jpg') no-repeat;
	}
#footer p {
	margin:0; padding:6px 0 0 80px;
	font-size:x-small;
	}
div>#footer p {font-size:small;}