@charset "utf-8";
/*==================================== General Content ====================================*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
}
html {max-width:1050px;
min-width:320px;
margin:0% 10% 0% 10%;
list-style:none;
word-break:break-word;
}
body {
    font-size: 14px;
    line-height: 23px;
    font-family: Helvetica,arial,sans-serif;
}
body a{color:#f00}
/*==================================== General Content END ====================================*/
/*==================================== Header ====================================*/
#header {
min-hight:200px;
}
.logo img {border: 0px none !important;
margin: 15px 0px 15px 0px;}
#menu ul {
font-size: 20px;
}
#menu li{float:left; background-color:#000;}
#menu li a { text-decoration: none;
margin-left:15px;
float: left;
padding:5px;
color: #fff;
min-height:30px;
margin-top:5px;
}
#menu li:hover {
color: #fff;
background-color: #F00;
}
#menu ul {margin-left: 0px;
list-style: none outside none;
min-height: 45px;
background: #000;background-color:#000;
}
/*==================================== Header END====================================*/
/*==================================== Content ====================================*/
h2 {
font-size: 22px;
font-weight: 600;
margin-top: 10px;
}
h2 a {
text-decoration: none;
color:#000;
}
h2 a:hover {
color: #F00;
}
h3 {
font-size: 22px;
font-weight: 600;
margin-top: 10px;
}
h3 a {
text-decoration: none;
color:#000}
h3 a:hover {
color: #F00;
}
#content {float: left;
width: 100%;
}
.post-meta{ margin-top:5px;}
.excerpt {margin-top: 10px;}
.article {
float:left;
max-width:800px;
margin-top: 10px!important;width: 70%;
}
img, video, object, embed {
    max-width: 100%;
    height: auto;
    margin: 1px;
    border: 1px solid;
}
.thumb {
	float:left;
	hight:85px;
	width:85px;
	margin: 10px 10px 0px 0px;
	border: 1px solid;}
/*==================================== single Post ====================================*/
.single-post h1{font-size:24px; color:#000; text-decoration:none;}
.single-post img{margin:10px 0; max-width:500px;
max-hight:500px;}
.main-content { word-break:break-word;}
.main-content h2 { margin-bottom: 10px;}
.main-content td { border:1px solid #ccc;}
.main-content ul { margin-left:15px; list-style:square;}
.main-content p { padding: 10px 0;}
/*==================================== Comment Form ====================================*/
.comment-input input,#comment{display: block;
margin-bottom: 5px;min-height:40px;min-width:320px;
border-top:2px solid; border-bottom:2px solid #CCC;}
.commentlist li{border:1px solid #999; margin:10px 0; padding:10px; list-style:none;}
#comments{max-width:600px;}
.comment-author img{ margin-right:10px; float:left}
/*==================================== single Post End====================================*/
/*==================================== sidebar ====================================*/
.search-form #s{width: 185px; margin:8px;}
#sidebar {
max-width: 300px;
width:28.6%;
float:right;
margin-top: 10px;
}
#sidebar a {
margin-left: 10px;
color:#000;
text-decoration:none;
}
#sidebar a:hover {
color: red;
text-decoration: underline;
}
#sidebar h3 {
max-width: 300px;
background-color: #555;
border-radius: 8px 8px 8px 8px;
padding: 5px;
color: white;
}
.widget-item {
background-color: rgb(240, 240, 240);
border-bottom:3px solid rgba(3, 3, 3, 0.42);;
}
#sidebar li{list-style: none outside none;
}
/*==================================== sidebar END====================================*/
/*==================================== Content END====================================*/
/*==================================== Footer ====================================*/
#footer {
float: left;
width: 100%;
clear: both;
background-color:#CCC;
padding-bottom: 5px;
padding-top: 12px;
border-top: 1px solid #000;
margin-top: 10px;
}
#footer #copyright {
float:left;}
#footer a {color: #000}
#footer a:hover {color: #F00}
#footer #cradit {float:right;}
/*==================================== Footer END====================================*/
/*====================================  Responsive  ====================================*/
@media screen and (max-width:1024px)
{
html {margin:0% 5% 0% 5%;}
.article {
width: 70%;
}
#sidebar{width:28.6%}
}

@media screen and (max-width:900px){

#sidebar { float:left; width:100%}
.article {
	width:100%
}
#menu a{font-size:16px}
}

@media screen and (max-width:800px){
.logo {
text-align: center;
}
html {margin:5px;}
}