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, font, 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 {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';

}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*

END OF RESET

*/


header, section, footer, aside, nav, main, article, figure {
    display: block;
}

body{
	color: #000;
    font-family: Georgia;

/*

	font-family: 'Quicksand', sans-serif;
	font-family: 'Nunito Sans', sans-serif;
	font-family: 'Nanum Gothic', sans-serif;
*/
	font-family: 'Maven Pro', sans-serif;


	font-size: 14px;
    margin: 0 0;
    padding: 0;
    text-align: left;

}

.b{
	font-weight:bold;
}

.num{
	font-family:"Times New Roman";
	font-size:110%;
}

.colored{
	color:#fd5f00;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.ad_336_280{
	width:340px;

}

div#wrapper, .wrapper{
	/*
	background: none repeat scroll 0 0 #FFFFFF;
    */
    margin: 0 auto;
    padding: 20px 0px 10px;
    position: relative;
    width: 740px;
}

@media screen and (max-width: 720px) {
	div#wrapper, .wrapper{
		margin: 0 auto;
	    padding: 20px 0px 10px;
	    position: relative;
	    width: 100%;
	}

}

div.clear{
	clear:both;
}

a{
	color:#fd7e00;
	text-decoration:none;
}

a:hover{
	color:#fd7e00;
}

.delimiter{
	color:#CCC;
	margin:0px 2px;
}

a:hover,
a.sel
{

	text-decoration:underline;
}

div.line{
	border-bottom:2px solid #dfdfdf;
}

.a-right{
	text-align:right;
}

.a-center{
	text-align:center;
}

header#header{
	padding:0px;
	margin-bottom:10px;
	/* margin-top:20px;
	 margin-bottom:25px;

	height:88px;*/
	 color:#fff;
	background-color: #000;
}


#header a.title{
	color:#fd7e00;
	font-size:32px;
	margin:0px;
	letter-spacing:3px;
}

#header .title span.dot{
	font-size:18px;
	letter-spacing:2px;
}

#header span.colored{
	color:#fd7e00;
}

#header .subtitle{
	margin-top:0px;
	font-size:12px;
	color:#fd7e00;
	letter-spacing:0px;
}

#header div#logo a,
#header div#logo a:visited,
#header div#logo a:hover{
	color:#000;
	text-decoration:none;
}

#header div#logo{
	width:240px;
	float:left;
	margin-right:10px;
}

#header div.bordered{
	border-left:1px solid #000080;
}

#header div#piximus-details{
	float:right;
	text-align:right;
	font-size:16px;
	margin-right:5px;
	margin-top:3px;

}

#header div#piximus-details table.counter{
	background:url('../images/counter_back2.png') no-repeat center center;
	width:113px;
	color:#C66407;
	height:18px;
	font-family:Tahoma;
	font-size:12px;
	float:left;

}

#header div#piximus-details .metric{
	float:left;
	margin-left:5px;
}

#header div#piximus-details table.counter td{
	padding:0px;
	margin:0px;
	width:16px;
	padding-top:2px;
	text-align:center;
	font-weight:bold;
}

#header div#piximus-details table.counter td.silver{
	color:#999;
}



#header div#piximus-details .nums{
	letter-spacing:8px;
	color:#000;
	font-family:Tahoma;
	line-height:19px;
	font-size:14px;
	margin-right:5px;
}

#header div#piximus-details p{
	margin-bottom:1px;
}


#header div#articleTitle{
	float:left;
	margin-top:3px;
	padding-left:10px;
	padding-bottom:0px;
	border-left:1px solid #;
	width:420px;
}

#header div#articleTitle h1{
	font-size:32px;
	line-height:32px;
}

#header div#articleTitle .details{
	margin-top:1px;
	font-size:16px;
	padding-bottom:0px;
}



#header div#categoryTitle{
	float:left;
	height:46px;
	margin-top:6px;
	padding-left:10px;
	padding-bottom:0px;
	border-left:1px solid #;
	width:420px;
}

#header div#soc{
	float:right;
	margin-top:4px;
}

div#header div#soc img.social_icons{
	 width:10px;
}



div#article{
	margin-top:0px;

}

div#article .row{
	/*margin:15px 0px;*/
	margin-bottom:30px;

}

div#article div#title{

}

div#article div.widget{
	margin-right:15px;
}

div#article .date{
	color:#888;
	float:left;
	width:60px;
}

div#article img.image{
	max-width:740px;
	min-height: 300px;
	height: auto;
	aspect-ratio: attr(width) / attr(height);
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}
@media screen and (max-width: 720px) {
	div#article img.image{
		max-width:100%;
		min-height: 160px;
		height: auto;
		aspect-ratio: attr(width) / attr(height);
	}
}

div#article .date .day{
	font-family:"Times New Roman";
	font-size:48px;
}

div#article .date .month{
	margin-top:0px;
	font-size:18px;
	letter-spacing:2px;
}

.list-row{
	/*margin:10px 0px;*/
	margin-bottom:20px;
	border-bottom:2px solid #dfdfdf;;
	overflow:hidden;
	padding-bottom:20px;

}

.list-row-no-border{
	margin-bottom:25px;
	padding-bottom:0px;
	border-bottom:0px;
}

div#article div.bordered{
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px solid #9B410E;
}

div#article div.title{
	margin:15px 0px 20px 0px;
}

div#article div.article-details{
	margin-top:5px;
}

div#article div.title .visits{
	font-size:15px;
}

div#article div.steps{
	margin:20px 0px 10px 0px;
	background:url('../images/border_back.jpg') repeat-y center;
}


div.related{
	overflow:hidden;
	/*height: 250px;*/
	width:740px;
}
@media screen and (max-width: 720px) {
	div.related{
		overflow:hidden;
		/*height: 250px;*/
		width:100%;
	}
}

div.related .item{
	float:left;
	width:140px;
	margin-right:10px;
	margin-bottom:15px;
}

div.related .item-last{
	margin-right:0px;
}

div.related a,
div.related a:visited{
	color:#000;
}

div.related a:hover{
	color:#fd7e00;
	text-decoration:none;
}

div.related img.rel{
	width:140px;

}

p.label{
	color:#AAA;
	font-size:16px;
	letter-spacing:0px;
	margin-top	:10px;
}

p.label a,
p.label a:visited{
	color:#888;
}

p.label a:hover{
	text-decoration:none;
	color:#fd7e00;
}

div#article div.steps .left{
	float:left;
	width:350px;

}

div#article div.steps div.left div.image{
	float:left;
	width:110px;

}

div#article div.steps div.left div.image img{
	max-width:110px;
}

div#article div.steps div.left div.text{
	float:left;
	width:230px;
	margin-left:10px;
}



div#article div.steps div.right div.image{
	float:right;
	width:110px;

}

div#article div.steps div.right div.image img{
	max-width:110px;
}

div#article div.steps div.right div.text{
	float:right;
	width:230px;
	margin-right:10px;
}





div#article div.steps h2{
	font-size:16px;
	margin-top:0px;
	font-weight:bold;
}

h2 a,
h2 a:visited{
	color:#222;
}

h2 a:hover{
	color:#fd7e00;
	text-decoration:none;
}

div#article div.steps img.article{
	max-width:330px;
}

div#article div.steps .right{
	text-align:right;
	float:right;
	width:350px;

}

div#article div.steps .details{
	margin:4px 0px;;
}

h1, h1 a, h1 a:visited {
	text-decoration:none;
	font-size:24px;
	letter-spacing:1px;
	font-weight:bold;
	color:#000;
}
/*
h2, h2 a, h2 a:visited {
	text-decoration:none;
	font-size:26px;
	letter-spacing:0px;
	color:#000;
}
*/
div#article div.bottom,
div#article div.seemore{
	font-size:16px;
	font-style:italic;
	margin-bottom:5px;
}

h1 a:hover{
	color:#fd7e00;
}

div#article p.text{
	margin:0px 0px 20px 0px;
	line-height:20px;
	font-style:italic;
}


div#articles{
	position:relative;
}

div#articles .list div.left{
	/*
	width:220px;
	*/
	overflow:hidden;
	width:336px;
	float:left;
	margin-right:15px;
	padding-right:0px;
	/*
	border-right: 1px solid #;
	*/
}
@media screen and (max-width: 720px) {
	div#articles .list div.left{
		float:none;
		margin:0px auto;
		margin-bottom:10px;
	}
}


div#articles .list img.article{
	width:324px;
	min-height:200px;
	aspect-ratio: attr(width) / attr(height);
	/*
	padding:5px;
	border: 1px solid #888888
	*/
}

div#articles .list div.right{
	width:388px;
	/*
	margin-left:15px;*/
	float:left;
}
@media screen and (max-width: 720px) {
	div#articles .list div.right{
		width:auto;
		float:none;
		text-align: center;
	}

	div#articles .list img.article{

		min-height:250px;
		aspect-ratio: attr(width) / attr(height);
	}
}


div#articles h1,
div#articles h1 a,
div#articles h1 a:visited {
	text-decoration:none;
	font-size:26px;
	letter-spacing:0px;
	font-weight:normal;
	color:#000;
}

div#articles h1 a:hover{
	color:#fd7e00;
}

div#articles h2,
div#articles h2 a,
div#articles h2 a:visited {
	text-decoration:none;
	font-size:26px;
	letter-spacing:0px;
	font-weight:normal;
	color:#000;

}

div#articles h2 a:hover{
	color:#fd7e00;
}

div#articles span.tumb{
	margin-right:10px;

}

div#articles img.play{
	position:absolute;
	height:45px;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-31px
}

div#articles span.tumb img.tumb{
	height:160px;
	margin-bottom:10px;
}

div#articles div.grid{
	float:left;
	/*
	width:223px;
	height:150px;
	*/
	width:342px;
	height:263px;
	margin-right:15px;
	background-position-x:center;

	background-position-y:center;
	background-repeat:no-repeat;
	margin-bottom:15px;
}

div#articles div.last{
	margin-right:0px;
}

ul.article-details-list{
	margin-top:10px;
	font-size:16px;
}

ul.article-details-list li{
	margin-bottom:5px;
	font-size:18px;
	color:#666;
}









.b-top{
	border-top:1px solid #000;
}

div.pagging{
	padding:20px 0px 20px 0px;
	text-align:center;

	border-bottom: 1px solid #000;
    border-top: 1px solid #000;
	background-color:#000;
	color:#FFF;
	margin:20px 0px;
	/*
	box-shadow:0px 2px 2px #AAA;
	*/
}

div.pagging a{
	/*
	width:30px;
	display:block;
	float:left;
	*/
	color:#000;
	border:1px solid #000;
	background-color:#FFF;
	margin:0px 2px;
	text-align:center;
	padding:6px 11px 6px 11px;
}

div.pagging a:hover{
	border:1px solid #000;
	color:#fd7e00;
	text-decoration:none;
}

div.pagging a.sel{
	border:1px solid #fd7e00;
	color:#000;
	background-color: #fd7e00;
	text-decoration:none;
}


.facebook{
	width:360px;
	float:left;
}

.facebook_delim{
	width:20px;
	float:left;
}

@media screen and (max-width: 720px) {
	.facebook{
		width:360px;
		float:none;
		margin:0px auto;
	}

	.facebook_delim{
		width:0px;
		float:none;
	}
}

#text-logo{
	float:left;
	width:145px;
	color: #fd7e00;
}

nav#categories{
	/*
	border-bottom: 1px solid #000;
	*/
	border-top: 2px solid #000;
	border-bottom:1px solid #000;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 6px 0px 13px 0px;
	background-color:#000;
	color:#FFF;
    /*
	box-shadow:0px 2px 2px #AAA;
	*/
}

nav#categories .categories{
	float:left;
	margin-top: 15px;
	margin-left: 25px;
}

nav#categories a{
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-right: 21px;
	text-transform: uppercase;
}

nav#categories a.last{
	margin-right:0px;
}

nav#categories a:hover,
nav#categories a.sel{
	color:#fd7e00;
	text-decoration:none;
}
@media screen and (max-width: 720px) {
	nav#categories{
		padding: 3px 0px;
		text-align:center;
	}

	nav#categories a{
		margin:5px 10px 8px 10px;
	}
	#text-logo{
		margin:0px auto;
		float:none;
	}
}




div#footer_back{
	background-color:#000;
	color:#FFF;
}

footer{
	width:740px;
	margin:0px auto;
	margin-top:10px;
	padding-bottom:30px;
	padding-top:10px;
	color:#FFF;
	text-align:left;

	/*font-size:12px;
	color:#282828;*/
}

@media screen and (max-width: 720px) {
	footer{
		width:100%;

		margin-top:10px;
		padding-bottom:10px;
		padding-top:5px;

	}
}

footer a,
footer a:visited{
	color: #FFF;
}

footer a:hover{
	color:#FD7E00;
}


footer .copyright{
	text-align:left;
	font-size:10px;
	/*color:#282828;*/

}

footer .cats a{
	font-size:16px;

}

footer a.adv{
	color:#AAA;
}

div.line{

}

div.skyscraper_left{
	width:160px;
	position:absolute;
	height:600px;
	margin-right:380px;
	right:50%;
	top:95px;
	background-color:#FFFFFF;
}

div.skyscraper_right{
	width:160px;
	position:absolute;
	height:600px;
	margin-left:380px;
	left:50%;
	top:95px;
	background-color:#FFFFFF;
}

div.navigation{
	/*
	width:150px;
	position:fixed;

	top:30%;
	*/
	/*
	background-color:#FFFFFF;*/
}

div.navigation .label{
	margin-bottom:10px;
	font-size:26px;
}

div.navigation a img.tumb{
	max-width:200px;
}

div.navigation a:hover img.tumb,
div.navigation a:active img.tumb{
	max-width:200px;
}

div.navigation h2{
	margin-top:5px;
}

div.navigation h2 a{
	color:#000;
	font-size:18px;
}

div.nav_previous{
	width:200px;
	padding-left:5px;
	float:left;

}


div.nav_previous .label{
	text-align:left;
}

div.nav_next{
	float:right;
	padding-right:0px;
	width:200px;
	text-align: right;
}

div.nav_next .label{
	text-align:right;
}
@media screen and (max-width: 720px) {
	div.navigation{
		width:150px;
		position:relative;

		/*
		background-color:#FFFFFF;*/
	}

	div.nav_previous{
		width:auto;
		float:left;
		margin-right:0px;
	}

	div.nav_next{
		width:auto;
		float:right;
		margin-left:0px;
	}
}


div.doyou{
	margin-top:30px;
	font-size:22px;
	margin-bottom:20px;
	letter-spacing:0px;
	color:#333;
}


.donate-box{
	background-color: #000;
	color:#FFF;
	margin:30px 0px;
}

#articles .box{
	float:left;
	margin-bottom:20px;
	width:218px;
}

#articles .box h1{
	margin-top:5px;
	margin-bottom:5px;
}

#articles .box h1 a,
#articles .box h1 a:visited,
#articles .box h1 a:hover{
	font-size:18px;
	font-weight:bold;
}

#articles .box .info{
	margin-bottom:5px;
	color:#333;
}

#articles .margin-r{
	margin-right:20px;
}

.randomArticles{
	padding:0px;
	margin-bottom:20px;
	padding-bottom:20px;
	border:none;
	background-color:#fff;
	border-bottom:2px dotted #999;
}

.randomArticles img{
	width:136px;
}

.randomArticles .right{
	margin-right:10px;
}

.rel{
	position:relative;
}

.img-tools{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	/*
	background-color:#fff;
	*/
	opacity:0.6;
	filter:alpha(opacity=60);

}


.img:hover .img-tools{
	display:block;
}

.grey{
	color:#AAA;
}

#comments{
	font-size:14px;
}

#comments .post{

}

#comments table.comm-form{
	margin:10px 0px;
}

#comments table.comm-form td{
	padding:4px 0px;
}

#comments .post input.field,
#comments .post input.textarea{
	width:200px;
}

#comments .list{
}

#comments .list .comment{
	margin:5px 0px;
}

#comments .list .comment .avatar{
	float:left;
	width:100px;
}

#comments .list .comment .text{
	float:left;
	width:400px;
}

.new{
	position:absolute;
	z-index: 10;
	background: url('../images/icon_new.gif') left top no-repeat;
	display:block;
	width:30px;
	height:12px;
	top:-8px;
	left:-1px;
}

.scroll-top {
    width: 75px;
    height: 76px;
    position: fixed;
    z-index: 100;
    right: 8%;
    bottom: 50px;
    transition: opacity .5s linear;
    opacity: 0;
    background: url("../images/to-top.png") no-repeat center center;
}
.scroll-top.in {
    transition: opacity 1s linear;
    opacity: 1;
}