html {background-color:#F3F3F3; font-size:13px; vertical-align:baseline; border:0; outline:0; margin:0; padding:0}
body {font-size:100%; vertical-align:baseline; border:0; outline:0; font-family:arial,Droid Sans, sans-serif; color:#444; margin:0; padding:0; max-width:100%;}
img{max-width:100%;}
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 {font-size:100%; vertical-align:baseline; border:0; outline:0; background:transparent; margin:0; padding:0}
ol,ul {list-style:none}
blockquote,q {quotes:none}
table {border-collapse:collapse; border-spacing:0}
a {color:#0085E6; text-decoration:none}
a:hover {text-decoration:none; color:#0085E6}
quote{color:#777;}
u{text-decoration:none; border-bottom:1px dotted #E5E5E5;}
hr{height:0; border:0 none; border-top:1px solid #E5E5E5;}
.cf {clear:both}
.cf:after {clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden}
italic {font-size: 11px;
    font-style: italic;}

/* Global */
.black, .black a{color:#333;}
.hover-orange:hover, .hover-orange a:hover{color:#FF4E00;}
p{margin-bottom:15px; color:#555; line-height:140%;}
.l{float:left;}
.r{float:right;}
.col{max-width:298px; width:100%; background-color:#FFF; border:1px solid #E5E5E5; overflow:hidden;}
.mb5{margin-bottom:5px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;}
.ml10{margin-left:10px;} .ml20{margin-left:20px;}
.mr10{margin-right:10px;} .mr15{margin-right:15px;} .mr20{margin-right:20px;} .mr30{margin-right:30px;} .mr40{margin-right:40px;}
.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;}
.pt10{padding-top:10px;}
.pl10{padding-left:10px;}
.p20{padding:20px;}
.os{font-family: 'Open Sans', sans-serif;}
.mon{font-family:"Montserrat",sans-serif;}
.tac{text-align:center;}
.und{border-bottom:1px dotted #333 !important;}
.w100{width:100%;}
.mw300{max-width:300px;}
.alright{text-align:right;}
.bwhite{background-color:#FFF;}

/* Heading */
h1, h2, h3, h4, h5{font-weight:normal;}
h1{font-size:27px;}
h2{font-size:20px;}
h3{font-size:15px;}
h4{font-size:14px;}

/* Common */
.label1{padding:10px 20px; font-size:15px; color:#777; background-color:#FFF; border:1px solid #E5E5E5; border-bottom:0 none; position:relative; top:1px;}
.blur1{color:#777;}
.blur2{color:#999;}
.blue{color:#0085E6;}
.blue:hover{color:#06F;}
.blues{color:#06F;}
.orange{color:rgb(192, 28, 7);}
.dark3{color:#333;}
.dark5, .dark5 a{color:#555!important;}
.dark9, .dark9 a{color:#999!important;}
.font11{font-size:11px!important;}
.font12{font-size:12px!important;}
.font13{font-size:13px!important;}
.font14{font-size:14px!important;}
.boxed{padding:20px; background-color:#FFF; border:1px solid #E5E5E5; border-radius:2px;}
.boxed2{padding:10px; background-color:#FFF; border:1px solid #E5E5E5; border-radius:2px;}

.boxed li {
    list-style: inside url("images/check.png") disc;
    margin-left: 20px;
}
.opa70{opacity:0.7!important;}

/* Header */
#header{background-color:#222; border-bottom:1px solid #CCC;}
.headerin{margin:0 auto; max-width:770px; width:100%; height:47px; color:#FFF;}
.logo{max-height:45px; width:300px;}
.hlogo{position:relative; top:-10px;}
.formsearch{margin:10px 0; max-width:332px; width:100%;}
.formsearch .q{padding:7px 20px 6px 20px; border:0 none; border-radius:3px; color: #262626; width:229px; background-color:#fff; box-shadow:0 1px rgba(255,255,255,0.09),0 1px rgba(0,0,0,0.2) inset; position: relative; z-index: 1; left: 20px;}
.formsearch .button{height:20px; width:20px; position:relative; top:5px; right:10px; border:none; background:url('images/searchblack.png') 0 0 no-repeat; z-index:2;}
.formsearch .button:hover{cursor:pointer; background:url('images/searchblue.png');}
#menu{}
.bread{margin:0 auto 0 auto; max-width:728px; width:100%; color:#777;}
.bread a{color:#999; font-size:11px;}

/* Home */
#main{margin:20px auto 0 auto; max-width:770px; width:100%;}
.content, .content2{background-color:#fafafa; padding:20px;}
.contentf{border:1px solid #E5E5E5; background-color:#FFF; padding:20px;}
.content li{list-style:number; margin-left:15px; color:#0085E6; font-size:13px; max-width:370px; width:100%;}
.content .nonum{list-style:none;}
.content .button{background-color:#EEE; color:#0085E6; padding:7px 10px; boder-radius:3px;}
.content .button:hover{background-color:#0085E6; color:#FFF;}
.content .thumbsmall{width:200px;}
.content .inbox{max-width:510px; width:100%;}
.content .inbox p{color:#666;}
.hcb{width:119px; height:30px; background-color:#EEE;}
.hbx{max-width:363px; width:100%; overflow:hidden; margin-bottom:15px;}
.hbxi{max-width:300px; width:100%; height:50px; overflow:hidden;}
.welcome{font-size: 14px; text-align:justify;}
.catlist{}
a .catlistitem{background-color: #eeeeee;
    border-radius: 5px;
    color: #767676;
    margin: 2px;
    padding: 5px;}
a .catlistitem:hover{background-color: rgb(192, 28, 7); color: #fff;}
.catlistitems{width:165px; height:20px;}
.catlistitembar{font-weight: bold;
    max-width: 180px;
    padding: 5px 10px;
    width: 100%;}
.brad{border: 1px solid #e5e5e5;
    border-radius: 2px;
    float: right;}
.h-input{padding:7px 20px; color:#777; border:1px solid #EEE; border-radius:2px; font-size:15px;}
.h-submit{padding:7px 15px; background-color:#0085E6; border:1px solid #0085E6; border-radius:2px; font-size:14px; color:#FFF;}
.h-submit:hover{cursor:pointer;}
.hlist{width:145px; text-align:center;}
.hban{width:177px;}
.welcomehome{background-color: #fff;
    border: 1px solid #eee;
    float: left;
    margin-right: 20px;
    padding: 5px;}

/* Category */
.catitems{width:100%; max-width:500px; border-bottom:3px dashed #CCC; padding-bottom:20px;}
.catitems h3{color:rgb(192, 28, 7);}
.catitemsthumb{max-height:500px; overflow:hidden; width:100%; max-width:500px;}
.catitemsthumb img{width:100%; height:auto; max-width:500px;}

/* Page */
.aboutpage {background:url('images/about.jpg') no-repeat #fff;
   padding: 80px 20px 20px; background-size: 100%}
.aboutpage p {color:#111; font-size: 16px;}
.aboutpage h3 {color:#111; font-size: 20px;}
.contactpage {background:url('images/contact.jpg') no-repeat #fff;
   padding: 80px 20px 20px; background-size: 100%}
.contactpage p { color: #111;
    font-size: 16px;
    text-align: center;}
.privacypage {background:url('images/privacy.jpg') no-repeat #fff;
   padding: 80px 20px 20px; background-size: 100%}
.privacypage p {color:#111;}
.dmcapage {background:url('images/dmca.jpg') no-repeat #fff;
   padding: 80px 20px 20px; background-size: 100%}
.dmcapage p {color:#111;}
.disclaimerpagepage {background:url('images/disclaimer.jpg') no-repeat #fff;
   padding: 80px 20px 20px; background-size: 100%}
.disclaimerpagepage p {color:#111;}

/* Post */
#postle{max-width:500px; width:100%; padding:20px!important;}
.postcontent{max-width:500px; padding:10px; width:100%;}
.postitems{max-width:100%;}
.postitems p{border-bottom:2px dashed #DDD;}
.postitems img{max-width:500px; width:100%; height:auto;}
.postsb{width:210px; border-bottom:2px dashed #DDD; padding-bottom:10px;}
.postsbr{max-width:210px; width:100%;}
.postsbthumb{max-height:250px; overflow:hidden;}
.postdetail{border-bottom:2px dashed #DDD; padding-bottom:10px;}
.postdetail img{max-width:17px; height:auto;}
.postdl{width:70px!important; height:15px!important;}

.box323{max-width:322px; width:100%; height:auto;}
.p-input{padding:10px; color:#555; border:1px solid #DDD; border-radius:2px; font-size:12px; margin-bottom:10px; width:100%; max-width:300px;}
.p-input2{padding:10px; color:#555; border:1px solid #DDD; border-radius:2px; font-size:12px; margin-bottom:10px; width:100%; max-width:50px;}
.p-submit{padding:10px; color:#555; border:0 none; border-radius:2px; font-size:12px; background-color:#EEE; color:#FFF;}
.plb{padding:3px 10px; background-color:#999; margin:2px; color:#FFF!important; border-radius:2px;}
.plb:hover{background-color:#0085E6; color:#FFF!important;}
.pbx{max-width:300px; width:100%; overflow:hidden; margin-bottom:15px;}
.pbxi{max-width:260px; width:100%; height:50px; overflow:hidden;}
.sbb{width:100%; max-width:300px;}
.opa8{opacity:0.6;}
.opa8:hover{opacity:1;}

#shares{min-height:30px;} #shares img{width:30px; height:30px; opacity:0.7;} #shares img:hover{opacity:1;}
#shares2{height:30px;} #shares2 img{width:30px; height:30px; opacity:0.7;} #shares2 img:hover{opacity:1;}

/* Pagination */
.pagi{background-color:#FFF; padding:10px;}
.pagitem{}

/* Footer */
#footer{background-color:#DDD; border-top:1px solid #E5E5E5;}
.footerin, .footerindark{margin:20px auto 5px auto; max-width:728px; width:100%; padding:20px;}
.footerindark{background-color:#EEE;}

/* Additional */
.anim{-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.borderbot{border-bottom:1px dashed #DDD; padding-bottom:3px;}

/* Navigation */
.nav {background-color: #fff;
    width: 100%; float:left;}
ul#nav {
	list-style-type:none;
	padding:0;
	margin:0;
}
 
ul#nav li {
	background-color: #FFF;
	float: left;
}
 
ul#nav li a {
	display:block;
	padding:5px 25px;
	color:rgb(192, 28, 7);
	text-decoration:none;
}
 
ul#nav li a:hover {
	background-color:#aaa;
}
 
ul#nav li ul li {
	float:left;
	width:140px;
	background-color:#aaa;
}

ul#nav li ul li a:hover {
	background-color:#fff;
}
 
ul#nav li ul {
	width:280px;
	position: absolute;
	display: none;
	margin:0;
	background-color:#aaa;
}
 
ul#nav li:hover ul {
	display:block;
}

/* Sidebar CatNav */
ul#catnav {
	list-style-type:none;
	padding:0;
	margin:0;
}
 
ul#catnav li {
	background-color: #FFF;
}
 
ul#catnav li a {
	display:block;
	padding:5px 10px;
	color:#000;
	text-decoration:none;
	border-bottom: 1px solid #ccc;
}
 
ul#catnav li a:hover {
	background-color:#aaa;
}
 
ul#catnav li ul li {
	float:none;
	margin-left: 30px;
}
 
ul#catnav li ul {
	position: absolute;
	display: none;
	
}
 
ul#catnav li:hover ul {
	display:block;
}

/* Footer Taglist */
.footerlabel {width:100%; max-width:770px; margin:20px auto 0;}

@media (max-width: 765px) {
#postle {max-width:98%; padding:1% !important;}
.postitems img {
    max-width: 100%;
    height: auto;
}
.postsbr {
    padding: 1% !important;
    max-width: 98%;
}
.postsb {
    width: 100%;
}
.brad {
width: 100%;
}
.postsbthumb  {
max-height: 100px;
}
.postsbthumb:hover {
    max-height: 100%;
}
.postsbthumb img {
width: 100%;
height: auto;
}
}