/*   
Theme Name: Sinkholedamage
Theme URI: http://sinkholedamageblog.com/
Description: A clean and elegant theme for personal or professional websites with rich colors and a simple intuitive sidebar. Stable, widget-ready, with category-based navigation and valid XHTML. Now FULLY translation-ready as well.
Author: SinkHoleDamage
Author URI: http://sinkholedamageblog.com/
Tags: green, brown, tan, orange, two-columns, right-sidebar, fixed-width, seasonal, sticky-post, translation-ready
Version: 1.3
.
This theme is released under the GPL:
http://www.gnu.org/licenses/gpl.txt
.
*/

/* Basics ------------------------------------- */

* { margin:0; padding:0; }
.divclear { clear:both; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right: auto; }

body {
font-family: Arial, Tahoma, Geneva, sans-serif;
/*line-height:1.6em;*/
font-size:.75em;
color:#343434;
text-align:center;
background: #4E5659 url(images/background.jpg) top left repeat-x;
}
img { border: none; }
div#wrapper {
width:953px; /* should be 953 */
margin:0 auto;
text-align:left;
height:100%;
/*background:url('images/background.jpg') repeat-x;
background-color:#fff; background: pink;
border-right:1px solid #cdc;
border-left:1px solid #cdc;*/
}

/* Elements ----------------------------------- */

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

p {
margin:10px 0;
}

h1,h2,h3,h4,h5,h6 {
padding:10px 0 5px 0;
font-weight:bold;
}

h1,h2 {
font-weight:normal;
padding:10px 0 5px 0;
}


ol, ul, li {
list-style:none;
}

code {
font:1em courier new;
}

pre {
border: 1px solid #c0c3ac;
font:1em courier new;
color:#233;
margin:10px;
padding:10px;
background:#ecf0d9;
overflow:auto;
}

table {
border-collapse:collapse;
margin:10px auto 10px auto;
background:#ecf0d9;
}

td {
border:1px solid #c0c3ac;
padding:1em;
}

th {
padding:10px;
border:1px solid black;
background-color:#c0c3ac;
}

dl {
margin:10px;
}

dt {
font-weight:bold;
}

dd {
margin:0 0 5px 20px;
}

blockquote {
background:url('images/blockquote.png') no-repeat;
margin:10px 20px;
padding-left:40px;
}

fieldset {
padding:15px;
margin:5px;
}

legend {
padding:5px;
}

/* Header ------------------------------------- */

div#header {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	width: 953px;
}

/* Category List ------------------------------ */
div#header-top {
	width: 953px;
	position: relative;
}
div#header-top img { text-decoration: none; border: none; }
div#navigation {
	position: absolute;
	right: 0;
	bottom: 10px;
}
ul#category-list li {
	float:left;
	margin:0;
	padding: 0;
	padding-right: 28px;
	background:url(images/nav-divider.gif) right no-repeat;
}
ul#category-list li.no-divider {
	background-image: none;
	padding-right: 20px;
}
ul#category-list li a {
	color:#52595f;
	font-weight: bold;
	margin:0;
	padding:0;
	display:block;
}

/*.rss-icon {
	position: absolute;
	top: 4px;
	right: 5px;
	padding-left: 5px;
}
div#navigation a.special {
	display: block;
	color: #52595f;
	font-size: 9px;
}*/
img.slogan {
	float: left;
	margin-left: 25px;
	margin-top: 4px;
}

div#content {
	/*width:655px;*/ width: 953px;
	float:left;
	/*padding:20px;*/
	padding: 10px 0 10px 0;
	background: #fff;
}
div#content-left {
	width:635px;
	float:left;
}
div#content-right {
	width:294px;
	padding: 10px;
	padding-top: 0;
	float:right;
}

/* Search Box --------------------------------- */

div#right-navigation {
float:right;
}

form#searchform {
float:right;
margin:6px 5px 0 0;
padding:0;
}

input.inputbox {
width:175px;
height:15px;
border:1px inset #000;
padding:1px;
background-color:#eee;
}

input#searchsubmit {
height:19px;
border:1px outset #000;
background-color:#06180a;
color:#eee;
}

input#searchsubmit:active {
border:1px inset #000;
}
div.searchinput input.button {
	color: #f2f2f2;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	vertical-align: top;
}

/* Archive Page Banners ----------------------- */

div.archive-banner {
padding:10px;
margin: 0 20px 0 20px;
/*background-image:url('images/archive-banner-bg.png');*/
text-align:center;
color:#06180a;
}

div.archive-banner p {
font-size:.9em;
margin:0;
}

div.archive-banner h2 {
font-size:2.5em;
padding:10px;
}

div#author-archive-banner {
text-align:left;
}

div#author-archive-banner img {
float:left;
padding-right:10px;
}

/* Posts -------------------------------------- */

div.date-box {
float:left;
background-image:url('images/date-holder.png');
width:50px;
height:70px;
margin:0 0 0 -60px;
text-transform:uppercase;
text-align:center;
padding:5px;
font-size:90%;
color: #fff;
}

span.big-date {
font-size:2em; color: #fff;
}
span.the-time {
	color: #fcc489;
}
h2.post-title, h1.post-title {
line-height: 1.1em;
margin-left: 10px;
color:#52595f;
font-size: .95em;
font-weight: bold;
}
h2.post-title a, h1.post-title a {
color:#52595f;
font-size: .95em;
font-weight: bold;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#8CC63F;
text-decoration: none;
}
span.byline {
	font-size: 1.1em;
}
span.byline a:hover, span.comments-declaration a:hover { text-decoration: underline; }
span.comments-declaration {
	padding-right: 20px;
	font-size: 1.1em;
}
div.post {
margin-bottom:15px;
overflow:hidden;
}


div.post-body {
margin-bottom:15px;
padding:24px;
padding-top: 0;
}

div.post-body h2 {
font-size: 1.2em;
line-height: 1.1em;
font-weight: bold;
}

div.post-body h3 {
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
}

div.post-body a {
text-decoration: none;
}

div.post-body a:hover {
text-decoration: underline;
color:#fd7438;
}

p.attachment a {
border:0;
}

p.attachment a:hover {
border:0;
}

div.post-body ul li {
list-style:disc;
}

div.post-body ol li {
list-style:decimal;
}

div.post-body ol li, div.post-body ul li {
margin-left:30px;
}

div.post-body ol, div.post-body ul {
margin:10px 0;
}

div.post-body form#searchform {
float:left;
}

/* Single Posts and Pages --------------------- */

h2#single-title {
padding: 0;
color:#52595f;
font-size: 1.4em;
font-weight: bold;
line-height: 16px;
margin: 10px 20px;
}


div#single-body {
border:0;
padding:0;
margin: 0 20px;
}

/* Sticky Posts ------------------------------- */

div.sticky h2.post-title, div.sticky h1.post-title {
border:1px solid #17291b;
border-bottom:0;
}

div.sticky div.post-body {
border:1px solid #17291b;
}

h2.post-title, h1.post-title {
font-size:1.6em;
padding:10px;
}

/* Images ------------------------------------- */

.wp-caption {
text-align:center;
padding-top:4px;
margin:10px;
}

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

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

div.post-body img {
border:0;
margin:0 10px 10px 0;
}

/* Galleries ---------------------------------- */

div.gallery {
clear:both;
margin: auto;
}

div.gallery a {
border-bottom:0;
}

div.gallery a:hover {
border-bottom:0;
}

dl.gallery-item {
margin:10px 0;
float: left;
text-align: center;
width: 33%;	
}

div.gallery img {
border: 1px solid #cfcfcf;
padding:2px;
}

div.gallery .gallery-caption {
margin-left: 0;
}

div.gallery img:hover {
border:3px solid #78ad78;
padding:0;
}

/* Post Meta ---------------------------------- */

div.post-meta {
font-size:.95em;
}

div.post-meta a {
font-style:normal;
}

p#not-found {
text-align:left;
margin:0;
}

/* Post Top Meta ------------------------------ */

div.post-top-meta {
background: #da5d29;
color:#FFFFFF;
margin:0;
padding: 3px 3px 3px 3px;
text-align:right;
}

div.post-top-meta a {
color:#FFFFFF;
}

div.post-top-meta a:hover {
color:#fff;
}

span.top-categories {
float:left;
text-align:left;
margin-left: 20px;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
}

/* Post Bottom Meta --------------------------- */

div.post-bottom-meta {
clear:both;
margin:20px 0;
padding:5px;
background: #9CCBE2;
color:#566;
margin: 0 20px;
}

div.post-bottom-meta a {
color:#455;
text-decoration:underline;
}

div.post-bottom-meta a:hover {
color:#000;
}

div.post-bottom-meta-columns {
float:left;
width:150px;
padding:10px 20px;

}

div.post-bottom-meta-columns ul li{
list-style-type:square;
list-style-position:inside;
}

div.bottom-meta-clear {
clear:both;
}

/* Comments ----------------------------------- */
div#comments-content { margin: 20px; }
textarea#comment {
width:285px;
}

li.comment, li.pingback {
padding:10px;
margin:15px 0;
}

div.comment-meta {
float:left;
font-size:.8em;
margin:-40px 0 0 36px;
}

li.pingback div.comment-meta {
margin:0;
}

div.comment-author {
margin-right:5px;
}

div.comment-body p {
margin-top:30px;
}

div.comment-meta a {
color:#455;
border-bottom:1px dotted #aaa;
}

div.comment-author a {
font-weight:bold;
font-style:normal;
color:#233;
}

div.comment-body p a {
color:#233;
border-bottom:1px solid #aaa;
}

li.even {
background-color:#e1e5ce;
border:1px solid #d0d4bd;
}

li.odd {
background-color:#f2f6df;
border:1px solid #e1e5ce;
}

li.bypostauthor {
border:1px solid #233;
}

div#respond {	
	float: left;
	width: 310px;
}
.call-to-action {
	float: right;
}
.call-to-action img { border: none;}
span.req { color: red; }

/* Next and Previous Links -------------------- */

div.next-and-previous {
margin: 0 20px;
border:1px solid #DA5D29;
background:#FCC489;
}

div.next-and-previous a {
color:#455;
}

div.next-and-previous a:hover {
color:#06180a;
}

div.next-and-previous-link {
padding:10px;
width:200px;
}

div.newer-posts {
text-align:right;
}

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

div#sidebar {
float:right;

}

/* Sidebar Ads -------------------------------- */
/* (enable in sidebar.php) */

div#sidebar-ad-area {
/*width:370px;*/
height:175px;
}

div.ad-box {
width:150px;
height:150px;
float:left;
background-color:#283a2c;
margin:10px 0 0 19px;
border:2px solid #06180a;
color:#ddd;
}

div.ad-box p {
margin:10px 5px;
}

div.ad-box img {
width:150px;
height:150px;
border:0;
}

/* Sidebar Widgets ---------------------------- */
ul.widgets {
	width: 274px;
}
div.widget {
	padding: 0; padding-bottom: 4px;
	margin:0; margin-bottom: 10px;
	color:#777;
	font-size: 1em;	
	background: #d7d8da url(images/corner-gray-bottom.gif) bottom left no-repeat;
}
h3.widget-header  {
	padding:0; margin: 0; margin-bottom: 5px;
	color: #fff;
	padding: 7px; padding-left: 18px;
	background: url(images/corner-blue.gif) top left no-repeat;
}
.widget-header a {
	color: #4d555a; 
	font-size: 11px;
}
.widget-header a:hover {
	text-decoration: underline;
}
/* ++++++++++++++++++++++++++ widget area for tags only ++++++++++++++++ */
.widget-header-tags h3 {
	padding:0; margin: 0;
	color: #fff;
	padding: 7px; 
	padding-left: 18px;
	color: #4d555a;
	background: url(images/corner-gray.gif) top left no-repeat;
}
.widget-header-tags span.current { 
	background: #fff;
	padding: 2px 8px;
	margin-left: 4px;
}
/*h2.widget-header-tags {
	margin-bottom: 0;
	padding: 0;
	color: red;
	font-size: 1.2em;
	background-image: none;
}*/
.widget-tags-bottom {
	background: #d7d8da url(images/corner-gray-bottom.gif) bottom left no-repeat;
	height: 10px;
	width: 274px;
	clear: both;
	float: right;	
}
div.widget div.hentry {
	margin: 0; padding:0 18px;
	margin-bottom: 6px;
}
div.widget a:link, div.widget a:visited, div.widget a:hover { color:#525a5f; }
div.widget a:hover { text-decoration: underline;}

div.widget li {
	margin-left:20px;
	list-style-type:square;
}
#mcTagMap {
		background: #D7D8DA;
		padding-left: 20px;
		margin: 0;
		clear: both;
}
/* ++++++++++++++ tag index for right side ++++++++++++++++++++++ */
.tagindex { margin: 0; padding: 0;}
.tagindex h4 { display: none; }
ul.links { margin: 0; padding: 0;}








.widget-top {
	background: url(images/right-side-top.gif) bottom no-repeat;
	height: 10px;
	width: 274px;
}
.widget-btm {
	background: #FCC489 url(images/right-side-btm.gif) bottom no-repeat;
	height: 10px;
	margin-bottom: 15px;
	width: 274px;
}




div.widget td a { font-weight:bold; }



div.widget form#searchform { margin-bottom:15px; }


/* widget 2 */
div.widget2 {
	width: 254px;
	margin:0;
	padding:0;
	color:#5f686d;
	font-size:1em;
	font-weight: bold;
	background: #cbda45;
	padding: 0 10px;
	line-height: 8px; 
}
div.widget2 .alignleft { padding-top: 12px; }
div.widget2 .alignright {  }
div.widget2 a img { border: none; }
.widget-top2 {
	background: url(images/right-side-top2.gif) bottom no-repeat;
	height: 10px;
	width: 274px;
}
.widget-btm2 {
	background: #CBDA45 url(images/right-side-btm2.gif) top no-repeat;
	height: 10px;
	margin-bottom: 10px;
	width: 274px;
}







/* ++++++++++++++ newsletter subscribe area ++++++++++++++++++++++ */
.newsletter-subscribe {
	width: 274px;
	margin:0;
	padding:0;
	color: #5d6366;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin-bottom: 10px;
}
form#subscribeform {
	float:left;
	margin:6px 0 0 0;
	padding:0;
}

form#subscribeform input.inputbox {
	width:170px;
	height:15px;
	border:1px inset #000;
	padding:1px;
	background-color:#eee;
	float: left;
	margin-right: 5px;
}
input#subscribesubmit {
	height:19px;
	border:1px outset #000;
	background-color:#06180a;
	color:#eee;
	float: right;
}
input#subscribesubmit:active {
	border:1px inset #000;
}
div.subscribeinput input.button {
	color: #f2f2f2;
	text-transform: uppercase;
	font-size: .7em;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	vertical-align: top;
}

/* Tabbed Sidebar Widgets --------------------- */

ul.tabnav {
	text-align:left;
	padding-left:10px;
}
ul.tabnav li {
	display: inline;
	list-style: none;
	margin:0;
	float: left;
}
ul.tabnav li a {
	text-decoration: none;
	color: #52595f;
	font-weight: bold;
	outline: none;
	text-transform:uppercase;
	margin-right: 10px;
	line-height: 26px;
}
ul.tabnav li a:hover, .tabnav li a:active {
	color: #fff;
	text-decoration: none;
	border:0;
	padding: 0;
	text-transform:uppercase;
}
ul.tabnav li a:hover { 
	color: #52595f;
	text-decoration: underline;
}

/* selected tabs */
.tabnav li.ui-tabs-selected { 
	float: left;
	margin-right: 10px;
	background: #da5d29 url(images/tab-nav-right.gif) right no-repeat;
}
.tabnav li.ui-tabs-selected a, ul.tabnav li.ui-tabs-selected a:hover  {
	display: block;
	height: 28px;
	color: #fff;
	padding-left: 10px;
	background: url(images/tab-nav-left.gif) left no-repeat;
	font-size: 1.1em;
}
ul.tabnav li.ui-tabs-selected a:hover { color: #fff; }


div.tabdiv {
	margin-top:2px;
	padding:5px;
	clear: both;
}
div.tabdiv ul {
	list-style-type: none;
	margin: 0;
	margin-left: 10px;
	margin-top: 5px;
	padding: 0;
}
div.tabdiv ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;	
	padding-bottom: 10px;
}
div.tabdiv ul li a, div.tabdiv ul li a:hover {
	color: #525a5f;
	text-decoration: none;
	border: none;
}
div.tabdiv ul li a:hover {
	text-decoration: underline;
}

.ui-tabs-hide {
display: none;
}

/* Footer ------------------------------------- */

div#footer {
	clear:both;
	color:#da5d29;
	font-size:.9em;
	border-top:2px groove #a9ac92;
	padding-bottom: 10px;
	background: #C3D835;
}

div#footer .inner {
	margin: 0 auto;
	width: 953px;
	padding: 20px 0;
}

div#footer a {
color:#525a5f;
}

div#footer a:hover {
	text-decoration: underline;
}

/* Footer Widgets ----------------------------- */

h3.footer-widget-header {
font-weight:normal;
font-size:1.5em;
}

ul.footer-widget {
float:left;
padding:10px 0px 10px 40px;
text-align:left;
width:240px;
}

ul.footer-widget table {
float:left;
color:#233;
}

div#footer td a {
color:#233;
font-weight:bold;
}

ul.footer-widget caption {
color:#fff;
}

ul.footer-widget form#searchform {
float:none;
}

ul.footer-widget form#searchform label {
display:none;
}

div#footer a.rsswidget {
border-bottom:1px dotted #6b7e9d;
}

/* Footer Fine Print -------------------------- */

div#footer-credits {
float:right;
text-align:right;
padding:20px 40px;
width:300px;
}

div#footer-credits li{
display:inline;
padding-left:10px;
}

div#footer p a {
border-bottom:1px dotted #6b7e9d;
}

#social-net { float: left; vertical-align: middle; padding-top: 5px; }
#contact-us { float: right; }

#feedburner {
	clear: both;
	padding: 10px;
	padding-right: 0;
	margin-bottom: 10px;
	font-size: .9em;
	background: #C3D835;
}
#feedburner a { color: #fff; }

#footer #social-net {
display: block;
padding-top: 0;
margin-left: 40px;
margin-top: -20px;
}
#footer #social-net p {
display: block;
text-align: left;
}
#footer #social-net p a {
text-decoration: none !important;
border-bottom: none;
}
#footer #social-net p span {
display: block;
width: 80px;
margin: 5px 0 10px 0;
font-size: 1.4em;
float: left;
}
.bbb {
margin-right: 10px;
}
.copyright {
text-align: left;
display: block;
margin-top: 90px;
bottom: 4px;
}

/* Global Layout -------------------------- */
.centered {text-align: center;}
.right {float:right;}
.left {float:left;}

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }