/*
Theme Name: Thor Power
Theme URI: https://boxystudio.com
Description: A theme re-built by Boxy Studio
Version: 3.0.0
Author: Boxy Studio
*/

/* Default Size */
html { font-size:14px; }

/* Font Family */
body, html, input, textarea {
	line-height:1.5rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a img { border: none; }

#wrap {
	height: 100%;
	margin: 0 auto;
	padding-top: 20px;
}

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font-size:1rem;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	color: #cbcbcb;
	background: #000000;
	text-align: center;
	background-attachment: fixed;
	background-image: url(/wp-content/themes/thor/images/bg_grad.jpg);
	background-repeat: repeat-x;
	background-position: bottom;

}

/* links */
a {
	background: inherit;
	color: #febe10;
	text-decoration: none;
}
a:hover {
	background: inherit;
	color: #FFF;
	text-decoration: underline;
}

/* headers */
h1 {
	font-size:2rem;
	color: #FEBE10;
	font-weight: bold;
}
h2 {
    border-bottom:1px solid #111111;
    color:#FEBE10;
    font-size:1.65rem;
    padding:10px 0px 20px 0px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.075rem;
}
h3 {
    border-bottom:1px solid #111111;
    color:#FEBE10;
    font-size:1.25rem;
    line-height:1.75rem;
    padding:1rem 0 1rem;
	}
h4 {
    color:#FEBE10;
    font-size:1rem;
    padding:10px 0px 5px 15px;
	}

#content p, h1, h2, h3, h4, h5, #content ul, #content ol {
	margin: 1rem 1.5rem 1rem;
}
#content ul, #content ol {
	margin-left:4rem;
}

#content form ul, #content form ol {
	margin-left:0;
}

#content ul.thor-subpages {
	margin-left:1rem;
	font-size:0.9rem;
	list-style:none;
}

#content ul.thor-subpages li { padding:0.4rem 0; border-bottom:1px solid rgba(255,255,255,0.1); }
#content ul.thor-subpages li:last-child { border:none; }

#content li.current_page_item a,
#content li.current_page_item a:hover,
#content .thor-current-page,
#content .thor-current-page:hover { color:#fff; text-decoration:none; }



/* images */
#content img {
	border: 1px solid #111;
	padding: 5px;
	background: #222;
}
img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 3px solid #006600;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
	padding: 0 0 0 20px;
	background-color: #222;
	background-position: 8px 10px;
	border: 1px solid #111;
	border-left: 3px solid #FEBE10;
	font: bold 1.2em/1.5em;
	color: #FFFFFF;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 15px;
	background-color: #222;
}
th strong {
	color: #000;
}
th {
	background: #febe10;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #000000;
	text-align: left;
	border-left: 1px solid #111;
	border-bottom: solid 2px #222;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #222;
	border-bottom: solid 1px #222;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #333;
}
tr.row-b {
	background: #222;
}
/* end - table */

.nf-before-form-content { margin:0 1.5rem 1rem; }
.nf-after-form-content { margin:0 1.5rem; }
.nf-form-content { margin:0 1.5rem; }
.nf-form-content .label-above .nf-field-label { margin-bottom:0.4rem; }
.nf-error-msg, .ninja-forms-req-symbol { color:#ff6464 !important; }
.ninja-forms-req-symbol { font-size:1.75rem; font-weight:400; position:relative; top:0.6rem; padding:0 2px; }
.nf-form-content label { color:#febe10; font-size:0.85rem; text-transform:uppercase; letter-spacing:0.03rem; }
.nf-form-content input[type="text"],
.nf-form-content input[type="email"],
.nf-form-content input[type="tel"],
.nf-form-content textarea,
.nf-form-content select { background:#222; color:#fff; border:none !important; padding:0.5rem 0.75rem; font-size:1rem; border-radius:3px; line-height:1.5rem; }
#content .nf-field-description p { margin:0 0 1rem; }

.nf-form-content input[type="button"],
.nf-form-content input[type="submit"] { background:#febe10; border:none; color:#222; cursor:pointer; font-size:1.1rem; padding:0.5rem 1rem; border-radius:3px; font-weight:700; }

.nf-form-content input[type="button"]:hover,
.nf-form-content input[type="submit"]:hover { background:#fed054; color:#000; }

/* search form */
.searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox {
	width: 130px;
	color: #333;
	height: 20px;
	padding: 2px;
	vertical-align: top;
}
.searchform input.button {
	font: bold 12px Arial, Sans-serif;
	color: #333;
	width: 60px;
	height: 26px;
	border: 1px solid #DADADA;
	padding: 3px 5px;
	vertical-align: top;
}

#hppost #form_22054 ul li {
list-style-image: none;
list-style: none;
}

/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 1000px;
	box-sizing:border-box;
}

/* header */
#header {
	height: 120px;
	text-align: left;
}
#header-content {
	margin: 0 auto; padding: 0;
	position: relative;
}
#header-content h1#logo {
	position: absolute;
	font: bold 45px;
	letter-spacing: -2px;
	color: #FFF;
	margin: 0;
	padding: 0;
	/* change the values of left and top to adjust the position of the logo */
	top: 5px;
	left: 0px;
	background-image: url(images/logo.gif
	);
	width: 289px;
	height: 97px;
	text-indent: -4000px;
	border: 2px solid #000;
}
#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}
#header-content #slogan {
	position: absolute;
	font: bold 12px ;
	text-transform: none;
	color: #FFF;
	margin: 0; padding: 0;

	/* change the values of left and top to adjust the position of the slogan */
	top: 55px; left: 40px;
}

/* header menu */
#header-navigation {
	position:relative;
	width: 1000px;
	margin: 0 auto;
}

ul#main-nav {
	height:31px;
	list-style:none;
	min-width:400px;
	width:100%;
}

ul#main-nav li {
	float:left;
	line-height:31px;
	margin:0 3px 0 0;
	padding:0;

}
ul#main-nav li a {
	display:block;
	border-radius:3px 3px 0 0;
	float:left;
	font-size:0.85rem;
	letter-spacing:0.05rem;
	font-weight:600;
	margin:0;
	line-height:31px;
	padding:0 10px;
	color:#fff;
	background:#454545;
	text-transform:uppercase;
	text-decoration:none;
}

ul#main-nav li.thor-icon a {
	font-size:1.25rem;
	padding:0 8px;
}

ul#main-nav li a:hover,
ul#main-nav li.selected a {
	text-decoration:none;
	background:#555;
	color:#febe10;
}



/* header photo */
.headerphoto {
	border-radius:0 10px 0 0;
	box-sizing:border-box;
	margin: 0 auto;
	width: 1000px;
	height: 240px;
	padding:0;
	background: #303030 url(images/thick-header_redux_final.jpg) no-repeat center;
}
.header_channel {
	border-radius:0 10px 0 0;
	box-sizing:border-box;
	margin: 0 auto;
	width: 1000px;
	height: 130px;
	padding: 0;
	background: #303030 url(images/thin-header_redux_final.jpg) no-repeat center;
}
/* content */
#home_welcome {
	width: 470px;
	float: left;
	padding: 0px 5px 0px 5px;
	}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	text-align: left;
	padding: 0 15px 0 15px;
	margin: 0 auto;
	background-color: #303030;
}

/* sidebar */
#sidebar {
	float: right;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
}
#sidebar h3 {
	padding:0.5rem 1rem;
	margin: 0;
	font-size:0.9rem;
	line-height:1.4rem;
	text-shadow:none;
	text-transform:uppercase;
	display: block;
	background: #111;
	border-radius:3px 3px 0 0;
	color: #fff;
}
.sidebox {
	background: transparent;
	margin-bottom: 10px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	background: transparent;
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu ul li {
	padding: 0px;
}

#sidebar ul.sidemenu li.current_page_item a, #sidebar ul.sidemenu li.current_page_item a:hover  {
color: #febe10;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #FFF;
	padding:.3em 0 .3em 15px;
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{
	border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #e3d000;
	color: #FEBE10;
}

/* main HOME */
#main_home {
	float: left;
	width: 100%;
	margin: 0 0 0px 0;
	padding: 0;
}
#main_home h1 {
	padding: 0 0 1rem 0;
	margin: 1rem 1.5rem 1rem;
	border-bottom: 1px solid #111;
	font-size:1.2rem;
	font-weight:600;
}
#main_home ul li {
	list-style-image: url("images/bullet.gif");
}

/* main */
#main {
	float: left;
	width: 73%;
	margin: 0 0 10px 0;
	padding: 0;
}
#main h1 {
	padding: 10px 0px 5px 5px;
	margin: 0 15pt 0 10px;
	border-bottom: 1px solid #111;
	font: normal 1.5em;
	font-weight: bold;
}
#main ul li {
	list-style-image: url("images/bullet.gif");
}


	#thumbs {
	font-size: 0.9rem;
	position: relative;
	overflow:hidden;
	color: #000000;
	margin:5px auto 0px;
	padding:20px 0px 0px;
	width:920px;
	}
	#thumbs[id] {
		clear:both;
	}
	.thumbBoxleft {
	float:left;
	margin:0px 0px 20px;
	overflow:hidden;
	padding:0px 20px 0px 0px;
	width:280px;
	}
	.thumbBoxmiddle {
	float:left;
	margin:0px 0px 20px;
	overflow:hidden;
	padding:0px 20px;
	width:280px;
	}
	.thumbBoxright {
	float:right;
	margin:0px 0px 20px;
	overflow:hidden;
	padding:0px;
	width:280px;
	}
	.thumbImage img {
		display:block; margin:0 auto;
	}
	#content .thumbBoxleft h3, #content .thumbBoxmiddle h3, #content .thumbBoxright h3 {
		width:250px;
		margin:0 auto 1rem;
	}
	#content .thumbBoxleft h3 a, #content .thumbBoxmiddle h3 a, #content .thumbBoxright h3 a { color:#fff; }
	#content .thumbBoxleft ul, #content .thumbBoxmiddle ul, #content .thumbBoxright ul {
		width:250px;
		margin:0 auto;
		text-align:left;
		list-style:none;
		font-size:1rem;
	}
	#content .thumbBoxleft li, #content .thumbBoxmiddle li, #content .thumbBoxright li {
		border-bottom: 1px dotted #666;
		padding:0.25rem 0;
	}
	#content .thumbBoxleft li a:hover, #content .thumbBoxmiddle li a:hover, #content .thumbBoxright li a:hover { text-decoration:none; }

#hppost {
	margin: 0;
	padding: 1px 0 0;
	border-radius:5px 5px 0 0;
	background: transparent url(images/gradientbg.jpg) repeat-x;
}
#hppost_home {
	margin: 0;
	padding: 1px 0 0;
	border: none;
}
.post-footer   {
	background-color: #222;
	padding: 5px;
	margin-top: 20px;
	font-size:1rem;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	text-align: right;
}
#hppost .post-footer .date, #hppost_home #hppost-footer .date {
	background: url('clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
#hppost .post-footer .comments, #hppost_home .post_footer .comments {
	background: url('comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore, .post-footer .readmore {
	background: url('/thorpower/wp-content/themes/thor/images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
#content p.right-txt {text-align:right; margin:0px 15px;}
a.more-link { background: #111; font-size:0.75rem; text-transform: uppercase; color: #FEBE10; padding: 3px 27px 3px 8px; position: relative;  }
a.more-link span { background: url(images/more-link.gif) no-repeat 0 0; height: 7px; width: 13px; display: block; top: 6px; right: 3px; position: absolute; }

/* footer */
#footer {
	clear: both;
	height:20px;
	position:relative;
	margin: 0 auto 40px;
	padding: 0;
	width:1000px;
	border-radius:0 0 5px 5px;
	background:#303030;
}

#footer h1, #footer p {	margin-left: 0; text-align: right; }

#footer-content {
	position:absolute; top:30px; right:0;
}
#footer-content a {
	text-decoration: none;
	color: #febe10;
}
#footer-content p {
	font-size:0.75rem;
}
#footer-content a:hover {
	text-decoration: underline;
	color: #febe10;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 0;
}
#footer-content .col2 {
	width: 33%;
	padding: 0 0 30px 0;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  {
	color: #e3d000;
}
#topnav {
	float: right;
	margin-top: 75px;
	}
#topnav a {
	color: #fff
	}
#topnav a:hover {
	color: #e3d000;
}
#topnav input {
	float: left;
	}
span.search {
	display: block;
	background-color: #febe10;
	border: 1px solid #999;
	width: 39px;
	float: left;
	margin-right: 5px;
	}
p.clear {
clear: both;
height: 0px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
strong {
color: #fff;
font-weight: bold;
}

/* Editor CSS for wordpress SuperEdit */

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

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

.highlight {
background-color: #666666;
border-top: 2px dotted #febe10;
border-bottom: 2px dotted #febe10;
padding: 5px;
}
#content p.highlight-right {
	float: right;
	background-color: #666666;
	border-top: 2px dotted #febe10;
	border-bottom: 2px dotted #febe10;
	padding: 5px;
	margin: 10px;
	width: 220px;
}
#content p.highlight-right img {
	float: right;
	margin: 5px;
	border: none;
	background: none;
}
div.aligncenter {margin:0 auto;}
#content p.wp-caption-text { text-align:center; font-weight: 400; font-size:0.9rem; font-style:italic; margin:0.5rem 0;}