/*
Theme Name: Preview Pane Theme for TDDewey
Theme URI: N/A
Description:
Version:
Author:
Author URI:
*/

/*CONTENTS OF THIS CSS FILE:

- Defaults
- Header
- Content
- Sidebars
- Footer
- Wordpress Default
*/
* {margin:0; padding:0}

body {
	font-size:13px;
	font-family:Georgia,
             	"New Century Schoolbook",
             	"Nimbus Roman No9 L",
	             serif;
	color:#333;
	background-color:#fff;
	line-height:1.5em;
	}

a {
	color:#14405a;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

h1 { font-size:200%; font-weight:normal;}
h2 { font-size:180%; font-weight:normal;}
h3 { font-size:140%; font-weight:normal;}
h4 { font-size:130%; font-weight:500; }
p { margin: 1em 0; }

.entry {
	font-size:110%;
	line-height:1.5em;
	}

#header {
	background-image:url(images/headerbg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fff;
	min-height:	205px;
	position:fixed;
	width:100%;
	z-index:10;
	}

.small_header {
	height:75px !important;
	min-height:75px !important;
/*	position:fixed; */
	}

.smallheaderbuffer {
	height:75px;
	}	

.largeheaderbuffer {
	height:205px;
	}

.indexlist {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #ccc;
	}

.indexpreviewimg {
	width:300px;
	float:left;
	margin:-10px;
	}

.indexpreviewimg img {
	background-image:url(images/previewshadow.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:0px;
	padding:10px;
	border:0;
}

.indexrightcontent {
	width:600px;
	float:right;
	}

#header h1 {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:1000px;
	margin-left:-700px;
	height:205px;
	bottom:0;
	float:left;
	position:relative;
	z-index:305;
}

#header h1 a {
display:block;
height:205px;
}

#header h1.small {
	background-image:url(images/logo_75px.png);
	height:75px;
	width:500px;
	margin-left:-395px;
	}

#header h1.small a {
height:50px;
}

#tagline {
	font-size:200%;
	text-align:right;
	float:right;
	letter-spacing:.03em;
	padding:0 1.5em;
	line-height:1.5em;
	}

#tagline h2 {
	font-size:100%;
	font-weight:normal;
	}
	
.italic {
	font-style:italic;
	}

.home_largest {
	font-size:350%;
	float:right;
	clear:both;
	width:500px;
	margin-right:265px;
	margin-top:50px;
	line-height:normal;
	overflow:visible;
	}

.home_visit {
	float:right;
	clear:both;
	font-size:200%;
	font-style:italic;
	width:500px;
	margin-right:265px;
	margin-bottom:1.5em;
	}

.home_list {
	clear:both;
	width:500px;
	float:right;
	margin-right:265px;
	}
	
.home_list li {
	margin:.5em 0;
	font-size:150%;
	list-style-type:none !important;
	}

#clickclose {
	position:absolute;
	background-image:url(images/clicktoclose.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:70px;
	width:215px;
	bottom:25px;
	left:225px;
	}

#previewtray_wrap {
	width:1000px;
	left:50%;
	margin-left:-520px;
	z-index:100;
	position:fixed;
	}

.previewcontainer {
	float:left;
	width:462px;
	margin-right:6px;
	position:relative;
	}

#previewtray_inner {
/*	background-image:url(images/previewpane_splash.jpg);
	background-repeat:no-repeat;
	background-position:center center;
*/
}

#featuredpost {
	position:absolute;
	background-image:url(images/featured.png);
	background-repeat:no-repeat;
	background-color:transparent;
	z-index:121;
	width:450px;
	height:210px;
	top:105px;
	left:265px;
	padding:30px;
}

.closefeatured {
	background-image:url(images/closefeatured.png);
	background-repeat:none;
	width:20px;
	height:20px;
	cursor:pointer;
	float:right;
}

#previewtray {
	padding-left:55px;
	padding-top:15px;
	padding-bottom:10px;
	width:983px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/previewtray_background.png);
	background-repeat:repeat-y;
	background-position:center;
	}

.navigation {
	text-align:center;
	}

.preview {
	width:230px;
	background-color:#fff;
	float:left;
	font-size:115%;
 	filter:alpha(opacity=70);
  	opacity:0.7;
	height:110px;
	overflow:hidden;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	}

.twitter {
	background-image:url(images/twitter_background.png);
	background-repeat:no-repeat;
	}
	
.facebook {
	background-image:url(images/fb_background.png);
	background-repeat:no-repeat;
	}
	
.twitter-0, .facebook-0 { 	background-position:145px 20px;	}
.twitter-1, .facebook-1 {	background-position:-80px 20px; }
.twitter-2, .facebook-2 {	background-position:145px -80px; }
.twitter-3, .facebook-3 {	background-position:-80px -80px; }



.image img{
	}

.bottomleft, .bottomright {
	margin-top:6px;
	}

.bottomleft .clip {
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-radius:0 0 0 5px;
}

.bottomright .clip {
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-radius:0 0 5px 0;
}

.topleft .clip {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-radius:5px 0 0 0;
}

.topright .clip {
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-radius:0 5px 0 0;
}

.titleoverlay {
background-color:transparent;
opacity:60;
font-size:120%;
color:#fff;
position:absolute;
top:0;
z-index:120;
padding:5px;
width:200px;
left:50%;
margin-left:-100px;
text-align:center;
background-image:url(images/opacity-60.png);
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-radius:0 0 5px 5px;
}

.popit {
	z-index:1000;
	position:absolute;
	width:800px;
	margin-top:20px;
	margin-left:60px;
	padding:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #000;
	}

.popitcloser {
	position:absolute;
	z-index:101;
	right:0;
	margin-right:-15px;
	margin-top:-35px;
	}

.popitcloser img {
	border:0px;
	}

.popit .throbber {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.popitflickr, .popitsite_img {
	border:1px solid #999;
	padding:5px;
	margin-right:20px;
	float:left;
	max-width:400px;
	max-height:300px;
	}

.popittweet {
	background-image:url(images/quotes.png);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:200%;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	line-height:1.5em;
	}

.popittweet_meta {
	margin-top:2em;
	font-size:50%;
	}
	
.popittweet h2 {
	font-size:120%;
	font-weight:normal;
	}

.fbdisclaimer {
	font-size:50%;
	line-height:1.5em;
	}

.clear {
	clear:both;
	}

.topnav li a .navlabel {
/*	display:none;
*/	font-size:.7em;
	font-style:italic;
}

.topnav li a:hover .navlabel {
	display:block;
	}

.topnav {
	width:450px;
	float:left;
	position:relative;
	z-index:300;
	}

.topnav li a img {
	border:0;
	height:25px;
	width:25px;
	vertical-align:bottom;
	}

.topnav li.hovered {
	position:relative;
	}

.topnav li.hovered a {
	position:absolute;
	}

.topnav li {
	list-style-type:none;
	display:block;
	float:left;
	white-space:nowrap;
	}
	
.topnav li a {
	background-color:rgba(230,230,230,.5);
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:.5em;
	margin:5px;
	font-size:130%;
	display:block;
	float:left;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}

.topnav li a:hover {
	color:#14405a;
	text-decoration:none;
	background-color:#e5e6e6;
	}

.topnav li a:active {
	border-left:1px solid #333;
	border-top:1px solid #333;
	border-right:0;
	border-bottom:0;
	background-color:#c1c2c2;
	}

.topnav .more {
	padding-right:15px;
	background-image:url(images/topright.png);
	background-position:top right;
	background-repeat:no-repeat;
	}

.topnav ul {
	display:inline;
	position:absolute;
	left:-2000px;
	margin-top:.25em;
	z-index:301;
	width:400px;
	padding-left:20px;
	margin-left:-20px;
	}

.topnav ul li {
	display:inline;
	}

.topnav ul li a {
	font-size:110%;
	}

.ulshow {
	left:auto !important;
	}


h2.date {
	font-size:140%;
	text-align:right;
	margin-bottom:.25em;
	}

.blog h2 {
	font-size:170%;
	font-weight:normal;
	}

.post h2 {
	margin-top:.5em;
	margin-bottom:.5em;
	}

.facebook, .twitter, .mainfeed {
	padding:0 5px;
	width:220px;
	}

#shadow {
	position:fixed;
	left:50%;
	margin-left:-550px;
	z-index:150;
	}

#wrap {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding:50px 20px 20px 20px;
	background-color:#ececec;
	background-image:url(images/ececec.png);
	background-repeat:repeat;
	border-bottom-right-radius:			5px;
	-moz-border-radius-bottomright:		5px;
	-webkit-border-bottom-right-radius:	5px;
	border-bottom-left-radius:			5px;
	-moz-border-radius-bottomleft:		5px;
	-webkit-border-bottom-left-radius:	5px;
		
	margin-bottom:20px;
	}

.designpreviews {
	margin-left:-20px;
	}

.leftimgpreview {
	float:left;
	width:300px;
	height:100%;
	margin-right:13px;
	position:relative;
	}

.leftimgpreview img {
	background-image:url(images/previewshadow.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:10px;
	margin-bottom:0px;
	padding:10px;
	border:0;
	}
	
.hoverpreview {
	position:absolute;
	font-size:110%;
	background-image:url(images/opacity-60.png);
	z-index:1;
	padding:10px;
	text-align:center;
	color:#fff;
	left:50%;
	margin-left:-110px;
	top:20px;
	width:220px; 
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius:0 0 5px 5px;
	
	}

.hoverpreview h3 {
	font-weight:normal;
	font-size:110%;
	}

#footer {
	border-top:1px solid #ccc;
	padding-top:1em;
	margin-top:1em;
	text-align:right;
	color:#aaa;
	}

.previewtoggle, .preview {
	cursor:pointer;
	}

.meta {
	font-size:.8em;
}

.socbutton {
text-align:center;
background-position:left;
background-repeat:no-repeat;
color:#fff;
padding: 2px 5px 2px 5px;
font-weight:bold;
padding-left:22px; /* 17 + 5*/
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size:10px;
}

.twitter_share  {
background-image:url(images/twittersprite.png);
background-color:#48c4e5;
border: 1px outset #3ba2bd;
}

.socbutton:hover, .socbutton:hover {
	text-decoration:none;
	color:#fff;
	}

.twitter_share:active {
	background-color:#44b9d8;
	border:1px inset #3ba2db;
	}


.facebook_share {
background-image:url(images/facebooksprite.png);
background-color:#5F78AB;
border: 1px outset #5e77aa;
}

.facebook_share:active {
	background-color:#566d9b;
	border:1px inset #5e77aa;
	}

.flickr_share {
background-image:url(images/flickrsprite.png);
background-color:#3365af;
border: 1px outset #274d86;
}

.flickr_share:active {
	background-color:#2e5b9e;
	border: 1px inset #274d86;
	}

#pricing_wrap {
	background-image:url(images/prices_repeatbg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding-bottom:20px;
	width:921px;
	}

.pricingdiv {
	margin-top:-3px;
	width:447px;
	background-repeat:no-repeat;
	background-image:url(images/prices_header.jpg);
	background-repeat:no-repeat;
	padding:5px;
	}

#pricing_wrap div.left {
	background-position:top left;
	float:left;
	}
	
#pricing_wrap div.right {
	background-position:top left;
	float:right;
	}

#pricing_footer_wrap {
	background-image:url(images/prices_footer.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:250px;
	margin-top:-20px;
	width:921px;
	}

#pricing_footer_wrap div.left, #pricing_footer_wrap div.right {
	background-image:none;
	}

#pricing_footer_wrap div.left {
	float:left;
	}

#pricing_footer_wrap div.right {
	float:right;
	width:236px;
	}

.pricingdiv p.pull {
	width:330px;
	margin-left:10px;
}

.pricingdiv h3 {
	text-align:center;
	color:#fff;
	font-size:225%;
	padding:.5em;
	margin-left:-5px;
	margin-right:-5px;
	margin-top:-10px;
	}
.pricingdiv h4.price {
	float:right;
	text-align:right;
	font-size:200%;
	line-height:normal;
	}


/* basic-ass formatting */
.entry ul, .entry ol {
	margin-left:40px;
	}
.entry ul li {
	list-style-type:disc;
	margin-bottom:1em;
	}

.entry ol li {
	list-style-type:decimal;
	}

em {font-style:italic;}
strong {font-weight:bold; }

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

blockquote {
	margin-left:1em;
	margin-right:1em;
	padding:1px 10px;
	background-color:#f7f7f7;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-radius:3px;
	-mos-border-radius:3px;
	-webkit-border-radius:3px;
	background-image:url(images/blockquote.png);
	background-repeat:no-repeat;
	background-position:top left;
	}

/*contact form */
.webform {
	background-image:url(http://tddewey.com/wp-content/uploads/2009/02/testimg2_full.jpg);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	border-left:1px dotted #ccc;
	padding-left:20px;
	padding-top:0px;
	position:relative;
	}

.webform input {
	width:330px !important;
	}

.webform textarea {
	border-top:0px !important;
	background-image:url(images/input-bg-comments.png) !important;
	}

.webform textarea:focus {
background-position:top -1px;
	}

.webform #submit {
	width:auto !important;
	}

.leftcontact {
	float:left;
	width:250px;
	padding:10px;
	}

.leftcontact ul li {
	list-style-type:none;
	}

.ind {
	margin-left:1em;
	}

.leftcontact ul li .ind {
	margin-left:1em;
	font-size:110%;
	}

/*comments */

.share {
	margin:1em 0;
	}

.cancel-comment-reply {
	width:300px;
	float:left;
	}

.commentlist {
position:relative;
width: 920px;
z-index:0;
}

.commentlist li {
	list-style-type:none;
	}

.commentlist li .comment-body {
	border:1px solid #c0c0c0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:.5em 0;
	padding:10px 110px 10px 10px;
	/*url(images/comment_background.png), */
	background-image:url(images/avatar_sidebar.png);
	background-repeat:repeat-y;
	background-position:top right;
	background-color:#f4f4f4;
	}

.comment-meta {
	font-size:80%;
	}

.bypostauthor .comment-body {
	border-right:1px solid #333 !important;
	border-bottom:1px solid #333 !important;
	}

.avatar {
	position:absolute;
	right:15px;
	}

.depth-2 div.comment-body {
	margin-left:10px;
	}

.depth-3 div.comment-body {
	margin-left:20px;
	}

.depth-4 div.comment-body {
	margin-left:30px;
	}
	
.depth-5 div.comment-body {
	margin-left:40px;
	}

.depth-6 div.comment-body {
	margin-left:50px;
	}

.depth-7 div.comment-body {
	margin-left:60px;
	}

.depth-8 div.comment-body {
	margin-left:70px;
	}
	
.depth-9 div.comment-body {
	margin-left:80px;
	}

.depth-10 div.comment-body {
	margin-left:90px;
	}

.commentlist img.avatar, .commentlist .FB_profile_pic img {
	padding:10px;
	background-color:#dcdcdc;
	border:1px solid #c0c0c0;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	}

.reply {
	margin-right:-110px;
	}

.replytextinner {
	float:right;
	width:100px;
	display:block;
	text-align:center;
	}

/* respond box */
#respond {
	width:920px;
	background-image:url(images/commentsbg.png);
	background-repeat:repeat-y;
	background-position:right;
	border:1px solid #c0c0c0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

#respond #inner {
	padding:10px 0 10px 10px;
	}

#respond h3 {
	position:absolute;
	left:-2000px;
	}

.accountinfo {
	border-bottom:1px solid #c0c0c0
}

.textareasidebar .avatar,  .textareasidebar img.FB_profile_pic {
	padding:10px;
	background-color:#dcdcdc;
	border:1px solid #c0c0c0;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	}

/*comment login */

.commentlogincontainer input, textarea, .webform input {
	background-image:url(images/input-bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	border:1px solid #ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:7px;
	font-family:inherit;
	font-size:inherit;
	position:relative;
	line-height:1.4em;
	z-index:2;
	width:350px;
	}
	
label {
	position: relative;
	z-index: 1;
	padding-left: 6px;
	font-weight: normal;
	font-size: 12px;
}



.commentlogincontainer input:focus, textarea:focus, .webform input:focus {
	border:2px solid #aaa;
	padding:6px;
	}

textarea {
	width:580px;
	height:250px;
	}

#submit {
	font-family:inherit;
	font-size:120%;
	padding:7px;
	border:1px outset #ccc;
	border-radius:3px;
	background-color:#fcfcfc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	background-image:none;
	width:auto;
	}

#submit:focus {
	border:2px outset #aaa;
	padding:6px;
	}

#submit:active {
	border:2px inset #aaa;
	}

.textareasidebar {
	float:right;
	width:220px;
	padding:10px;
	}

.commentlogincontainer {
	border-bottom:1px solid #c0c0c0
	}

.commentlogincontainer .loginfacebook {
	float:right;
	width:220px;
	padding:10px; !important;
	text-align:center;
}

.fbconnect_login_button {
	display:block;
	text-align:center;
	margin:50px 0;
	}

.fbloginheader {
text-align:center;
background-color:#5F78AB;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
color:#fff;
background-image:url(images/facebooksprite.png);
background-repeat:no-repeat;
background-position:bottom left;
font-size:10px;
height:17px;
margin-top:-20px;
margin-left:-10px;
margin-right:-10px;
margin-bottom:1em;
border-bottom:1px solid #5e77aa; 
}

.backnavigation {
margin-bottom:2em;
}

.backnavigation a{
	font-size:90%;
	padding:.5em;
	background-color:#f7f7f7;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image:url(images/left.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	}

.backnavigation a:hover {
	background-color:#dddddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	text-decoration:none;
	}

.backnavigation a:active {
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:0;
	border-bottom:0;
	}

a.button {
	padding:.5em;
	background-color:#e5e5e5;
	border:1px solid #ececec;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:.5em 0;
	display:inline-block;
	}
	
a.button:hover {
	background-color:#ddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	text-decoration:none;
	}

a.button:active {
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:0;
	border-bottom:0;
	}


a.arrowright {
	background-image:url(images/right.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:20px;
	}

a.arrowleft {
	background-image:url(images/left.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	}

/* theCode plugin */
#featuredcode .tdd_tcp_form {
	text-align:center;
	padding-top:80px;
	}

#featuredcode .tdd_tcp_form input {
	font-size:15px;
	padding:5px;
	font-family:Georgia,
             	"New Century Schoolbook",
             	"Nimbus Roman No9 L",
	             serif;
	}

/*Wordpress Default CSS: http://codex.wordpress.org/CSS */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.clear {
	clear:both;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}