/*
Theme Name: Callidus
Theme URI: http://callidus-mc.com/
Description: Original theme developed by and for Callidus.
Author: Callidus
Version: 1.0
License: Private
Tags: black, green, white, two-columns, fixed-width, custom-header, custom-background, sticky-post, 
*/

body, p.vid-links {
background-color: #000000;
font-family: "Verdana","arial",sans-serif;
font-size: 13px;
color: #cccccc;
line-height: 16px;
	}
@font-face {
	font-family: Trajan;
	src: url('fonts/TrajanPro-Regular.otf'),
   		 url('fonts/TrajanPro-Regular.eot'); /* IE */
	}
@font-face {
font-family: Tekton;
	src: url('fonts/TektonPro-BoldCond.otf'),
   		 url('fonts/TektonPro-BoldCond.eot'); /* IE */
   	}
.tekton {
    font-family: Tekton;   
}
body a {
	color: #7ede65;
	text-decoration: none;
	}
body a:hover {
	color: #c6f69f;
	text-decoration: underline;
	}
body a:visited {
	color: #669966;
	text-decoration: none;
	}
::selection {
	background: #669966;
	color: #cccccc;
	}
::-moz-selection {
	background: #669966;
	color: #cccccc;
	}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	}
#content {
	width: 850px;
	}
#header {
	margin-bottom: 10px;
	}
#branding {
	margin-bottom: 10px;
	}
#main {
	width: 666px;
	float: left;
	margin:0px 0px 0px 0px;
	}
#sidebar {
	width: 184px;
	float: left;
	margin: 0px;
	}
#footer {
	border-top: 1px solid #829982;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	width: 850px;
	clear: both;
	}
#gallery-page {
	
	}
#image-page {

	}
/*
IMAGE PAGE STYLES
*/
#image-page h2, .image-content p {
	text-align: center;
}
.image-publish-date {
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
}
.alignright {
	float: right;
	padding-left: 10px;
	}
.alignleft {
	float: left; 
	padding-right: 10px;
	}
.center-text {
	text-align: center;
	}
.aligncenter {
	text-align: center;
	}
.center-vid, .center {
	margin-left: auto;
	margin-right: auto;
}
.size-thumbnail {
	margin: 5px 10px 5px 10px;
	}
.default-font {
	font-family: "Verdana","arial", sans-serif;
	font-size: 13px;
	color: #cccccc;
	}
blockquote {
	width: 440px;
	margin: 5px 30px 10px 30px;
	font-family: Trebuchet MS;
	border-bottom:1px solid #829982;
	letter-spacing: 0.5px;
	}
/* SEARCH */
#search-form-box {
	float: right;
	width: 250px;
	height: 50px;
	background-color: #262626;
	border-radius: 8px;
	}
.topsearch {
	float: right;
	width: 254px;
	height: 20px;
	margin: 0px 5px 0 0;
	}
input#s.swap_value {
	float: left;
	border: 2px #829982 solid;
	border-radius: 6px;
	margin: 5px 5px 0 6px;
	height: 35px;
	width: 190px;
	background-color:#000 ;
	color: white;
	font-size: 18px;
	line-height: 16px;
	padding-left: 5px;
	}
input#s.swap_value:hover {
	border: 2px #c6f69f solid;
	border-radius: 6px;
	}
#go {
	padding: 10px 0 0 5px;
	}
.search-result-highlight {
	background-color: #7ede65;
	border-radius: 4px;
	color: #000;
	}
/* POST STYLES */	
.post-box{
	width: 640px;
	min-height: 200px;
	padding-top: 10px;
	margin: 0 4px 0 0px;
	}
.post-thumb, .attachment-thumbnail, .attachment-yarpp-thumbnail{
	border: 5px solid #262626;
	border-radius: 4px;
	width: 130px;
	height: 130px;
	position: relative;
	right: 5px;
	}
.post-thumb:hover, .attachment-thumbnail:hover, .attachment-yarpp-thumbnail:hover {
	border: 5px solid #829982;
	border-radius: 4px;
	}
img.attachment-thumbnail.wp-post-image {
position: relative;
top: -4px;
}
.post {
	width: 500px;
	min-height: 200px;
	border-bottom: 1px solid #829982;
	float: right;
	}
.posted-in {
	font-size: 11px;
	}
.category-link {
	font-family: Trebuchet MS;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 20px;
	text-transform: uppercase;
	}
h2.post-title {
	margin: 0px 0px 2px 0px;
	line-height:20px;
	}
.date-box a {
	color: #cccccc;
	}
.date-box a:hover {
	color: #ffffff;
	text-decoration: none;
	}
.date-box a:visited {
	color: #cccccc;
	}
.date-stamp {
	width: 25px;
	height: 40px;
	text-align: center;
	text-transform:uppercase;
	float: left;
	margin: 0px 10px 0px 0px;
	}
.stamp-day {
	font-size:20px;
	position: relative;
	}
.page-edit a {
	background-color: #829982;
	padding: 2px;
	border-radius: 5px;
	margin-right: 4px;
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
	}
.page-edit a:hover{
	background-color: #c6f69f;
	border-radius: 5px;
	margin-right: 4px;
	color: #242424;
	text-decoration: none;
	}
.page-edit a:visited{
	color: #000;
	}
.tags {
	margin-top:-10px;
	}
.tag-box {
	float: left;
	margin-bottom: 4px;
	}
.tag-box a{
	background-color: #829982;
	padding: 2px;
	border-radius: 5px;
	margin-right: 4px;
	color: #000;
	font-size: 10px;
	}
.tag-box a:hover{
	background-color: #c6f69f;
	padding: 2px;
	border-radius: 5px;
	margin-right: 4px;
	color: #242424;
	text-decoration: none;
	}
.tag-box a:visited{
	color: #000;
	}
.tag-div-clear {
	clear: both;
	margin-top: -30px;
	}
.entry-content {
	margin-top: -10px;
	}
.read-more-link {
	float: left;
	}
.posted-on-date {
	font-style: italic;
	font-size: 11px;
	text-align: right;
	}
.comments {
	text-align: right;
	margin: 0px 10px 15px 0px;
	}
.space {	
	height: 10px;
	clear: both;
	}
.navigation {
	width: 636px;
	height: 15px;
	}
#nav-below {
	margin-bottom: 20px;
	}
.nav-next {
	float: right;
	}
.nav-previous {
	float: left;
	}
/* COMMENTS */
.single-comments {
	width: 500px;
	position: relative;
	left: 140px;
	}
.single-comments .comment-block {
	position: relative;
	right: 75px;
	}
.comen {
	width: 570px;
	}
.comment-avatar {
	width: 60px;
	height: 60px;
	padding-right: 5px;
	}
.comment-body {
	width: 500px;
	min-height: 60px;
	float: right;
	border-bottom: 1px solid #829982;
	margin-bottom: 10px;
	}
.comment-clear {
	clear: both;
	}
.author-link {
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	float: left;
	}
.ucomen {
	text-transform: uppercase;
	font-size: 11px;
	}
a.comment-edit-link {
	background-color: #829982;
	border: 2px solid #829982;
	border-radius: 5px;
	margin-right: 4px;
	color: #000;
	font-size: 10px;
	float: right;
	text-transform: uppercase;
	}
a:hover.comment-edit-link{
	background-color: #c6f69f;
	border: 2px solid #c6f69f;
	color: #242424;
	text-transform: uppercase;
	}
a:visited.comment-edit-link{
	color: #000;
	}
#image-page #leave-a-comment {
	border-top: 1px solid #829982;
	}
#image-page #leave-a-comment h3 {
	position: relative;
	left: 70px;
	}
.image-comment {
	float: left;
	width: 500px;
	padding-right: 15px;
	}
.image-comment .leave-comment {
	position: relative;
	left: 70px;
	}

.page-content .comment-block {
	position: relative;
	}
textarea#comment {
	font-family: "Verdana","arial",sans-serif;
	font-size: 13px;
	width: 478px;
	background-color: #000;
	color: #ccc;
	border: 2px solid #829982;
	border-radius: 6px;
	padding: 5px;
	}
textarea#comment:hover {
	border: 2px solid #c6f69f;
	}
#gravatar {
	float: right;
	margin-top: 2px;
	font-size: 11px;
	}
/* SIDEBAR */
ul.no-bullets {
	list-style-type: none;
	padding: 0px;
	}
.widget-container {
	border-bottom: 1px solid #829982;
	margin-bottom: 0px;
	padding: 5px;
	width: 174px;
	}
#primary-sidebar ul li ul{
	list-style-type: square;
	margin-left: -20px;
	}
#primary-sidebar ul li ul li:before{
	}
h3.widget-title {
	color: #669966;
	}
/*PAGE*/
.page-content {
	min-height: 200px;
	float: right;
	}
.page-edit {
	float: right;
	}
/*GALLERY*/
dl.gallery-item {
	
}
.ngg-gallery-thumbnail {
	border: none;
	}
.shutterset_ngg-images-3 {
	float: left;
	}
.ngg-widget img {

	}
.ngg-widget {
	width: 300px;
	}
#nextgen-recent {
	float: right;
	width: 160px;
	min-height: 146px;
	padding: 0 10px 0 10px;	
	margin-top: -30px;
	}
#nextgen-recent h4 {
	margin: 0px;
	}
.thumb-title a {
	width: 250px;
	text-align: center;
	float: left;
	padding-right: 30px;
	text-decoration: none;
	margin-bottom: 15px;
	}
.thumb-title a:hover {
	text-decoration: none;
	}
img.gallery-thumb {
	border: 5px solid #262626;
	border-radius: 20px;
	width: 250px;
	height: 250px;
	}
img.gallery-thumb:hover {
	border: 5px solid #829982;
	}
.keyboard-legend {
	color:#829982;
	font-size:11px;
	text-decoration: italic;
	}
.anim_gallery {
	padding: 10px 0px 10px
	}
.animated-t {
	float: left;
	margin: 0px 5px 10px;
	}
.thumb {
	border: 5px solid #262626;
	border-radius: 4px;
	width: 130px;
	height: 130px;
	}
.thumb:hover {
	border: 5px solid #829982;
	}
/*INTERVIEW*/
.q {
	font-weight: bold;
	}
.a {
	margin-left: 5%;
	margin-right: 5%;
	}
/* CONTACT */
.wpcf7-form-control-wrap textarea, .wpcf7-text {
	background-color: #000;
	color: #ccc;
	border: 2px solid #829982;
	border-radius: 6px;
	padding: 3px;
	}
.wpcf7-form-control-wrap textarea:hover {
	border: 2px solid #c6f69f;
	}
.wpcf7-text:hover {
	border: 2px solid #c6f69f;
	}
/* EMAIL NEWSLETTER SIGN UP */
input.email-signup {
	width:180px;
	color:#cccccc;
	background-color:#000;
	border:2px solid #829982;
	border-radius:6px; 
	padding:4px;
	}
input.email-signup:hover {
	border:2px solid #c6f69f;
	}
/*
* BY-YEAR-GALLERY 
*/
.gallery-title {
margin-bottom: 25px;
}
.by-year-date {
clear: both;
}
.by-year-div {
float: left;
margin: 5px 25px 0px 0;
}
.by-year-link {
text-align: center;
text-overflow:ellipsis;
margin-bottom: 15px;
}
/*
* GALLERY-BY-DATE 
*/
.wp-caption {
	float: left;
}
.wp-caption img {
	border: 4px solid #000;
}
.wp-caption img:hover {
	border: 4px solid #819881;
}
.animation-icon {
	position: relative;

}
.animation-icon img {
	border: none;
}
.animation-icon img:hover {
	border: none;
}
.wp-caption-text {
	font-style: italic;
	text-align: center;
	margin: 0px 0 0px 0;
}
/*
* GALLERY-BY-DATE CATEGORY LIST
*/
.gallery-links {
min-height: 25px;
}
.gallery-links a {
font-size: 15px;
font-weight: bold;
}
.gallery-links li, dl.gallery-item, .related-manip-box  {
list-style: none;
float: left;
margin-right: 6px;
padding: 6px;
}
.gallery-links .current-cat {
background-color: #669966;
}
.gallery-links .current-cat a {
color: #ffffff;
}
/*
*RELATED MANIP STYLES
*/
.yarpp-thumbnail {
float: left;
margin-right: 20px;
}
.yarpp-thumbnail-title {
display: block;
text-align: center;
}
} 
/*
*TABBY STYLES
*/
/* === CORE CSS Do not change this section === */

.responsive-tabs__heading { display: none; }
.responsive-tabs__list__item { display: inline; cursor:pointer; }

@media (max-width: 767px) {
	.responsive-tabs__list { display: none; }
	.responsive-tabs__heading { display: block; cursor: pointer; }
	.responsive-tabs__panel--closed-accordion-only { display: none; }
}

@media (min-width: 768px) {
	.responsive-tabs__panel--closed-accordion-only { display: block; }
}

/* === Basic design === */

.responsive-tabs-wrapper { 
	clear: both;
	margin-bottom: 20px;	
	zoom: 1; 
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
} 
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
	outline: 1px solid transparent;
}

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus {
	outline: none;
}

.responsive-tabs .responsive-tabs__list {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px; 
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 31%;
	padding-bottom:0;
	line-height: 1;
}

.responsive-tabs__list__item {
	padding: 4px 8px 4px;
	margin: 0 8px 0 0;
	border: 1px solid transparent;
}
	
.responsive-tabs__list__item:hover {
	color: #669966;
}

.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	color: #fff;
	background-color: #669966;
}

.responsive-tabs__panel {	
	margin-bottom: 20px;
}

/* --- ACCORDION  --- */

@media (max-width: 767px) {

	.responsive-tabs-wrapper {
		border-top: 1px solid #4d4d4d;
		}
		
	.responsive-tabs__heading {
		background: #333;
		color: #ccc;
		padding: 5px 0 5px 8px;
		border: 1px solid #4d4d4d;
		border-top: none;
		font-size: 14px;
		margin: 0;
		position: relative;
	}
	
	.responsive-tabs__heading:after {
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 0; 
		height: 0; 
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #444;
	}

	.responsive-tabs__heading:hover {
		color: #669966;
	}
		
	.responsive-tabs__heading--active,
	.responsive-tabs__heading--active:hover {
		background: #333;
		color: #669966;
	}

	.responsive-tabs__heading--active:after {
		border-bottom: 6px solid #4d4d4d;
		border-top: 0;
		top: 18px;
	}

	.responsive-tabs__panel {
		border-top: none;
		margin: 0;
	}
}