/*
Theme Name: Black with Orange
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Black and orange are main colors used in the theme. Menu is widgetized. Theme has got very light and optimized code (xHTML and CSS).
Author: Ugesi and XMission -- do not update this theme or it will break
Version: 10000.6
Tags: black, orange, dark, two-columns, fixed-width, editor-style, sticky-post
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {min-height: 100%; padding-bottom: 1px; overflow: scroll;}
body {background: #fff; color: #444; font: 0.75em/1.5 "Arial", "Helvetica", sans-serif; }
[class] {list-style: none; padding: 0}
h1, h2, h3, h4, h5, h6 {font-size: 1em}
dt {font-weight: 700}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #EE4B00; text-decoration: none; outline: none; cursor: pointer}
a:hover {text-decoration: underline}
textarea, input, select, option, optgroup, button {font: 1em "Arial", "Helvetica", sans-serif}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}

/* Custom fonts
------------------------------------------ */
@font-face {font-family: 'MuseoSans'; src: url('fonts/museosans_500-webfont.eot'); src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_500-webfont.woff') format('woff'), url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#MuseoSans500') format('svg'); font-weight: normal; font-style: normal;}

/* Global Styles
------------------------------------------ */

h1 {margin: 10px 0 0.75em; padding-bottom: 10px; background: url("images/big-line.gif") 0 bottom no-repeat; font: normal 2em arial,sans-serif;}
h2 {margin: 1em 0; padding-bottom: 5px; background: url("images/big-line.gif") 0 bottom no-repeat; font: normal 1.667em arial,sans-serif;}
h2 a {color:#444}
h2 a:hover {color: #ff6000;}
h3 {margin: 1em 0 0; color: #969696; font: normal 1.5em arial,sans-serif;}
h4 {margin: 1em 0 0; font: normal 1.25em arial,sans-serif;}
h5 {margin: 1em 0 0; font-size: 1.083em; font-weight: bold;}
h6 {margin: 1em 0 0; color: #969696; font-size: 1em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: arial,sans-serif;}
blockquote {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #f0f0f0; background: #fafafa; font-style: italic;}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #cacaca;}
table th, table th[class] {padding: 5px 10px; border: 1px solid #cacaca; background: #e6e6e6;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #cacaca;}
table tr.alternate td {background: #fafafa;}

form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #f0f0f0; background: #fafafa;}
label {clear: left; width: 150px; padding: 4px 0; font-weight: bold;}
input, select {width: 300px; margin: 5px 0; padding: 4px 10px; border: 1px solid #cacaca; background: #fff; vertical-align: middle; }
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto;}
span.required {padding: 0 5px; color: #ff6000; font-weight: bold; font-size: 1.333em;}
textarea {width: 430px; min-width: 430px; max-width: 430px; height: 100px; margin: 5px 0; padding: 5px 10px; border: 1px solid #cacaca; background: #fff; }
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {height: 24px; padding: 0 15px; border: 1px solid #cacaca; background: #ff6d16 url("images/button.png") repeat-x top; color: #fff; font-weight: bold; line-height: 24px; text-shadow: #c57240 1px 1px 1px; vertical-align: middle;}

/* Main Layout
------------------------------------------ */
body {min-width: 960px; background: #f4f4f4;}
.header {height: 100px; background: #000000 url("//asset.xmission.com/blog/transmission-header.jpg") center top no-repeat;}
.header>div {width: 940px; overflow: hidden; margin: 0 auto;}
.header p {margin: 0;}
.header p.title {float: left; max-width: 450px; margin: 0; padding: 10px 17px 10px 0; background: url("images/header-separator.png") right center no-repeat; color: #fff; font: normal 1.833em/42px arial,sans-serif;}
.header p.title a {color: #fff; text-transform: uppercase;}
.header p.tagline {float: left; width: 350px; min-height: 32px; padding: 15px 0 15px 15px; line-height: 32px;}
.header p.tagline span {display: inline-block; color: #fff; font: normal 1.25em/1.5em arial,sans-serif; vertical-align: middle;}
.nav {background: #2b2b2b;}
.nav>div {width: 940px; margin: 0 auto;}
.nav ul.menu {clear: left; margin: 0; padding: 0;}
.nav ul.menu li {margin: 0;}
.nav ul.menu>li {float: left; position: relative; z-index: 1; overflow: hidden;}
.nav ul.menu>li:hover {overflow: visible; z-index: 20;}
.nav ul.menu>li>a {float: left; height: 28px; padding: 0 18px; border-left: 1px solid #434343; border-right: 1px solid #202020; color: #d5d5d5; font: normal 1.083em/28px arial,sans-serif; }
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current_page_item>a, .nav ul.menu>li.current-menu-item>a {background: #ff6000; color: #fff; text-decoration: none;}
.nav ul.menu ul {position: absolute; left: 0; top: 28px; width: 180px; list-style: none; margin: 0; padding: 0; border: 1px solid #434343; background: #2a2a2a;}
.nav ul.menu ul li {position: relative; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #434343; }
.nav ul.menu ul li:first-child {border-top: none;}
.nav ul.menu>li>ul>li:hover {overflow: visible;}
.nav ul.menu ul li a {display: block; padding: 5px 15px; color: #d5d5d5;}
.nav ul.menu ul li a:hover, .nav ul.menu ul li:hover>a {background: #434343; color: #fff; text-decoration: none;}
.nav ul.menu ul ul {left: 180px; top: 0;}
.header form {float: right; margin: 20px 0 0; padding: 0; border: none; background: none; text-align: right;}
.header form button {
    background: none repeat scroll 0 0 #EE4B00;
    border: 1px solid #EE4B00;
    color: #EEEEEE;
    font-weight: normal;
    line-height: normal;
    opacity: 0.8;
    padding: 0 6px;
    text-indent: 0;
    text-shadow: 0 0 3px black;
}
.header form input {width: 210px; height: 22px; margin: 0; padding: 0 5px; border: 1px solid #6d6d6d; background: transparent url("images/input.png") repeat-x; color: #ccc; line-height: 22px; vertical-align: middle;}

.body {background: url("images/bg.png") center repeat-y;}
.content {overflow: hidden; width: 990px; margin: 0 auto; padding: 40px 0;}
.main {float: left; overflow: hidden; width: 625px;}
.sidebar {float: right; width: 250px; }
.footer {background: #f4f4f4 url("images/footer.png") 0 0 repeat-x;}
.footer>div {overflow: hidden; width: 940px; margin: 0 auto; padding: 5px 0;}
.footer p {margin: 0; color: #999; font-size: 0.917em; line-height: 1.75em; text-align: center;}
.footer p.powered {font-size: 0.833em;}
.footer p.powered a {color: #999;}
.footer p.powered a:hover {color: #333;}
.footer ul {display: block; width: 960px; text-align: center;}
.footer ul li {display: inline; margin: 0; padding: 0 5px; border-left: 1px solid #666; padding:0 8px 0 10px}
.footer ul li:first-child {border-left: none;}
.footer ul a {color: #616161;}
.footer ul a:hover {color: #333;}
.footer ul ul {display: none;}

.sidebar ul li a {padding-left:0 !important}

/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1.5em;}
.sidebar h3 {padding-bottom: 5px; background: url("images/big-line.gif") 0 bottom no-repeat; color: #666;}
.sidebar ul {list-style: none; margin: 0 0 32px 0; padding: 0;}
.sidebar ul li {margin: 0; padding: 5px 0; border-top: 1px solid #ddd; color: #969696;}
.sidebar ul li.current_page_item, .sidebar ul li.current-cat {background: #fff;}
.sidebar ul li.current_page_item li, .sidebar ul li.current-cat li {background: #F4F4F4;}
.sidebar ul li a {padding-left: 5px; color: #616161;}
.sidebar ul li a:hover {color: #ff6000;}
.sidebar ul li a:visited {color: #999;}
.sidebar ul li ul {margin: 5px 0 -5px;}
.sidebar ul li ul li a {padding-left: 20px;}
.sidebar ul li ul li ul li a {padding-left: 35px;}
.sidebar form {padding: 0; border: none; background: transparent;}
.sidebar form input {width: 195px; margin: 0; padding: 4px 10px; vertical-align: middle;}
.sidebar form button { background: transparent url("images/search-button.png") center center; vertical-align: middle;}

/* post styles
------------------------------------------ */
.post, .page {clear: both; overflow: hidden; margin-bottom: 40px;}
.post h2, .page h2 {margin-top: 0;}
p.post-meta {margin: -1.25em 0 0; color: #aaa; line-height: 20px;}
p.post-meta span {padding: 2px 0 2px 25px; background: url("images/icons.png") no-repeat; line-height: 20px;}
p.post-meta span.date {background-position: 3px -3px;}
p.post-meta span.author {background-position: 3px -23px;}
p.post-meta span.cats {background-position: 3px -42px;}
p.post-meta span.comments {background-position: 3px -63px;}
p.tags {width: 420px; margin-top: 0.5em; margin-bottom: 5px; font-size: 0.917em; margin-left:145px}
p.tags span {padding-left: 25px; background: url("images/icons.png") 0 -144px no-repeat;}
p.more {float: right; margin-top: 0.5em;  margin-bottom: 5px; padding-left: 20px; }
p.more a {float: right; height: 20px; padding: 0 25px 0 0; background: url("images/icons.png") no-repeat 100% -100px; line-height: 20px; }
p.more a:hover {color: #333; text-decoration: none;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

/* comments
------------------------------------------ */
.comments {clear: both;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 10px 20px; border: 1px solid #e6e6e6; background: #fff;}
ul.commentlist li.odd {background: #fafafa;}
ul.commentlist li li {clear: both; margin-left: 20px;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #e6e6e6; background: #fff;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; padding-left: 20px; background: url("images/icons.png") 0 -64px no-repeat;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}

/* misc
------------------------------------------ */
.clear {height: 0; clear: both; overflow: hidden;}
.alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 20px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #969696; font-size: 0.917em !important;}
.nocomments {clear: both; color: #666;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 640px; height: auto;}
embed {max-width: 650px;}
.wp-caption img, .wp-caption embed {max-width: 620px;}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 1px solid #e6e6e6; background: transparent;}
[id*="gallery"] img {border: 1px solid #e6e6e6;}

.wp-caption {max-width: 620px;}
.wp-caption, .gallery-caption {padding: 5px; border: 1px solid #ddd; background: #fafafa; text-align: center;}

p.pagination {clear: both; overflow: hidden;}
p.pagination a {background: url("images/icons.png") no-repeat; font-weight: bold;}
p.pagination a:hover {color: #000; text-decoration: none;}
p.pagination .prev a {float: left; height: 20px; padding: 0 0 0 25px; background-position: 0 -120px; line-height: 20px;}
p.pagination .next a {float: right; height: 20px; padding: 0 25px 0 0; background-position: 100% -100px; line-height: 20px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
p.comment-form-comment label, p.comment-form-url label, p.comment-form-email label, p.comment-form-author label {display: block; float: left;}
.main h3, .main h2 {clear: both;}
.searchform button {width: 27px; background: transparent url("images/search-button.png"); padding: 0;}

.sticky {padding-left: 5px; border-left: 3px solid #e6e6e6;}
.gallery-caption {position: static;}
.bypostauthor {position: static;}



/* CUSTOMIZATIONS by ARTDROID */

.header {border-bottom:15px solid black;  position:relative;}

.header p.title {
	background:none transparent;
	position:absolute;
	top:20px;
}

.header p.title a {
    color: #FFFFFF;
    text-transform: uppercase;
    text-indent:-9999px;
    background:none transparent;
    display:block;
    width:388px;
    height:40px;
    margin:2px 0 0 -184px;
}

p.tagline {
	text-indent:-9999px;	
}

.nav {display:none}

.header > div {
    padding: 0 0 0 10%;
}


.header form input {
	background:#CFD0D0;
	border:1px solid #CFD0D0;
	color:black;
}

.header form input:focus {
	background:white;
	border:1px solid white;
}

.header form button {
	background:#EE4B00;
	border:1px solid #EE4B00;
	opacity:0.8;
}

.header form button:hover {
	opacity:1.0;
}

.header form { margin-top:30px; margin-right:43px}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: arial,helvetica,sans-serif;
}

h2, h1, h3 {background:none transparent !important; border-bottom:1px solid #ddd; margin-top:0; padding-top:0}

p.post-meta {font-size:12px !important; color:#888 !important}
p.post-meta span {background:none transparent; padding:2px 0}
p.post-meta a {color:#888}
p.post-meta .date:after, p.post-meta .author:after, p.post-meta .cats:after {content: "\0000a0\0000a0 \002022\0000a0"}
p.post-meta .comments:after {content:"\0000a0comments"}
a.post-edit-link {padding-left:10px; opacity:0.75}
a.post-edit-link:hover {opacity:1.0}

.main p {font-size:16px; font-family:arial, helvetica, sans-serif !important; color:#555}
.main li {font-size:16px; padding-bottom:8px; color:#555}

.tags {font-size:12px !important; margin-top:0 !important; padding-top:0}
.tags a {color:#888}

.sidebar ul li {
    border-top: none;
	padding-bottom:12px;
font-size:14px;
}

.postWrap {margin-left:150px}

p.more {margin-top:0}

.postThumbs {
	float:left; margin:20px 20px 20px 0; width:120px; border:1px solid white;
}

.postThumbs:hover {border-color:#eee}

.sidebar select {width:250px !important}
input#email {width:228px}

.footer div p {display:none}
.footer {padding:10px 0; background:#46494f} 
.footer, .footer a, .footer ul a {color:#AAAAAA}
.footer:hover, .footer a:hover, .footer ul a:hover {color:white}


#rightStuff {
    padding: 0 !important;
    position: absolute;
    right: 310px;
    top: 31px;
    width: 115px !important;
}

#rightStuff .fb, #rightStuff .twit, #rightStuff .gplus, #rightStuff .linkedIn {
	background-image:url(//asset.xmission.com/xmweb2/social-icons-flat.png);
	display:block;
	width:22px;
	height:22px;
	overflow:hidden;
	text-decoration:none;
	margin:0 6px 0 0;
	float:left;
}

#rightStuff .fb {	clear:both;	background-position:left top;}
#rightStuff .fb:hover {background-position:left bottom}

#rightStuff .twit {	background-position:23px top; }
#rightStuff .twit:hover { background-position:23px bottom; }

#rightStuff .gplus { background-position:45px top; }
#rightStuff .gplus:hover { background-position:45px bottom; }

#rightStuff .linkedIn {	background-position:67px top; }
#rightStuff .linkedIn:hover {	background-position:67px bottom; }

.searchboxy {color:#888 !important; height:22px; padding-left:4px}
.searchboxy:active, .searchboxy:focus {color:black !important}

.linksEtc {margin:0 0 36px 0}
.linksEtc a {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-top:4px;
	margin-left:-4px;
	padding-left:16px;
	background:url('https://asset.xmission.com/xmweb2/bullet-osquare.png') no-repeat 4px 4px;
}


.content button, input[type="submit"] {
	background:#D33F00 !important;
	text-shadow:none !important;
	font-size:16px;
	font-weight:normal;
	border:0 none;
	padding:4px 12px;
	opacity:0.9;
}

.content button:hover, input[type="submit"]:hover {
	opacity:1.0;
}

.form-allowed-tags {
	font-size:13px !important;
}

p.form-submit, p.form-allowed-tags {
    margin-left: 20px;
}

.single-post img.alignleft {
   margin:0 2em 1.15em 0
}

/* pure evil, do not touch */
#WPcheetsTable { color: #555; font-family: arial,helvetica,sans-serif !important; font-size: 16px; background:white; border:0 }
#WPcheetsTable td {margin:0; padding:0; border:0; background:white;}
#WPcheetsTable div {padding:0 2px 2px 0; border-right:none !important}
#WPcheetsTable h2 {padding:4px 20px; color:white; font-size:18px; font-weight:normal; border:0 none}
#WPcheetsTable p {margin-left:20px; line-height:24px; padding-right:30px; padding-bottom:22px}
#WPcheetsTable a, #WPcheetsTable a:visited { color: #2a7dd1; text-decoration:none;}
#WPcheetsTable a:hover {text-decoration:underline}


/* less evil; touchable */
pre.code {
	font-size:14px;
	background-image: -webkit-linear-gradient(#eee 50%, white 50% );
	background-image: linear-gradient(#eee 50%, white 50%); /* 2 */
  	background-size: 100% 3em; /* 3 */
	border:1px solid #ddd;
	padding:0 2px 0 6px;
	border-left:5px solid #00BFE6;
	color:black;
}



.redbtn {
	background:#EE4B00;
	display:inline-block;
	color:white;
	border-radius:4px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 12px;
	border:1px solid white;	
	transition:background 0.2s;
}

.redbtn:hover {
	background:#DD3B00;
	text-decoration:none;
	transition:background 0.2s;
}

h2 {
    margin: 2em 0 1em 0 !important;
}

p.pagination {overflow:visible; height:auto;}

p.pagination .prev a {
	background:url(https://xmission.com/blog/wp-content/uploads/2017/08/arrow-left.png) no-repeat left top;
	height:auto;
	margin-bottom:2em;
}

p.pagination .next a {
	background:url(https://xmission.com/blog/wp-content/uploads/2017/08/arrow-right.png) no-repeat right top;
	clear:both;
	height:auto;
	margin-bottom:2em;
	text-align:right;
}

span.prev, span.next {
	width:48%;
	display:block;
}

span.next {float:right}