/* @override http://www.catstaggs.com/wp-content/themes/darkpro/style.css */

/* @override http://s129542311.onlinehome.us/catstaggs/wp-content/themes/darkpro/style.css */

/* @override http://s129542311.onlinehome.us/catstaggs/wp-content/themes/darkpro/style.css */

/* @override http://s129542311.onlinehome.us/catstaggs/wp-content/themes/darkpro/style.css */

/*
Theme Name: Dark Pro
Theme URI: http://themeforest.net
Description: This golden-blue template is perfect for anyone who needs a beautiful layout for their blog or portfolio.
Version: 1.0
Author: Kuldar Kalvik & Illimar Tambek
Author URI: http://divid.ee
Tags: porfolio, dark
*/

/* BASIC */

img {border:0}
a {text-decoration:none; color: #1a3c3e;}
a:hover {color: #2c5558;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color: #000}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color: #000}
h2 a {color: #000}
h2 a:hover {color: #000}
h2.archive_title {font-size:20px}
h3 {font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color: #FFF; border-bottom:1px solid #43424F; margin-bottom:40px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #FFF; border-bottom:1px solid #43424F; margin:5px 0 40px 0;}

p {margin:15px 0;}

.date {color: #1a3c3e; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

small {font-size:11px; font-weight:bold}

.alignright {float:right}
.alignleft {float:left}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#content ul, #content ol {margin:10px 30px}
#content ul h2, #content ol h2 {font-size:20px}

.paging {float:left; position:relative; left:50%; text-align:left;}
.paging ul {list-style:none; position:relative; left:-50%; margin:0; padding:0}
.paging ul li {float:left; position:relative;}

.prevlink a, .nextlink a, div.paging a, .comments_navigation a {padding:2px 6px; margin:5px;  background: #161620; color:#818690; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; white-space:nowrap;}
.prevlink a:hover, .nextlink a:hover, div.paging a:hover, .comments_navigation a:hover {color: #FFF}
.comments_navigation a {margin:0}

.post-top-aligned-image {margin-top:-60px !important}

/* FORMS */

table.formtable {margin:0; padding:0; border:0; border-spacing:0}
table.formtable td {padding: 0 10px 5px 0; line-height:35px}
table.formtable td.thin {padding: 0 10px 5px 0; line-height:18px}

label {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#FFF}
label.opt {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; color:#FFF; padding:0 10px 0 2px;}

/* (these are used only if javascript is disabled) */
/* input[type="text"], input[type="file"], input[type="password"], select {line-height:19px; font:15px Arial, Helvetica, sans-serif; padding:6px 3px;} */
textarea {line-height:19px; font:15px Arial, Helvetica, sans-serif; padding:6px 3px;}

/* PRESENTATION */

body {margin:0; padding:0; background: #b75038 none; color: white; font-size:15px; font-family:Georgia, Times New Roman, serif}
#wrap {background: url(images/header_back.jpg) repeat-x top left}
#header-wrap {background: url(images/top_features.jpg) no-repeat top center;}
#header {height:360px; width:937px; margin:0 auto; position:relative;}

#site_logo {float:left;
	margin: 8px 0 0;
}

#menu {position:absolute; top:40px; right:2px;}

#menu ul {margin:0; padding:0; list-style:none; float:left; }
#menu ul li {float:left; padding:5px 5px; font-size:11px}
#menu ul li a {font-size:11px; font-weight:bold; font-family:Tahoma, Arial, sans-serif; text-transform:uppercase; color:#FFF; display:block; padding:4px 6px;}
#menu ul li.current_page_item a, #menu ul li a:hover {background-color: #2F353D; border-bottom:1px solid #5A6983; text-decoration:none;}
#menu ul li.current_page_item a {color: #FFF;}

#web2links {float:left; margin-left:70px}
#web2links a {margin:0 0 0 10px;}

#news-wrapper {position:absolute; top: 132px; left:11px; width:913px; height:199px; margin:0; padding:0;}
#news {width:913px; height:199px; overflow:hidden; background:#EFEFEF;}
#news ul {margin:0; padding:0}
#news ul li {margin:0; padding:0; width:913px; height:199px;}

.news-item {font-size:16px; font-family: Arial, sans-serif; color: #1a3c3e; display:block;}
.news-item div.news-item-content {padding: 70px 70px 50px 523px; margin:0; height:auto; line-height:15px;}
.news-item h1 {display:none; margin:0; padding:0}

#paperclip {position:absolute; top:95px; right:20px; z-index:10}
#news-prev-link {position:absolute; top:207px; left:7px; z-index:10}
#news-next-link {position:absolute; top:207px; right:8px; z-index:10}

#news-links {position:absolute; right:23px; bottom:40px; z-index:10}
#news-links a {display:block; float:left; width: 12px; height:12px; margin-left: 4px; background-color: #E9E9EC; font-size:0px; line-height:0px}
#news-links a.selected, #news-links a:hover {background-color: #FFF}

#main {width:960px; margin:60px auto 0 auto}

#content {float:left;}
.content_narrow {width:670px}

#sidebar {float:right; padding: 0 0 0 50px; width: 230px; margin: 0px; min-height: 673px; background: url(images/sidebar_separator.jpg) no-repeat top left;}
#sidebar ul {list-style:none; margin:0; padding:0}
#sidebar ul li {margin:0 0 50px 0; padding:0}
#sidebar ul li ul li {margin:3px 0}
#sidebar a {color: #1a3c3e}
#sidebar h2 {font-size:26px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #FFF; display:block; border-bottom: 1px solid #516768; padding:0 0 10px 0}

#searchform {margin:20px 0 -20px 0}
#sidebar-search-button {margin-bottom:-6px; vertical-align:bottom}

#aboutme {margin: 0 0 70px 0}

.post {clear:both; margin: 0 0 100px 0}
.post-tags {font-size:14px}

.postmetadata {border-top: 1px solid #474653; margin-top:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
.postmetadata a {float:left; display:block; margin: 10px 10px 0 0; padding:3px 5px}

.post-read-more-link {display:block; float:left; color:#FFF; background:#000; font-size:11px; font-weight:bold; font-family: Arial, sans-serif; text-transform:uppercase; padding:3px 5px; margin: 0px 0; text-decoration:none}
.post-read-more-link:hover {color: #fff; text-decoration:none}

a.post-comments-link {display:block; float:right; color: #1a3c3e; font-size:11px; font-weight:bold; font-family: Arial, sans-serif; text-transform:uppercase; padding:2px 4px 5px 0px; margin: 10px 0;}
a.post-comments-link:hover {color:#1a3c3e;}
a.post-comments-link:hover .black {color:#000; text-decoration:none}

.post-comments-image {display:block; float:left; width:22px; height:22px; background: url(images/comments.png) no-repeat; text-align:center; margin:-1px 4px 0 0; padding-top:1px}

#content ul.commentlist {list-style:none; padding:0; margin:0;}
#content ul.commentlist li {padding:0; margin:0}

cite.fn {font-size:20px; font-family:Arial, Helvetica,sans-serif; font-weight:bold; color: #fff; font-style:normal}
cite.fn a {color: #fff;}

img.avatar {float:right; border:1px solid white}

.comment-text {margin:30px 0 40px 0; padding-bottom:10px; border-bottom:1px solid #43424F;}
.comment-edit-link {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}

#comments_container {float:left; width:370px; margin-right:40px;}
#respond {float:left; margin: 0 0 20px 0}
#comment {width:248px}

.navigation, .paging {margin:0 0 10px 0}
.comments_navigation {margin:0 0 20px 0}

#footer {font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #1a3c3e; font-weight:bold}
#footer p {margin:0 auto; width: 960px; padding:6px 0;}
#footer a {color: #FFF}
#footer a:hover {text-decoration:none}
#footer a img {vertical-align:text-bottom; margin:0 4px}
#footer a.darkblue {color: #2C2B3D}


.white {color:#FFF}
.black {color:#000}
.orange {color: #F4A002}
.darkblue {color:#2C2B3D}
.pad020 {padding:0 20px}
.mar10_0 {margin:10px 0}

.clear {clear:both}

.hidden {display:none}

.arial {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.wpcf7-list-item-label {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; margin-right:10px}



.gallery-thumbnail-box {float:left; width: 336px; height:331px; font: 15px Georgia,serif; margin-bottom:30px;}
.third-image {width: 287px}
.gallery-thumbnail-container {float:left; width:280px; padding-top:20px;}
.gallery-thumbnail-box .gallery-item-title {color: #fff; font:12px Arial; font-weight:bold; text-transform:uppercase; display:block; margin:10px 0 5px 0}
.gallery-separator {float:left; width:30px; height:331px; background: url(images/gallery_separator.jpg) no-repeat; float:left; margin:0 7px 0 11px}


#archives-by-subject, #archives-by-month {margin-top:20px}

h2.pagetitle {margin-bottom:50px}

/* SEARCH */

.search_result {clear:both; margin:20px 0 20px 0}
.search_result h3 {font-size:20px; color: #fff; border:none; margin:0}
.search_result h3 a {color: #fff;}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 28px;}  /* must be same height as the footer */

#footer {position: relative; margin-top: -28px; /* negative value of footer height */ height: 28px; clear:both; background-color: #273132; text-align:center; z-index:1;} 

/* CLEAR FIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ */