/*
Theme Name: extremehowto.com version 1.1
Theme URL: https://the3d-solutions.com/
Description: 3DSolutions is a private sector firm which provides services to its clients worldwide. We are a team of highly dedicated, energetic and talented young professionals. We cover your web development needs in a timely and cost effective manner. Whether you require an e-commerce website, CMS, personalized blogs, forums or a corporate website we cover every aspect of it ranging from a high quality web design to a reliable end product..
Author: the 3dsolutions team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

@import url(css/reset.css);
@import url(css/fonts.css);
* {
	outline: none;
	padding: 0;
	margin: 0;
}
.fb_reset {
	display: none;
}
#single-article h1,
#single-article h2,
#single-article h3,
#single-article h4,
#single-article h5,
#single-article h6 {
	color: #010101;
	margin-bottom: 15px;
	font-weight: normal;
	font-family: 'OpenSansRegular';
	clear: both;
}
.sticky {
}
#punch-logo {
	position: absolute;
	right: 20px;
	top: 40px;
}
ul {
	list-style-type: none;
}
/*///////////////// General /////////////////*/

body {
	background: #f7f7f7;
	font-family: 'OpenSansRegular';
	font-size: 16px;
	color: #000;
}
#shadow {
	background: #ececec;
	margin: 0 auto 20px;
	padding: 5px;
	width: 1150px;
}
#content-inner {
	border: solid 1px #d3d3d3;
	padding: 20px;
	background: #ffffff;
}
/*///////////////// Typography /////////////////*/

h1 {
	font-size: 22px;
	font-family: 'OpenSansRegular';
}
h2 {
	font-size: 20px;
	color: #000;
	font-family: 'OpenSansRegular';
}
h3 {
	font-size: 18px;
	font-family: 'OpenSansRegular';
}
h4 {
	font-size: 16px;
	font-family: 'OpenSansRegular';
}
h5 {
	font-size: 12px;
	font-family: 'OpenSansRegular';
}
h6 {
	font-size: 10px;
	font-family: 'OpenSansRegular';
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}
p {
	padding-bottom: 15px;
	line-height: 32px;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color: #003766;
}
a:hover {
	text-decoration: underline;
}
img {
	outline: none;
	border: none;
}
/*///////////////// General Layout Helpers /////////////////*/

.container {
	margin: 0 auto;
	width: 1100px;
}
#footer .container {
	width: 1000px;
	margin: 0 auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	line-height: 0;
	font-size: 0;
	clear: both;
	height: 0;
}
.logoleft {
	float: left;
	margin: 0px 0px 0px 0px;
}
/*///////////////// Header.php /////////////////*/

#wrap-header {
	width: 100%;
	background: url(images/bg-header.gif) repeat-x left top #004581;
	margin-bottom: 12px;
}
#header {
	width: 1000px;
	margin: 0 auto;
	background: url(images/bg-header.gif) no-repeat right top;
	position: relative;
	padding: 12px 0 0 0;
	position: relative;
	z-index: 9999999999999;
}
#logo {
	width: 271px;
	float: left;
	padding-top: 7px;
}
#header-right {
	width: 709px;
	float: right;
}
.followus {
	width: 110px;
	float: right;
	padding-top: 7px;
	max-height: 30px;
}
.followus a {
	display: block;
	float: left;
	margin-left: 9px;
}
#search-box {
	float: right;
	width: 345px;
}
#search-box input {
	float: left;
}
#search-box input.gsc-input {
	background: #fff;
	border: 1px solid #004784;
	border-right: none;
	width: 269px;
	line-height: 27px;
	color: #3e3e3e;
	font-family: 'OpenSansRegular';
	font-size: 12px;
	padding-left: 10px;
	height: 27px;
}
#search-box .gsc-branding {
	display: none;
}
#search-box input.gsc-search-button {
	background: url(images/btn-search.gif) no-repeat left;
	border: none;
	font-size: 0px;
	margin: 0;
	height: 31px;
	width: 37px;
	min-width: 37px !important;
	padding: 0;
}
#search-box table.gsc-search-box td.gsc-input {
	padding: 0 !important;
}
/* =Menu
-------------------------------------------------------------- */

#navigation {
	display: block;
	float: left;
}
#navigation ul {
	list-style: none;
	margin: 0;
}
#navigation li {
	float: left;
	position: relative;
	padding: 0 0 0 1px;
}
#navigation a {
	color: #fff;
	font-family: 'bignoodletitlingregular';
	font-size: 30px;
	text-transform: capitalize;
	text-decoration: none;
	padding: 15px 17px 29px 17px;
	display: block;
}
#navigation a span {
	border-bottom: solid 6px #128be0;
	padding-bottom: 5px;
}
#navigation ul ul {
	display: none;
	position: absolute;
	top: 81px;
	left: 0;
	float: left;
	width: 220px;
	padding: 5px;
	z-index: 99999;
	background: #128be0;
	margin-left: 1px;
}
#navigation ul ul li {
	min-width: 220px;
	border-top: 1px solid #fff;
	padding: 0;
}
#navigation ul ul ul {
	left: 100%;
	top: -6px;
}
#navigation ul ul a {
	background: none;
	line-height: 1em;
	padding: 10px;
	width: 200px;
	height: auto;
	font-family: 'OpenSansRegular';
	font-size: 14px;
}
#navigation ul ul a span {
	background: none;
	border: none;
	padding: 0;
}
#navigation li:hover > a {
	text-decoration: none;
	color: #ffcc21;
	background: url(images/nav-bg-hover.gif) repeat-x left top #128be0;
}
#navigation li:hover > a span {
	border-bottom: solid 6px #fff;
}
#navigation ul ul:hover > a {
	background: #003766 !important;
}
#navigation ul ul:hover > a span {
	border: none;
}
#navigation ul li:hover > ul {
	display: block;
}
#navigation ul li.current_page_item > a,
#navigation ul li.current-menu-ancestor > a,
#navigation ul li.current-menu-item > a,
#navigation ul li.current-menu-parent > a {
	text-decoration: none;
	background: url(images/nav-bg-hover.gif) repeat-x left top #128be0;
	color: #ffcc21;
}
#navigation ul li.current_page_item > a span,
#navigation ul li.current-menu-ancestor > a span,
#navigation ul li.current-menu-item > a span,
#navigation ul li.current-menu-parent > a span {
	border-bottom: solid 6px #fff;
}
* html #navigation ul li.current_page_item a,
* html #navigation ul li.current-menu-ancestor a,
* html #navigation ul li.current-menu-item a,
* html #navigation ul li.current-menu-parent a,
* html #navigation ul li a:hover {
	text-decoration: none;
	background: url(images/nav-bg-hover.gif) repeat-x left top #128be0;
	color: #ffcc21;
}
* html #navigation ul li.current_page_item a span,
* html #navigation ul li.current-menu-ancestor a span,
* html #navigation ul li.current-menu-item a span,
* html #navigation ul li.current-menu-parent a span,
* html #navigation ul li a:hover span {
	border-bottom: solid 6px #fff;
}
#navigation ul li.current_page_item li a,
#navigation ul li.current-menu-ancestor li a,
#navigation ul li.current-menu-item li a,
#navigation ul li.current-menu-parent li a {
	background: none;
	line-height: 1em;
	padding: 10px;
	width: 200px;
	height: auto;
	font-family: 'OpenSansRegular';
	font-size: 14px;
}
#navigation ul li.current_page_item li a span,
#navigation ul li.current-menu-ancestor li a span,
#navigation ul li.current-menu-item li a span,
#navigation ul li.current-menu-parent li a span {
	border: none;
}
/*-------------------------End Main Menu-----------------------------*/

#wrap-nav {
	width: 100%;
	background: url(images/bg-news.gif) repeat-x left top;
	padding: 2px 0 1px 0;
	z-index: 1;
}
#explore-nav h3 {
	color: #ffcc21;
	background: none;
	padding: 0;
	font-family: 'OpenSansRegular';
	font-size: 12px;
	float: left;
	font-weight: normal;
	line-height: 35px;
}
#explore-nav {
	display: block;
	width: 1000px;
	margin: 0 auto;
}
#explore-nav ul {
	list-style: none;
	margin: 0;
}
#explore-nav li {
	float: left;
	position: relative;
	background: url(images/sep.gif) no-repeat right;
	padding: 0 14px 0 15px;
	line-height: 35px;
	font-family: 'OpenSansRegular';
	font-size: 12px;
	display: block;
}
#explore-nav li.last {
	background: none;
	padding-right: 0;
}
#explore-nav a {
	font-family: 'OpenSansRegular';
	font-size: 12px;
	color: #fff;
	line-height: 35px;
	display: block;
	float: left;
}
#explore-nav ul ul {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	float: left;
	width: 220px;
	padding: 0 5px 5px 5px;
	z-index: 99999;
	background: #003766;
}
#explore-nav ul ul li {
	min-width: 220px;
	border-top: 1px solid #fff;
	padding: 0;
	background: none;
}
#explore-nav ul ul ul {
	left: 100%;
	top: -1px;
}
#explore-nav ul ul a {
	background: none;
	line-height: 10px;
	padding: 10px;
	width: 200px;
	height: auto;
}
#explore-nav li:hover > a {
	text-decoration: underline;
}
#explore-nav ul ul:hover > a {
	background: #128adf;
	text-decoration: none;
}
#explore-nav ul li:hover > ul {
	display: block;
}
#explore-nav ul li.current_page_item > a,
#explore-nav ul li.current-menu-ancestor > a,
#explore-nav ul li.current-menu-item > a,
#explore-nav ul li.current-menu-parent > a {
	text-decoration: underline;
}
* html #explore-nav ul li.current_page_item a,
* html #explore-nav ul li.current-menu-ancestor a,
* html #explore-nav ul li.current-menu-item a,
* html #explore-nav ul li.current-menu-parent a,
* html #explore-nav ul li a:hover {
	text-decoration: underline;
}
/*----------------------------end Exploer nav-----------------------*/

#navigationbottom {
	position: relative;
}
#navigationbottom ul {
	margin: 15px 0 0 -10px;
}
#navigationbottom ul li {
	float: left;
	font-size: 18px;
	position: relative;
}
#navigationbottom ul li a {
	color: #fff;
	padding: 0 8px;
	text-decoration: none;
	text-transform: capitalize;
	display: block;
}
#navigationbottom ul {
	margin-top: 0px;
}
#navigationbottom ul .sub-menu li:hover {
	background: #314a31;
}
#navigationbottom ul li:hover > .sub-menu {
	display: block;
}
.sub-menu {
	background: #232;
	display: none;
	padding: 5px 0;
	position: absolute;
	top: 20px;
	left: auto;
	z-index: 500;
	width: 200px;
}
.sub-menu .sub-menu {
	left: 100%;
	top: 0px;
}
#navigationbottom .sub-menu li {
	font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-size: 11px;
	width: 100%;
}
#navigationbottom .sub-menu li a {
	color: #fff;
}
#navigationbottom .sub-menu li a:hover {
	color: #fecd21;
}
ul.navmenu {
	margin: 10px 0;
	overflow: hidden;
}
ul.navmenu li {
	padding: 0 30px 0 34px;
	list-style-type: none;
	display: inline;
}
ul.navmenu li a,
#footernav a:active,
#footernav a:visited {
	color: #fff;
	text-decoration: none;
}
ul.navmenu li a:hover {
	text-decoration: underline;
}
#navmenu .sub-menu {
	margin: 10px 0;
	overflow: hidden;
}
#navmenu .sub-menu li {
	padding: 0 30px 0 34px;
	list-style-type: none;
	display: inline;
}
#navmenu .sub-menu li a,
#footernav a:active,
#footernav a:visited {
	color: #fff;
	text-decoration: none;
}
#navmenu .sub-menu li a:hover {
	text-decoration: underline;
}
/*///////////////// Index.php /////////////////*/

.article-listing {
	margin: 10px 0;
}
.article-listing-image {
	float: left;
	margin: 0 10px 0 0;
}
.article-listing-title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
}
.article-listing-title a {
	color: #232323;
	text-decoration: underline;
}
.article-listing p {
	font-size: 12px;
	line-height: 14px;
}
.article-listing-read-article {
	color: #232323 !important;
	text-decoration: underline;
	font-size: 10px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
}
/*///////////////// Front-page.php /////////////////*/

#special-section {
}
#special-section .colA {
	width: 710px;
}
#featured-articles {
	height: 345px;
	overflow: hidden;
	width: 100% !important;
}
.featured-article {
	background: #232323;
	height: 345px;
	/*max-height:345px;*/

	width: 100% !important;
}
.featured-article .col1 {
	width: 390px;
}
.featured-article .col2 {
	height: 100%;
	margin: 15px 25px 0 0;
	width: 270px;
}
.featured-article h6 a {
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.featured-article-text {
	margin: 8px 0 0 0;
}
.featured-article-text h1 a {
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.2;
	text-transform: uppercase;
}
.featured-article-text p {
	color: #e7e7e7;
	font-size: 11px;
	line-height: 1.6;
	margin: 10px 0;
}
.featured-article-readmore {
	color: #dfb523;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}
#featured-articles-navigation {
	margin: 0 0 0 -10px;
}
.featured-articles-nav {
	list-style: none;
	margin: 10px 0 0 10px;
	vertical-align: top;
	width: 230px;
	*margin: 10px 0 0 5px;
}
.featured-articles-nav h4 {
	line-height: 14px;
	margin: 0 0 0 10px;
	width: 150px;
}
.featured-articles-nav h4 a {
	color: #011013;
	text-transform: uppercase;
}
#special-section .colB {
	width: 230px;
}
#current-issue {
}
#current-issue a {
	color: #000;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.view-current-issue img,
.img-border img {
	border: solid 1px #dddddd;
	padding: 3px;
	margin-bottom: 20px;
}
#stay-connected {
	margin: 0 auto;
	width: 170px;
}
#stay-connected li {
	list-style: none;
	line-height: 0;
	margin: 0 auto;
	width: 170px;
	text-align: center;
}
#normal-section {
}
#normal-section .colA {
	width: 728px;
}
#how-to-videos-list {
	width: 296px;
	float: left;
	padding: 1px;
	border: solid 1px #dddddd;
	margin-right: 23px;
	background: url(images/bg-box.gif) repeat-x left bottom #fff;
}
#how-to-videos-list header {
	margin-bottom: 10px;
}
#how-to-videos-list h2 span {
	background: url(images/icon-video.gif) no-repeat left;
	display: block;
	padding-left: 41px;
	line-height: 44px;
}
#how-to-videos-list article {
	padding: 0 15px;
	padding-bottom: 10px;
}
#how-to-videos-list li {
	background: url(images/sep-btm.gif) no-repeat center top;
	padding: 9px 0;
	display: block;
	min-height: 70px;
}
#how-to-videos-list li.first {
	background: none;
}
#how-to-videos-list li img {
	border: solid 1px #dddddd;
	padding: 3px;
	margin-right: 10px;
	font-family: 'OpenSansRegular';
	font-size: 12px;
	color: #fff;
	float: left;
}
#how-to-videos-list li a img {
	border: none;
	padding: 0;
	float: none;
	margin-top: 10px;
}
#how-to-videos-list .info {
	width: 150px;
}
#how-to-videos-list h3 {
	line-height: 18px;
	text-transform: uppercase;
}
#how-to-videos-list .info a {
	color: #fff;
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
}
#featured-product-list {
	width: 296px;
	float: left;
	padding: 1px;
	border: solid 1px #dddddd;
	margin-right: 23px;
	background: url(images/bg-box.gif) repeat-x left bottom #fff;
	min-height: 435px;
}
#featured-product-list.side-bar-feature {
	width: auto;
	margin-bottom: 20px;
}
#featured-product-list header {
	margin-bottom: 10px;
}
#featured-product-list h2 span {
	background: url(images/icon-product.gif) no-repeat left;
	display: block;
	padding-left: 31px;
	line-height: 44px;
}
#featured-product-list article {
	padding: 0 15px;
	padding-bottom: 18px;
}
#featured-product-list h3 {
	line-height: 18px;
	text-transform: uppercase;
}
#featured-product-list p {
	font-size: 12px;
	line-height: 16px;
}
#featured-product-list a {
	color: #fff;
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
}
#featured-product-list img {
	border: solid 1px #dddddd;
	padding: 3px;
	margin-right: 10px;
	float: left;
}
#featured-product-list a img {
	float: none;
	border: none;
	padding: 0;
}
.tool-box {
	margin: 0 !important;
}
.tool-box h2 span {
	background: url(images/icon-tool.gif) no-repeat left !important;
}
.tool-box img {
	border: solid 1px #dddddd;
	padding: 3px;
	margin-right: 0 !important;
	float: none !important;
	text-align: center !important;
}
#articles-by-project {
	margin: 30px 0;
}
#articles-by-project header,
.colA header {
	background: url(images/bg-heading.gif) repeat-x left top;
	padding-left: 16px;
	margin-bottom: 15px;
	line-height: 44px;
}
#articles-by-project h1 {
	font-size: 16px;
}
#articles-by-project li {
}
.articles-by-project-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.article-by-project {
	background: url(images/se-btm-blog.gif) no-repeat center top;
	padding-top: 30px;
	margin-top: 20px;
}
.article-by-project h3,
.article-by-project h3 a {
	color: #000000;
	margin-bottom: 15px;
	font-size: 18px;
	background: none;
	padding-left: 0;
	font-family: 'open_sans_semiboldregular';
	line-height: normal;
}
.article-by-project-thumb {
	border: solid 1px #dddddd;
	padding: 3px;
	margin-right: 15px;
	float: left;
}
.article-by-project .project-info {
	width: 475px;
}
.icon-blog {
	background: url(images/icon1.gif) no-repeat left;
	padding: 5px 0;
	padding-left: 20px;
	padding-right: 15px;
	color: #4e4e4e;
	font-size: 11px;
}
.icon-blog a {
	color: #4e4e4e;
	font-size: 11px;
}
.blog-admin {
	background: url(images/icon-admin.gif) no-repeat left;
	padding: 3px 0 3px 20px;
	color: #4e4e4e;
	font-size: 11px;
}
.blog-admin a {
	color: #4e4e4e;
	font-size: 11px;
}
.blog-time {
	background: url(images/icon-time.gif) no-repeat left;
	padding: 2px 15px 2px 21px;
	color: #959595;
	font-size: 11px;
}
.blog-time a {
	color: #959595;
	font-size: 11px;
}
.article-by-project .project-info h5 {
	color: #232;
	font-weight: bold;
	line-height: 14px;
	text-decoration: underline;
	text-transform: uppercase;
}
.article-by-project .project-info h5 a {
	color: #232;
}
.article-by-project .project-info p {
	margin: 0 0 0 0;
}
.article-by-project .project-info .read-article {
	color: #232;
	font-size: 10px;
	font-style: italic;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}
.article-by-project .more-projects-list {
	margin: 10px 0 0 0;
}
.article-by-project .more-projects-list li {
	background: url(images/bullet1.gif) no-repeat left;
	line-height: 22px;
	padding-left: 20px;
	color: #dfb623;
	list-style: none;
}
.article-by-project .more-projects-list a {
	color: #000000;
	text-decoration: none;
}
.more-in-category {
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}
.more-in-category a {
	color: #000000;
	font-weight: 800;
}
/*///////////////// Sidebar.php /////////////////*/

#normal-section .colB {
	width: 340px;
}

#normal-section .colB > div,
#normal-section .colB > iframe {
	text-align: center;
}

#normal-section .colB .side-bar-feature {
	background: url(images/bg-right.gif) repeat-x left bottom #fff;
	border: solid 1px #ddd;
	padding: 10px;
	margin-bottom: 20px;
}
#normal-section .colB .side-bar-feature .righttxt-box {
	padding: 0 20px;
	position: relative;
}

.side-bar-feature p {
	font-style: normal;
	text-transform: none;
	font-weight: normal;
}

.img-mail {
	position: absolute;
	right: 0px;
	bottom: 0;
}
.righttxt-box input {
	margin-bottom: 15px;
}
.input-box {
	width: 245px;
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	background: url(images/bg-input.gif) repeat-x left top;
	border: solid 1px #d7d7d7;
	margin-bottom: 10px;
	font-size: 14px;
	color: #828282;
	font-family: 'OpenSansRegular';
	position: relative;
	z-index: 1;
}
.side-bar-feature h2 {
	background: url(images/bg-heading-right.gif) repeat-x left top;
	line-height: 44px;
	color: #fff;
	text-indent: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.side-bar-feature img {
	display: block;
	margin: 10px auto;
}

.side-bar-feature a {
	color: #232;
	font-size: 10px;
	font-style: italic;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}
#possibly-related header {
	background: url(images/bg-heading.gif) repeat-x left top;
	padding-left: 16px;
	margin-bottom: 15px;
	line-height: 44px;
}
#possibly-related header h1 {
	position: relative;
	top: 2px;
}
#possibly-related ul {
	margin: 0;
}
.possibly-related {
	background: url('images/se-btm-blog.gif') no-repeat center bottom;
	list-style: none outside none;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.possibly-related h2,
.possibly-related h2 a {
	background: none;
	color: #000000;
	font-family: 'open_sans_semiboldregular';
	font-size: 18px;
	line-height: normal;
	margin-bottom: 15px;
	padding-left: 0;
}
.possibly-related p {
}
.possibly-read-article {
	color: #232;
	font-size: 10px;
	font-style: italic;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

.widget-button {
	font-size: 18px;
	background-color: #ffcc22;
	border: none;
	height: 30px;
	width: 135px;
	box-shadow: inset 6px 6px 6px -3px rgba(0, 0, 0, 0.2);
}

/*///////////////// Category /////////////////*/

.category-title {
}
.category-title h1 {
	position: relative;
	top: 0px;
}
.category-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.category-listing {
	background: url('images/se-btm-blog.gif') no-repeat scroll center bottom transparent;
	margin-bottom: 20px;
	padding-bottom: 30px;
	list-style: none;
	min-height: 150px;
}
.category-listing h2,
.category-listing h2 a {
	background: none;
	color: #000000;
	font-family: 'open_sans_semiboldregular';
	font-size: 18px;
	line-height: normal;
	margin-bottom: 15px;
	padding-left: 0;
}
.category-listing-image,
.possibly-related-image {
	border: 1px solid #dddddd;
	float: left;
	margin-right: 15px;
	padding: 3px;
}
.category-listing p {
}
.category-listing-read-article {
	color: #232;
	font-size: 10px;
	font-style: italic;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}
.post-pagination {
	margin: 0px 0 10px 0;
	float: right;
}
.wp-paginate li {
}
.wp-paginate a {
	background: url('images/bg-pagenav.gif') repeat-x left top #000 !important;
	border: 1px solid #939393 !important;
	color: #ffffff !important;
}
.wp-paginate a:hover,
.wp-paginate .current {
	color: #000 !important;
	background: url(images/bg-pagenav-hover.gif) repeat-x left top #ffcd26 !important;
	border: solid 1px #fec711 !important;
	text-decoration: none !important;
}
/*///////////////// Single.php /////////////////*/

.jumplinks {
	text-align: center;
	margin-bottom: 10px;
}
.jumplinks a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
.contentjumpall {
	display: none !important;
}
.wp-caption img {
	float: none;
	margin: auto;
	display: inline;
}
.alignright {
	float: right;
	margin: 20px;
	margin-top: 0px;
	margin-right: 0px;
	clear: right;
}
.alignleft {
	float: left;
	margin: 20px;
	margin-top: 0px;
	margin-left: 0px;
	clear: left;
}
#single-article {
}
#single-article img {
	max-width: 630px;
}
h1.article-title,
h2.article-title {
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.article-categories h3 {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.article-categories h3 a {
	color: #232;
	font-weight: 800;
}
#single-article p {
	font-size: 16px;
	line-height: 32px;
	margin: 20px 0;
}
#commentform {
	margin: 20px 0;
}
#commentform p {
	font-size: 14px;
}
#commentform p label {
	font-size: 12px;
	display: block;
}
#commentform p .required {
	display: none;
}
.form-allowed-tags {
	display: none;
}
/*///////////////// Footer.php /////////////////*/

#pre-footer {
}
#footer {
	width: 100%;
	background: url(images/bg-footer.gif) repeat-x left top #000;
	padding-top: 4px;
}
.footer-box {
	width: 240px;
	padding-top: 40px;
	float: left;
	margin-right: 10px;
	background: url(images/sep-footer.gif) no-repeat right top;
	min-height: 350px;
}
.footer-box2 {
	width: 146px;
	padding-top: 40px;
	float: left;
	margin-right: 10px;
	background: url(images/sep-footer.gif) no-repeat right top;
	min-height: 350px;
}
.ft-last {
	margin-right: 0px !important;
	background: none !important;
	width: 126px !important;
}
.footer-box h4,
.footer-box2 h4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffcc21;
	line-height: 22px;
}
.footer-box li,
.footer-box2 li {
	list-style: none;
	line-height: 22px;
}
.footer-box li a,
.footer-box2 li a {
	font-family: Tahoma;
	font-size: 11px;
	color: #808080;
	text-decoration: none;
}
.footer-box li a:hover,
.footer-box2 li a:hover,
.footer-box li.active a,
.footer-box2 li.active a {
	color: #f5f5f5;
}
.footer-btm {
	width: 1000px;
	margin: 0 auto;
	border-top: solid 1px #1f1f1f;
	padding-top: 10px;
	font-family: Tahoma;
	font-size: 11px;
	color: #808080;
}
.footer-btm a {
	color: #ffcc21;
}
.social-icon {
	display: block;
	float: right;
}
.social-icon a {
	display: block;
	width: 21px;
	height: 20px;
	float: left;
	margin-left: 5px;
}
.social-icon a.fb {
	background: url(images/icon-footer-fb.gif) no-repeat left top;
}
.social-icon a.twitter {
	background: url(images/icon-footer-twitter.gif) no-repeat left top;
}
.social-icon a.youtube {
	background: url(images/icon-footer-youtube.gif) no-repeat left top;
}
.social-icon a.pinter {
	background: url(images/icon-footer-p.gif) no-repeat left top;
}
.social-icon a:hover {
	background-position: bottom;
}
#most-commented h4 {
}
#most-commented li {
}
#subscribe-today {
	background: #fecd21;
	color: #232;
	text-align: center;
	padding: 10px 30px 25px 30px;
}
#subscribe-today a {
	color: #232;
	text-decoration: none;
}
#subscribe-today h1 {
	font-size: 80px;
	line-height: 65px;
	letter-spacing: -8px;
	margin: 0 0 0 -25px;
}
#subscribe-today h1 .dollar-sign {
	font-size: 40px;
	vertical-align: super;
}
#subscribe-today h1 .asterick {
	font-size: 20px;
	vertical-align: 49px;
}
#subscribe-today h3 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 18px;
	margin: 15px 0 0 0;
	text-transform: uppercase;
}
#subscribe-today h6 {
	letter-spacing: 3px;
	text-transform: uppercase;
}
.jumplinks {
	text-align: left;
	margin: 0 0 20px 0;
}
span[style] {
	font-family: arial, sans-serif !important;
}
/* AD RELATED */

#wrapper {
	position: relative;
	box-shadow: none;
	width: 100%;
}
#wrap-ads {
	width: 100%;
	background: url(images/bg-ads.gif) repeat-x left bottom #000;
}
#ads-box {
	width: 1000px;
	margin: 0 auto;
}
#ads-box-left {
	width: 734px;
	border-right: solid 6px #f4d10c;
	float: left;
	padding: 20px 0;
}
#ads-box-right {
	width: 240px;
	float: right;
	padding: 20px 0;
}
#ad-header {
	position: absolute;
	top: 0px;
	right: 5px;
}
#ad-left {
	position: absolute;
	top: 10px;
	left: 0px;
	display: none;
}
#ad-right {
	position: absolute;
	top: 10px;
	right: 0px;
}
#featured-content {
	padding-bottom: 20px;
}
#featured-content > * {
}
#featured-content > *:first-child {
	margin-left: 0px;
}
#featured-content h2 {
	background: url(images/bg-heading.gif) repeat-x left top;
	line-height: 44px;
	padding-left: 16px;
}
#articles-by-project.home {
	margin-top: 0px;
}
.cols {
	overflow: hidden;
}
.cols > * {
	width: 49%;
	float: left;
}
.profile-social {
	margin-top: 16px;
}
.wp-caption-text {
	color: blue;
	font-style: italic;
}
.punch-nav {
	padding-top: 4px;
	padding-bottom: 4px;
}
.punch-nav > ul {
	margin-left: 0px !important;
}
.punch-nav > ul > li > a {
	font-size: 15px;
}
.punch-nav ul.sub-menu {
	left: 0px;
	margin-left: 0px;
}
.punch-nav,
.punch-nav * {
	background: #000 !important;
	color: #fff !important;
}
.punch-nav {
	zoom: 1;
}
#sbi {
	width: 180px;
}
.single-pagination {
	overflow: hidden;
	text-align: center;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	color: #666;
	background: #efefef;
	border: 1px solid gray;
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 5px;
}
.single-pagination a {
	text-decoration: none;
	color: #333;
	font-weight: normal;
}
.single-pagination .prev-link {
	float: left;
	width: 110px;
	text-align: left;
	min-height: 1em;
}
.single-pagination .next-link {
	float: right;
	width: 110px;
	text-align: right;
	min-height: 1em;
}
.single-pagination .page-links a {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}
.share-custom {
	font-size: 11px;
	text-decoration: none;
	color: gray;
	margin-right: 8px;
}
.featured-article-text .sharing * {
	color: white;
}
/*********************************************************************************************

5. Featured Slider  -------------------------  frontpage.php

*********************************************************************************************/

#feature {
	float: left;
	width: 940px;
	position: relative;
	background: url('images/bg-banner-wrap.gif') repeat-x scroll left bottom #ffffff;
	border: 1px solid #dddddd;
	margin-bottom: 24px;
	padding: 1px;
}
#navi {
}
#navi ul {
	margin: 0 auto;
	width: 60px;
	position: absolute;
	top: 10px;
	left: 400px;
}
#navi li {
	float: left;
	padding-left: 1px;
	list-style-type: none;
	text-align: center;
}
#navi a {
	color: #333333;
	display: block;
	position: relative;
	word-spacing: -2px;
	font-size: 11px;
	text-decoration: none;
	opacity: 0.5;
}
#navi a.current {
	opacity: 1;
}
#navi a:hover {
	opacity: 1;
}
#navi img {
	border: 2px solid #000;
	margin: 0 0 9px 0;
	display: block;
	width: 53px;
	height: 35px;
}
#navi strong {
	display: block;
	font-size: 13px;
}
/* panes */

#panes {
	height: 297px;
	/* must be relative so the individual panes can be absolutely positioned */

	position: relative;
	overflow: hidden;
}
/* crossfading effect needs absolute positioning from the elements */

#panes div {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 1.5;
	right: 15px;
}
#panes span.cover {
	float: left;
	width: 480px;
	height: 280px;
	position: relative;
	margin-right: 120px;
}
#panes a {
}
#panes img {
	float: left;
	margin-right: 95px;
}
#panes p.more {
	color: #000;
	font-weight: bold;
}
#panes h3 {
	color: #010101;
	font-family: 'OpenSansRegular';
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
}
#panes h6 {
	margin: 20px 0;
}
#panes h6 a {
	background: none repeat scroll 0 0 #000000;
	color: #ffcc21;
	font-size: 30px;
	line-height: 22px;
	padding: 5px 10px;
}
#panes h3 a {
	color: #010101;
	font-family: 'OpenSansRegular';
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
}
#panes .more {
	float: right;
	font-size: 14px;
	padding-right: 24px;
	margin-top: 20px;
}
#panes .more a {
	color: #060606;
	font-size: 14px;
	text-align: right;
}
#panes p {
	padding: 5px 0 0 0;
}
.overlay {
	background: #000000;
	left: 2px;
	opacity: 0.7;
	position: absolute;
	height: 36px;
	top: 240px;
	width: 390px;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 15px 0 15px;
	overflow: hidden;
}
.overlay a {
	color: #fff;
}