/*
 Theme Name: HostonWWW V4
 Theme URI: http://www.hostonwww.com
 Description: Easy to use wordpress theme, organized as magazine style community design.
 Author: Salman
 Author URI: http://www.hostonwww.com
 */

* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; text-align: center; background-color:#02070a;  
}


/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link, a:visited { color:#999999; ;  text-decoration: none; }
a:hover, a:active { color:#FEB403 ; text-decoration: none; }
blockquote { display: block; margin: .5em 2.0em .5em 2.0em; padding: 0 0 0 1.0em; border-left: dotted black .1em; }
blockquote blockquote { padding: 0 0 0 1.0em; border-left: dotted black .1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: left; color:#717475  }

/*********************/
/* S T R U C T U R E */
/*********************/
#container { width: 955px; margin: 0 auto; text-align: left;   }
#header { width: 955px; height: 170px; background: url(images/header.jpg) no-repeat; }
/*wraps content and sidebar*/
#wrapper { float: left; width: 100%; position: relative;  background: url(images/bg-content.jpg); }
#sidebar { float: right; width: 260px; height: auto; padding: 07px 0 0px 0px; display: inline; }
#content { float: left; width: 692px !important; height: auto; padding:15px 0 20px 0;  }
#footer { display:block; width: 955px;  margin:0 auto 0 auto; background:url(images/footer.png) repeat-x; clear: both;  }

/*********************/
/* H E A D E R       */
/*********************/
.logo { float: left; width: 250px; height: 40px; margin: 20px 0 0px 0px; display: inline; background-color: yellow; }

ul{ color:#697076 ; font-size:12px; font-family:Arial, Helvetica, sans-serif; }


/*top menu*/
ul#nav { float: left; width: 670px; height:0px; list-style: none; margin: 62px 0 0 0; height: 0px; font-size: 11px; font-weight: none; text-transform: uppercase; letter-spacing:1px; display:none;}
ul#nav li { float: left; /*background: #CCE7F7 url(images/tableft.png) no-repeat left top; */ padding: 8px 0 8px 025px; margin-right: 1px; border-right: dashed 1px; color:#222528;  }
ul#nav li a {/*background: #CCE7F7 url(images/tabright.png) no-repeat top right; */ padding: 8px 26px 8px 0; color: #767c80; dashed 1px; color:#717475; }
ul#nav li:hover, 
ul#nav li.current_page_item {dashed 1px; color:#222528; /* background: url(images/tab-left-active.png) no-repeat left top */; }
ul#nav li:hover, 
ul#nav li.current_page_item { color: #f0efbe; dashed 1px; color:#222528;}
ul#nav li a:hover, 
ul#nav li.current_page_item a {  /* background: url(images/tab-right-active.png) no-repeat right top; */ }
ul#nav li a:hover, 
ul#nav li.current_page_item a { color: #feb403; }

/*bottom menu*/
ul#cat { float: left; width: 670px; height: 35px; line-height:35px; list-style: none; margin: 25px 0 0 15px; font-size: 12px; font-weight: normal; text-transform: uppercase;}
ul#cat li { margin:0 15px 0 0; display:inline; }
ul#cat li a { color:#676767 ;font-weight: bold;   }
ul#cat li:hover, 
ul#cat li.current-cat { color: #eee;  }


/*bloginfo*/
.bloginfo{float:left; width:750px; height:70px; margin:5px 0 0 10px;}
.bloginfo h1 a{ font-size:40px; font-weight:normal; text-transform:uppercase; color:#0a5ea3;}
.bloginfo p{ font-size:16px; color:#2f89af;}

/*rss*/
a.rss{float:right; width:130px; height:70px; margin:50px 0 0 0; padding:0 60px 0 0; background:url(images/rss.png) no-repeat right top; line-height:70px; font-size:14px; color:#2f89af; text-align:right; }

/*********************/
/*  S I D E B A R    */
/*********************/
.widget { width: 260px; height:auto; margin: 0px 0 36px 0; text-align: left; overflow: hidden; background:url(images/widget-bg-bottom.png) no-repeat bottom; }
.widget h2 { display:none;  width: 256px; height:40px; text-align: center; font-size: 14px; line-height:30px; color: white; text-transform:lowercase; background:url(images/widget-h2.png) no-repeat right top; }
.widget ul li a { border-bottom:#212629 1px dotted; }
.widget ul li a:link,
.widget ul li a:visited { display:block; width:222px; height:20px; padding:5px; text-decoration: none; font-weight: normal; color: #717475; line-height: 18px; }
.widget ul li a:hover,
.widget ul li a:active {   color:#feb403;   }
.widget ul { width:226px; margin:15px 5px 10px;padding:15px 15px 15px 11px; list-style-type: none; font-size:12px; color: black;  text-align: left; background:url(images/widget-bg.png) no-repeat top; background-color:#04080b; /*-moz-border-radius:12px;-moz-box-shadow:0 0 5px #fff;*/}
.widget ul ul { margin-left: 10px; }
.widget ul ul li { list-style-type: none; color: black; }

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 630px; margin: 7px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:#04080b;}
.post-content h1{ font-size: 24px; font-weight:normal; color:#feb403 !important;  }
.post-content h1 a{ font-size: 24px; font-weight:normal; color:#feb403 !important;  }

.post-content .meta{display:block; margin:5px 0 0 0; font-size:12px; color:#4c829f; }
.post-entry { margin:10px 0 0 0; font-size: 13px;}
.post-entry strong { margin:10px 0 0 0; font-size: 14px; letter-spacing:1px; font-weight: bold; font-family:Arial, Helvetica, sans-serif  !important ;}
.post-entry p{ padding: 5px 0 5px 0; color:#999999; font-size:13px !important ; text-align:justify;  }
.post-entry ul { padding: 5px 0 .5px 20px;  color:#999999;  }
.post-entry ol { padding: 5px 0 .5px 20px;  color:#999999;  }
.post-entry img { margin: 5px 5px 5px 5px; padding: 0 0 0 0; }
.navpages { font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:white; display:none; /*fixes nav bottom in IE*/ }

/*   S E A R C H     */
#searchform { float:right; width: 234px; height: 55px; margin-top:55px; background:url(images/searchbox.png) no-repeat; color:#666666}
#searchfield { float: left; width: 192px; height: 15px; margin: 10px 0px 0px 5px; padding: 4px 2px 0px 2px; font-size: 12px; background: none; border: none; display: inline; color:#5b6063;}
#searchsubmit { float: right; height: 35px; width: 35px; margin: 9px 0px 0 -20px; color: #5b6063; background: transparent url(images/searchsubmit.png) no-repeat; border: 0px none; cursor: pointer;}
h3.search{font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:white; /*fixes nav bottom in IE*/ color:#4c829f;}

/*********************/
/* F O O T E R  */
/*********************/

.footer-left{ float:left; position:relative; width:4px; height:37px; margin: 5px 0 0 -4px; background:url(images/footer-left.png) no-repeat; }
.footer-right{ float:right; position:relative; width:4px; height:37px; margin: 5px -4px 0 0px; background:url(images/footer-right.png) no-repeat; }
.footer-col{float:left; width:255px; height:250px; margin:0px 0 0 24px; color:#97ADBB; font-size:12px; text-align:center;}
.footer-col-middle{ width:340px; margin-bottom:0px;}
.footer-col h2{ font-size:20px; line-height:32px; font-weight:normal; color:#999999;}
.footer-col .content{display:block; width:242px; height: 200px; margin:15px 0 0 0; padding:5px 5px 5px 5px; border: 1px solid #7590A3;}

.footer-col ul { width:100%; margin: 0 0 0px 0; list-style-type: none; font-size:12px; color: black;  text-align: left;}
.footer-col ul li a,
.footer-col ul li a:link,
.footer-col ul li a:visited { display:block; width:234px; height:20px; padding:0px 4px 0px 0px; text-decoration: none; font-weight: normal; color: #97ADBB; line-height: 18px; }
.footer-col ul li a:hover,
.footer-col ul li a:active { background-color:#5F8CAB; color:white;  }


.footer-col .content-middle ul li a { width:330px;}
.footer-col .content-middle{width:338px;}

.footer-links{ display:block; width:955px; height:20px; margin:0px auto 0 auto; padding:15px 15px 0 0px; /*background:url(images/footer-line.png) no-repeat 0 15px; */ font-size:12px; color:#8c8c8c; clear:both;}
.footer-links a { color:#6F8FA6;}
.footer-links a:hover,
.footer-links a:active{ text-decoration:none;}

/*********************/
/*  C O M M E N T S  */
/*********************/
ol.commentlist { list-style:none; margin:0 20px 0 0; padding:0; }
ol.commentlist li { border:1px solid #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; background:#ccc;}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#3abbe9; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#3A515F; border:1px solid #004080;; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform { margin:0 0 0 30px; font-size:12px;}
#commentform p { line-height:30px;}
#commentform #comment{width:450px; margin:10px 0 0 0; }
h3#comments,
#respond h3{font-size:18px; font-weight:normal; margin:5px 0 5px 20px;color:#CCCCCC;}

/*********************/
/*  H O M E P A G E  */
/*********************/
.home-featured{ display:block; width:670px; height:270px; margin:0px auto 20px auto; background-color:#3A515F; border:1px solid #0062c4;}
.home-post{float:left; width:303px; height:150px; margin-left:13px; margin-bottom:5px; padding:14px 7px 15px 15px; background:url(images/home-post.png) no-repeat;}
.home-post h1 a{ display:block; font-size: 20px; font-weight: normal !important;  padding-top:3px; text-transform:uppercase; color:#feb403; text-decoration:none;}
.home-post .thumbnail {float:left; width:106px height: 106px; margin:0 8px 0 0; padding:3px 3px 0px 3px; border: 1px solid #414449;}
.thumbnail {float:left; margin:3px 12px 0 0; }
.thumbnail img {width:100px; height:100px;}
.home-post .thumbnail img{width:40px; height:40px;}
.home-post .meta{display:block; margin:5px 0 0 0; font-size:12px; color:#697076; }
.home-post p{ font-family: Arial, Helvetica, sans-serif; display:block; margin:10px 0px 0 5px; width:282px; font-size:13px; line-height:16px; color:#999999; clear:both; height:67px; overflow:hidden !important; }
.home-post .readmore a{ color:#999999 !important ; float:right; position:relative; width:110px; height: 25px; right:5px; bottom:-10px; line-height:25px; text-align:center; font-size:12px; background:url(images/bg-readmore.png) no-repeat; color:#999999;}

.price{ font:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }
.text{ font:Arial, Helvetica, sans-serif; font-size:12px; }
.table td {padding-left:10px; }


/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }


:focus {outline:none;}


#post-88 {width:655px; height:130px !important;  background:none; border:0px !important; margin:px; padding:0px; padding-bottom:10px;}
#post-88  .thumbnail img{ display:none; border:0px !important; }
#post-88 p { width:655px; text-align:justify; height:100px;  }
#post-88 .readmore a{ display:none;}