/*  MICROTHEMER STYLES  */


/*= Body ====================== */

/** Body >> Body **/
body {
	background-color: rgba(124, 98, 201, 0.08) !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	width: 100% !important;
}

/** Body >> Everything **/
* {
	box-sizing: border-box !important;
}

/** Body >> Wrapper **/
div#wrapper {
	width: auto !important;
	max-width: 998px !important;
}


/*= Header ==================== */

/** Header >> Logo **/
div#wrapper a#logo {
	color: rgba(48, 16, 143, 0.8) !important;
	text-shadow: 2px 2px 3px rgba(124, 98, 201, 0.68) !important;
}

/** Header >> Search Button **/
form#search input.go {
	font-family: Verdana !important;
	font-size: 12px !important;
	text-shadow: 0 0 rgba(48, 16, 143, 0.22) !important;
	box-shadow: 2px 2px 5px 1px rgba(48, 16, 143, 0.38) !important;
	background-color: rgb(48, 16, 143) !important;
	top: -35px !important;
	left: 1px !important;
}

/** Header >> Search Button Hover **/
form#search input.go:hover {
	font-family: Verdana !important;
	font-size: 12px !important;
	text-shadow: 0 0 rgba(48, 16, 143, 0.22) !important;
	box-shadow: 2px 2px 5px 1px rgba(48, 16, 143, 0.38) !important;
	background-color: rgba(48, 16, 143, 0.7) !important;
	top: -35px !important;
	left: 1px !important;
}

/** Header >> Navigation Bar **/
div#wrapper ul#nav {
	color: rgb(36, 10, 113) !important;
	font-size: 12px !important;
	font-weight: bold !important;
	font-variant: normal !important;
	word-wrap: normal !important;
	text-shadow: 1px 1px 2px rgba(36, 10, 113, 0.25) !important;
	box-shadow: 2px 2px 4px rgb(204, 204, 204) !important;
	background-color: rgba(124, 98, 201, 0.17) !important;
	background-image: none, linear-gradient(180deg, rgba(124, 98, 201, 0.02), transparent 35px, rgba(124, 98, 201, 0.17)) !important;
	background-repeat: no-repeat !important;
	width: 100% !important;
	height: auto !important;
	min-height: 31px !important;
	max-height: 93px !important;
	box-sizing: border-box !important;
	border: 2px solid rgb(80, 52, 161) !important;
	border-radius: 5px !important;
}

/** Header >> Search Box **/
form#search input.search {
	box-shadow: 2px 2px 2px 1px inset !important;
	background-image: linear-gradient(90deg, rgb(255, 238, 17), transparent 35px, rgba(255, 238, 17, 0.34)) !important;
	border-color: rgb(80, 52, 161) !important;
	border-radius: 20px !important;
	top: -35px !important;
}

/** Header >> Site Title **/
a#logo span {
	color: rgb(36, 10, 113) !important;
	text-shadow: 1px 1px 2px rgba(36, 10, 113, 0.43) !important;
}


/*= Content =================== */

/** Content >> Content Text Formating **/
div#content p {
	color: rgb(24, 17, 45) !important;
	text-align: justify !important;
	text-shadow: 2px 2px 3px rgba(225, 222, 237, 0.59) !important;
}

/** Content >> Creative Commons Icon **/
div#content img.wp-caption-img {
	width: 16px !important;
	height: 16px !important;
}

/** Content >> Anchor **/
div#content a {
	text-shadow: 1px 1px 5px rgba(67, 31, 176, 0.61) !important;
}

/** Content >> Author Box **/
div#content div#aboutAuthor {
	box-shadow: 2px 3px 5px rgba(172, 166, 166, 0.95) !important;
	background-image: linear-gradient(90deg, rgb(255, 238, 17), rgba(255, 238, 17, 0.34) 65%) !important;
	padding-top: 15px !important;
	padding-left: 8px !important;
	margin-right: 5px !important;
	margin-bottom: 5px !important;
	margin-left: 10px !important;
	border: 3px solid rgb(67, 31, 176) !important;
	border-radius: 20px !important;
}

/** Content >> Comment Form Submit **/
form#commentform input#submit {
	color: rgb(251, 249, 249) !important;
	box-shadow: 2px 2px 3px rgb(204, 204, 204) !important;
	background-color: rgba(48, 16, 143, 0.96) !important;
}

/** Content >> Comment Form Submit Hover **/
form#commentform input#submit:hover {
	color: rgb(251, 249, 249) !important;
	box-shadow: 2px 2px 3px rgb(204, 204, 204) !important;
	background-color: rgba(48, 16, 143, 0.7) !important;
	border-color: rgb(48, 16, 143) !important;
	border-width: 2px !important;
	border-radius: 5px !important;
}

/** Content >> Content Left Column **/
section#middle div#content {
	list-style-type: none !important;
	width: 55.271% !important;
}

/** Content >> Post Meta **/
div#content div.pmeta {
	color: rgb(48, 16, 143) !important;
	text-shadow: 1px 1px 2px rgba(48, 16, 143, 0.48) !important;
}

/** Content >> Categories Columns **/
ul.column {
	position: static !important;
	float: left !important;
	clear: none !important;
}

/** Content >> Categories Total **/
div#categories {
	width: auto !important;
	max-width: 546px !important;
}


/*= Pages ===================== */

/** Pages >> Author Page Terms Box **/
div#content div#publishTerms {
	color: rgb(80, 52, 161) !important;
	font-size: 13px !important;
	line-height: 18px !important;
	box-shadow: 0 0 rgb(0, 0, 0) !important;
	background-image: linear-gradient(90deg, transparent, transparent) !important;
	border: 2px solid rgb(80, 52, 161) !important;
	border-radius: 5px !important;
}

/** Pages >> Author Page Submit Article Button **/
div#content input#submit {
	color: rgb(255, 255, 255) !important;
	box-shadow: 0 0 5px 1px rgba(48, 16, 143, 0.38) !important;
	background-color: rgb(48, 16, 143) !important;
}

/** Pages >> Author Page Submit Article Button Hover **/
div#content input#submit:hover {
	box-shadow: 2px 2px rgba(48, 16, 143, 0.34) !important;
	background-color: rgba(48, 16, 143, 0.7) !important;
	border-top-color: rgb(204, 204, 204) !important;
	border-width: 0 !important;
}

/** Pages >> Article Title Box **/
div#post_title input {
	border-color: rgb(48, 16, 143) !important;
}

/** Pages >> Article Submit New Tags Box **/
div#newtags input {
	border-color: rgb(48, 16, 143) !important;
}


/*= Comments ================== */

/** Comments >> Captcha Code Image **/
div#captchaImgDiv img#si_image_com {
	width: 170px !important;
	height: 60px !important;
}

/** Comments >> Captcha Code Refresh Image **/
div#si_refresh_com img.captchaImgRefresh {
	box-shadow: 0 0 0 !important;
	width: 30px !important;
	height: 30px !important;
}

/** Comments >> Comment Wrapper **/
form#commentform textarea#comment {
	color: rgb(48, 16, 143) !important;
	text-align: center !important;
	background-color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(0deg, rgb(255, 238, 17), transparent, rgba(255, 238, 17, 0.34)) !important;
	width: 70% !important;
	padding: 35px 25px 25px 25px !important;
	margin: 30px 30px 50px 70px !important;
	border: 5px solid rgb(80, 52, 161) !important;
	border-radius: 45px !important;
}

/** Comments >> Comment Triangle **/
form#commentform textarea#comment::before {
	margin-right: -20px !important;
	border-top: 20px solid rgb(80, 52, 161) !important;
	border-right: 20px solid rgb(80, 52, 161) !important;
	border-width: 20px !important;
	border-style: solid !important;
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	content: ' ' !important;
}


/*= Sidebar =================== */

/** Sidebar >> Sidebars **/
section#middle div.sidebar, 
h3 {
	color: rgba(48, 16, 143, 0.8) !important;
	text-shadow: 2px 2px 3px rgba(48, 16, 143, 0.51) !important;
}

/** Sidebar >> Aside **/
section#middle aside {
	width: 43.705% !important;
}

/** Sidebar >> Leftsidebar **/
section#middle div#leftSidebar {
	text-align: center !important;
	width: 49.18% !important;
	padding-right: -10px !important;
	padding-left: -10px !important;
	border-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Sidebar >> Rightsidebar **/
section#middle div#rightSidebar {
	text-align: center !important;
	width: 49.18% !important;
	padding-left: -11px !important;
}

/** Sidebar >> Authorize Login Text Entry **/
form#authoriz input#login, 
form#authoriz input#pass {
	background-image: linear-gradient(90deg, rgb(255, 238, 17), transparent 35px, rgba(255, 238, 17, 0.34)) !important;
	border-color: rgb(80, 52, 161) !important;
	border-radius: 5px !important;
}

/** Sidebar >> Authorize Login Button **/
form#authoriz input#enter {
	background-color: rgb(48, 16, 143) !important;
}

/** Sidebar >> Authorize Login Button Hover **/
form#authoriz input#enter:hover {
	background-color: rgba(48, 16, 143, 0.7) !important;
}


/*= Footer ==================== */

/** Footer >> Footer Bar **/
footer {
	text-shadow: 0.5px 0.5px !important;
	box-shadow: 2px 2px 4px !important;
	background-color: rgba(124, 98, 201, 0.17) !important;
	background-image: linear-gradient(0deg, rgba(124, 98, 201, 0.17), transparent 35px, rgba(124, 98, 201, 0.01)) !important;
	border: 2px solid rgb(80, 52, 161) !important;
	border-radius: 5px !important;
}


/*( Tablet & Phone )*/
@media (max-width: 750px) {

	/*= Body ====================== */

	/** Body >> Body **/
	body {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

	/** Body >> Wrapper **/
	div#wrapper {
	clear: none !important;
}


	/*= Header ==================== */

	/** Header >> Search Button **/
	form#search input.go {
	top: -30px !important;
	left: -425px !important;
}

	/** Header >> Search Button Hover **/
	form#search input.go:hover {
	top: -35px !important;
	left: -425px !important;
}

	/** Header >> Navigation Bar **/
	div#wrapper ul#nav {
	height: 63px !important;
	top: 108px !important;
}

	/** Header >> Search Box **/
	form#search input.search {
	top: -30px !important;
	left: -430px !important;
}


	/*= Content =================== */

	/** Content >> Content Left Column **/
	section#middle div#content {
	width: 95% !important;
}

	/** Content >> Post Meta **/
	div#content div.pmeta {
	position: relative !important;
	top: 12px !important;
}

	/** Content >> Post Title **/
	div#content h2 {
	position: relative !important;
	top: 20px !important;
}


	/*= Sidebar =================== */

	/** Sidebar >> Sidebars **/
	section#middle div.sidebar, 
h3 {
	float: none !important;
	clear: left !important;
	visibility: visible !important;
}

	/** Sidebar >> Aside **/
	section#middle aside {
	position: static !important;
	float: left !important;
	clear: none !important;
	visibility: collapse !important;
}

	/** Sidebar >> Leftsidebar **/
	section#middle div#leftSidebar {
	width: 99% !important;
	padding-top: 20px !important;
}

	/** Sidebar >> Rightsidebar **/
	section#middle div#rightSidebar {
	width: 99% !important;
	padding-top: 20px !important;
	position: static !important;
	float: left !important;
	clear: left !important;
	visibility: visible !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Content =================== */

	/** Content >> Content Left Column **/
	section#middle div#content {
	list-style-type: disc !important;
	width: 95% !important;
	position: static !important;
	float: none !important;
	clear: left !important;
	display: block !important;
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

	/** Content >> Post Meta **/
	div#content div.pmeta {
	color: rgb(48, 16, 143) !important;
	text-shadow: 1px 1px 2px rgba(48, 16, 143, 0.48) !important;
	margin-top: 50px !important;
	position: relative !important;
	top: 8px !important;
}

	/** Content >> Recent **/
	ul#recent li {
	padding: 4px 2px 4px 2px !important;
	margin-right: 2px !important;
	margin-left: 2px !important;
	overflow: hidden !important;
	visibility: visible !important;
	opacity: 1 !important;
}

	/** Content >> Post Title **/
	div#content h2 {
	top: 50px !important;
}

	/** Content >> Subcat Spacing **/
	li.cat-item {
	padding-top: 30px !important;
}


	/*= Body ====================== */

	/** Body >> Body **/
	body {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

	/** Body >> Wrapper **/
	div#wrapper {
	padding-right: 0 !important;
	padding-left: 0 !important;
	clear: left !important;
	overflow: visible !important;
	visibility: visible !important;
}


	/*= Header ==================== */

	/** Header >> Logo **/
	div#wrapper a#logo {
	top: 15px !important;
}

	/** Header >> Search Button **/
	form#search input.go {
	top: -35px !important;
	left: -90px !important;
}

	/** Header >> Search Button Hover **/
	form#search input.go:hover {
	top: -35px !important;
	left: -90px !important;
	right: 90px !important;
}

	/** Header >> Navigation Bar **/
	div#wrapper ul#nav {
	width: 100% !important;
	height: 100% !important;
	top: 108px !important;
	bottom: -108px !important;
}

	/** Header >> Search Box **/
	form#search input.search {
	top: -35px !important;
	left: -185px !important;
}


	/*= Sidebar =================== */

	/** Sidebar >> Sidebars **/
	section#middle div.sidebar, 
h3 {
	width: 100% !important;
	float: left !important;
	clear: left !important;
	visibility: visible !important;
}

	/** Sidebar >> Aside **/
	section#middle aside {
	width: 100% !important;
	visibility: visible !important;
}

	/** Sidebar >> Leftsidebar **/
	section#middle div#leftSidebar {
	text-align: center !important;
	width: 99% !important;
	display: block !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	visibility: visible !important;
}

	/** Sidebar >> Rightsidebar **/
	section#middle div#rightSidebar {
	text-align: center !important;
	width: 99% !important;
	display: block !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	visibility: visible !important;
}


}