@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);

/*
Theme Name: Corgano
Theme URI: http://vigilantedesign.ca
Description: A clean site design for Clan of the Gray Wolf.
Author: Vigilante Rhetoric & Design
Author URI: http://vigilantedesign.ca
Version: 1.0
Tags: one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments
License: GNU General Public License | This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: https://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* Font Face Declaration Elements */

@font-face {
	font-family: 'BigNoodle';
	src: url('bignoodletitling-roman-webfont.eot');
	src: url('bignoodletitling-roman-webfont.ttf') format('truetype'),
         url('bignoodletitling-roman-webfont.svg#BigNoodle') format('svg'),
         url('bignoodletitling-roman-webfont.woff') format('woff'),
    	 url('bignoodletitling-roman-webfont.eot?#iefix') format('embedded-opentype');
	font-style:regular;
	font-weight:regular;
}

@font-face {
	font-family: 'BigNoodle';
	src: url('bignoodletitling-oblique-webfont.eot');
	src: url('bignoodletitling-oblique-webfont.ttf') format('truetype'),
         url('bignoodletitling-oblique-webfont.svg#BigNoodle') format('svg'),
         url('bignoodletitling-oblique-webfont.woff') format('woff'),
    	 url('bignoodletitling-oblique-webfont.eot?#iefix') format('embedded-opentype');
	font-style:italic;
	font-weight:regular;
}

/* Primary Structure Elements */


HTML, BODY {
	background: #fff;
	margin:0px;		
}

P {
	margin-bottom:16px;
}

STRONG { font-weight:bold; }

EM { font-style:italic; }

#wrapper {
	width:100%;
}

/* Header Elements */

#branding {
	width:100%;
	height:245px;
	display:table;
	background: #007cb0;
/*	background: #425b69; */
	margin-bottom: 25px;
}

#fencing {
	z-index:100;
	position:relative;
	margin-top:-36px;
	width:100%;
	height:11px;
	display:block;
	background:url('images/header_fencing.png') repeat-x;
}

#title {
	width:1060px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
/*	background: url('images/title_bg.png') no-repeat; */
}

.title_img {
	z-index:200;
	position:absolute;
	height:227px;
	width:300px;
	top:20px;
	margin-left:-25px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.title_img:hover {
	margin-left:-30px;
	top:15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Navigation Elements */

#navigation {
	width:730px;
	z-index:50;
	top:100px;
	left:120px;
	position:relative;
	margin-left:auto;	
	margin-right:auto;
}

/* #navigation ul li {
	float:right;
	text-align:center;
	display:inline-block;
	background:#007cb0;
	padding:15px 5px 35px 5px;
	font-family:"BigNoodle", Arial, sans-serif;
	font-size:120%;
	color:#fff;
	margin-right:10px;
 	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
} */

#navigation ul li a:link {
	width:90px;
	border-radius:5px;
	float:right;
	display:inline-block;
	font-family:BigNoodle, Helvetica, Arial, sans-serif;
	font-size:120%;
	text-align:center;
	margin-right:10px;
	color:#fff;
 	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	border:2px solid rgba(255, 255, 255, 0.4);
	text-decoration:none;
	padding:15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#navigation ul li a:visited { color:#fff; text-decoration:none;	border:2px solid rgba(255, 255, 255, 0.2); }

#navigation ul li a:active { color:#fff; text-decoration:none;	border:2px solid rgba(255, 255, 255, 0.2); }

#navigation ul li a:hover { 
	color:#fff; 
	text-decoration:none; 
	background-image:url('images/navitem_bg.png');
	border:0;
	margin-top:-5px;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    5px 5px 0px 0px rgba(0, 0, 0, 0.8);
	box-shadow:         5px 5px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
 }

/* Main Body Elements */

#container {
	width:1060px;
	padding:0;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

/* Slider Start */

#slider {
	width:740px;
	height:470px;
	margin-bottom:25px;
	display:block;
	float:left;
}

.soliloquy-container .soliloquy-caption {
	width: 740px !important;
	left: 0px !important;
	top: 0px !important;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	height:20px;
}
 
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	text-align: left !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
}
 
.soliloquy-container .soliloquy-caption h2 {
	font-size:16px;
	color: #fff !important;
	top:0;
	left:0;
}

h2.soliloquy-fc-title {
	margin-bottom: 0em;
}
 
@media (min-width: 768px) and (max-width: 1024px) {
 
	.soliloquy-container .soliloquy-caption {
		bottom: 13px !important;
	}
 
}
 
@media (max-width: 600px) {
 
        /** Hide the caption and control nav for small devices since they can swipe slides */
	.soliloquy-container .soliloquy-control-nav,
        .soliloquy-container .soliloquy-caption {
		display: none !important;
	}
 
}

/* Slider End */

#recentarticles {
	width: auto;
	max-width:300px;
	height: inherit;
	font-size: 14px;
	float: right;
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	margin-bottom:10px;
}

#recentarticles UL LI {
	margin-bottom:4px;
 	overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

#recentarticles UL LI a:link {
	border-left: 3px solid #007cb0;
 	color:#007cb0;
	display:block;
	background: #ccc;
	padding: 10px 15px 10px 15px;
 	overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

#recentarticles UL LI a:visited { color:#007cb0; }
#recentarticles UL LI a:active { color:#007cb0; }

#recentarticles UL LI a:hover {
	border-left: 3px solid #ffd401;
	color:#fff;
	background: url('images/navitem_bg.png');
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#socialmedia {
	float:right;
	width:295px;
	height:45px;
	margin-bottom:15px;
}

#socialmedia img {
	margin-left:5px;
	filter: saturate(30%);
	-webkit-filter: saturate(30%);
	-moz-filter: saturate(30%);
	-o-filter: saturate(30%);
	-ms-filter: saturate(30%);
}

#socialmedia img:hover {
	filter: saturate(100%);
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
}

#admedia {
	float:right;
	width:300px;
	height:250px;
	margin-top:16px;
}

#content {
	width:815px;
	float:left;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
}

#content ul {
	list-style-type: square;
	list-style-postion:inside;
	margin-bottom:15px;
	margin-left:15px;
}

#content ol {
	list-style-type: decimal;
	list-style-position:inside;
	margin-bottom:15px;
}

#content img {
	max-width:785px;
	height:auto;
}

/* Front Page Post Elements */

#content-full {
	width:1060px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	clear:both;
}

#content-full ul {
	list-style-type: square;
	list-style-postion:inside;
	margin-bottom:15px;
	margin-left:15px;
}

#content-full ol {
	list-style-type: decimal;
	list-style-position:inside;
	margin-bottom:15px;
}

#content-full img {
	max-width:235px;
	max-height:auto;
}


#content-full .post {
	float:left;
	width:245px;
	height:250px;
	margin-left:5px;
	margin-right:5px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	padding:5px;
	margin-top:25px;
	text-overflow: ellipsis;
	white-space: wrap;
	overflow: hidden;
	font-size:8px;
}

#content-full .post iframe.youtube-player {
	width:235px;
	height:143px;
}

#content-full .post .entry-title {
	font-size:14px;
	font-family:Open Sans, Helvetica, Arial, sans-serif;
	margin-left:0;
}

#content-full .post .entry-meta {
	display:none;
}

/* Page Elements */

.page-title {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:75%;
	color:#fff;
	text-transform:UPPERCASE;
	background:#007cb0;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	margin-bottom:15px;
	padding:5px 5px 5px 15px;
}

.pagecontent {
	display: block;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.6em;
	color:#fff;
	background:#415968;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	padding:25px;
	margin-bottom:25px;
}

.pagecontent a:link { color:#abbeca; }
.pagecontent a:visited { color:#abbeca; }
.pagecontent a:active { color:#abbeca; }
.pagecontent a:hover { color:#ff6b6b; }

.showcase {
	display:inline-block;
	width:100%;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	padding:5px;
	margin-bottom:25px;
}

.showcase img {
	float:left;
	width:150px;
	height:150x;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.showcase img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

.showcase UL {
	margin-top:-15px;
}

.showcase UL LI {
	margin-left:165px;
	margin-bottom:5px;
	list-style-type:none;
}

.showcase UL LI:first-child {
	font-size:180%;
	font-weight:bold;
}

.showcase UL LI:last-child:before {
	content:"Hosted By: ";
	font-weight:bold;
}

.showcase a:link { text-decoration:none; color:#fff; }
.showcase a:visited { text-decoration:none; color:#fff; }
.showcase a:active { text-decoration:none; color:#fff; }
.showcase a:hover { text-decoration:none; color:#ff6b6b; }

/* Image Elements */

.alignleft {
	margin: 5px 10px 5px 0;
	float:left;
}

.alignright {
	margin: 5px 0 5px 10px;
	float:right;
}

/* Post Elements */

.post {
	display:block;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:100%;
	color:#fff;
	background:#415968;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	padding:25px;
	padding-bottom:0;
	margin-bottom:25px;
}

.entry-title {
	z-index:99;
	position:relative;
	font-size:180%;
	font-family:BigNoodle;
	color:#fff;
	background:#007cb0;
	padding: 6px 4px 6px 15px;
	margin-top:10px;
	margin-left:-35px;
	width:90%;
	display:table;
}

H1.entry-title {
	font-size:260%;
	padding:14px 6px 10px 25px;
}

.post H2 a:link { color:#fff; text-decoration: none; }
.post H2 a:visited { color:#fff; text-decoration: none; }
.post H2 a:active { color:#fff; text-decoration: none; }
.post H2 a:hover { color:#fff; text-decoration: none; }

.post a:link { color:#abbeca; }
.post a:visited { color:#abbeca; }
.post a:active { color:#abbeca; }
.post a:hover { color:#ff6b6b; }

.entry-meta {
	z-index:999;
	position:relative;
	width:375px;
	padding:5px 5px 15px 5px;
	margin-top:-5px;
	margin-right:-30px;
	float:right;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#ee3423;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:80%;
	color:#fff;
	text-transform:UPPERCASE;
}

.entry-meta a:link { color:#fff; }
.entry-meta a:visited { color:#fff; }
.entry-meta a:active { color:#fff; }
.entry-meta a:hover { color:#fff; }

.meta-tail {
	position:relative;
	width:10px;
	height:6px;
	background:url('images/meta_tail.png') no-repeat;
	top:5px;
	left:5px;
	margin-bottom:-15px;
}

.entry-content, .entry-summary {
	margin-top:30px;
	margin-bottom:20px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.6em;
}

.entry-content H2 {
	font-size:200%;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:12px;
}

.entry-summary {
	font-size:75%;
}

.entry-footer {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:75%;
	color:#fff;
	background:#324551;
	display:block;
	padding-bottom:6px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:10px;
}

.entry-footer a:link { color:#fff; }
.entry-footer a:visited { color:#fff; }
.entry-footer a:active { color:#fff; }
.entry-footer a:hover { color:#ee3423; }

.entry-footer .comments-link {
	float:right;
	height:20px;
	background:#007cb0;
	padding:5px;
	margin-top:-12px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	text-transform:UPPERCASE;
}

.entry-footer .comments-link:hover {
	background:#17baff;
}

.entry-footer .comments-link a:link { color:#fff; text-decoration:none; }
.entry-footer .comments-link a:visited { color:#fff; text-decoration:none; }
.entry-footer .comments-link a:active { color:#fff; text-decoration:none; }
.entry-footer .comments-link a:hover { color:#fff; text-decoration:none; }

.edit-link {
	display:block;
	float:left;
	padding-right:5px;
}

#nav-above {
	z-index:200;
	position:relative;
	clear:both;
	width:690px;
	height:15px;
	display:block;
	padding-left:15px;
	margin-top:-5px;
	margin-bottom:15px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:70%;
}

#nav-above a:link { color:#007cb0; text-decoration:none; }
#nav-above a:visited { color:#007cb0; text-decoration:none; }
#nav-above a:active { color:#007cb0; text-decoration:none; }
#nav-above a:hover { color:#ee3024; text-decoration:none; }

#nav-below {
	z-index:200;
	position:relative;
	clear:both;
	width:705;
	height:15px;
	display:block;
	margin-top:5px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:70%;
}

#nav-below a:link { color:#007cb0; text-decoration:none; }
#nav-below a:visited { color:#007cb0; text-decoration:none; }
#nav-below a:active { color:#007cb0; text-decoration:none; }
#nav-below a:hover { color:#ee3024; text-decoration:none; }

/* Comment Elements */

#comments {
	display:table;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:80%;
	color:#000;
	padding:15px;
}

.comment-author img {
	width:50px;
	height:50px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.comment-author {
	font-weight:bold;
	text-transform:UPPERCASE;
	margin-top:5px;
	margin-bottom:5px;
}

.comment-meta {
	margin-bottom:5px;
	font-style:italic;
	font-size:75%;
	color:#666;
	padding-bottom:2px;
	border-bottom:1px solid #eee;
}

#content .comment-form-comment label {
	vertical-align:top;
	font-weight:bold;
	text-transform:UPPERCASE;
	color:#666;
	margin-right:10px;
}

.comment-form-comment textarea {
	font-size:150%;
	color:#666;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px solid #ddd;
	width:100%;
}

.form-allowed-tags {
	font-size:75%;
	color:#666;
}

#comments-list {
	display:block;
	width:660px;
}

#comments-list ul li {
	display:table;
}

#comments-list li {
	width:100%;
	margin-bottom: 15px;
}

#comments-list ul li > ul li {
	display:table;
}

#comments-list li > ul > li {
	width:100%;;
	padding-left:50px;
	margin-right:-50px;
}

#comments h3 {
	font-family:BigNoodle;
	font-size:200%;
	color:#666;
	padding:5px;
	margin-bottom:15px;
	background:url('images/comments_bg.png') repeat-x;
	width:100%;
}

#comments a:link { color:#007cb0; text-decoration:none; }
#comments a:visited { color:#007cb0; text-decoration:none; }
#comments a:active { color:#007cb0; text-decoration:none; }
#comments a:hover { color:#ee3024; text-decoration:none; }


#comment-list .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.comment-author IMG {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.comment-content {
	padding-left:60px;
	line-height:140%;
	color:#333;
}

.comment-reply-link {
	margin-top:-10px;
}

/* Video Wrapper Elements */

.rve-embed-container {
	margin-top:15px;
	margin-bottom:15px;
}

.embed-youtube {
	margin-top:15px;
	margin-bottom:15px;
}

iframe.youtube-player {
	width:765px;
	height:466px;
}

/* Sidebar Elements */

#sidebar {
	width:225px;
	float:right;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:100%;
}

#sidebar H3 {
	font-family:BigNoodle;
	font-size:160%;
	color:#fff;
	margin-bottom:5px;
}

#sidebar H3 a:link { color:#fff; text-decoration:none; }
#sidebar H3 a:visited { color:#fff; text-decoration:none; }
#sidebar H3 a:active { color:#fff; text-decoration:none; }
#sidebar H3 a:hover { color:#fff; text-decoration:none; }

#sidebar UL {

}

#sidebar UL > LI {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:1.6em;
	color:#fff;
	background:#415968;
	box-sizing:border-box;
	border-bottom: 4px solid #223640;
	padding:15px;	
}

#sidebar UL > LI:first-child {
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
}

#sidebar UL > LI LI {
	padding:0;
	margin-bottom:5px;
	font-size:12px;
	line-height:1.6em;
	border-bottom:0;
}

#sidebar UL > LI LI a:link { color:#abbeca; }
#sidebar UL > LI LI a:visited { color:#abbeca; }
#sidebar UL > LI LI a:active { color:#abbeca; }
#sidebar UL > LI LI a:hover { color:#ff6b6b; }

#pm4wp-widget-2 P { font-size:80%; }

#pm4wp-widget-2 a:link { color:#abbeca; }
#pm4wp-widget-2 a:visited { color:#abbeca; }
#pm4wp-widget-2 a:active { color:#abbeca; }
#pm4wp-widget-2 a:hover { color:#ff6b6b; }

/* Footer Elements */

FOOTER {
	width:960px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	clear:both;
	text-align:center;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:80%;
	color:#333;
}

FOOTER a:link { color:#007cb0; text-decoration: none; }
FOOTER a:visited { color:#007cb0; text-decoration: none; }
FOOTER a:active { color:#007cb0; text-decoration: none; }
FOOTER a:hover { color:#ff6b6b; text-decoration: underline; }