/*
Theme Name: Bullet Metro
Theme URI: http://hkseo.us
Author: The HKSEO Development Team
Author URI: http://hkseo.us/
Description: A Bullet Viral Traffic Theme
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic);
html,body{height:100%;}
h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', 'san-serif'; }
body {font-family: 'Droid Serif', 'serif'; font-size: 14px; color: #333;margin: 0;padding: 0;}
iframe {max-width:100%}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {padding:0 5px;}

header {margin: 15px 0 30px 0; text-align:left; }
header h1.logo {margin:-12px 0 0}
header h1.logo a { color:#ee4723; text-shadow: 0px 3px #ccc;font-size:45px}
header h1.logo a:hover{color:#fedd7a;text-decoration:none}

img {max-width:100%}

#page { background: #f5f5f5; box-shadow: 0 0 2px #999 }
#content { background-color: #fff; padding: 15px; }


.articles article { height:270px; margin: 5px 0; overflow:hidden;position:relative }
.articles article a { text-decoration: none; }
.articles article img { height: auto;min-height:100%;width: 100%; }
.articles article a>span { color:#ddd; width: 100%;height: auto;margin: auto;display: block;font-family: 'Oswald';background: #999;font-size: 18px;padding: 5px; line-height: 1.2;position:absolute;bottom:0}
.articles article:hover a>span{ color:#fff; }

/* widgets */
#sidebar { padding: 15px; background:#f5f5f5 }
#sidebar ul { padding: 0;margin: 0; list-style-type: none;}
.widget {margin-bottom: 30px}
.widget h3 {font-size: 22px;}
.widget_search .input-group { width: 100%; }

/* comments */
.comment-list {list-style-type:none}
.comment-list h3{font-size:20px;margin: 0 0 10px 0;}
.avatar{float: left;}
.comment-body {margin:0 0 15px 81px;}
.comment>.comment{margin:0 0 0 32px;}
.bypostauthor>.comment-body{ background-color: rgb(255, 255, 218); border: solid 2px #999; padding: 10px; }

#commentform p>label{display:block}

/* pagination */
.pager a {color:#333 }

/* main menu */
div.menu ul {padding:0;width:100%;list-style-type:none}
div.menu ul li {background: #ee4723;padding: 0 20px;font-family: 'Oswald';font-size: 12px;height: 40px;line-height: 40px;text-transform: uppercase;}
div.menu ul li:hover {background-color: #fedd7a;color: #ee4723;}
div.menu ul li:hover a {color: #ee4723;}
div.menu ul li a {color:#fff}
div.menu ul li a:hover {text-decoration:none}
.navbar-header {background: #ee4723;padding: 0 20px;height: 40px;line-height: 40px; display:block;}
.navbar-header button {background: #fedd7a;color: #ee4723;font-size: 14px;}
#mainmenu.collapse.in{display:block}
.navbar-collapse {padding:0;}

@media (min-width:768px) {
div.menu ul {display:table;}
div.menu ul li {display: table-cell;border-right: 1px solid #fff;}
.navbar-header {display:none;}
}

@media (min-width:992px) {
div.menu ul li {font-size: 16px;height: 54px;line-height: 54px;}
}

@media (max-width:768px) {
header h1.logo {text-align:center;}
}
@media (max-width:992px) {
header h1.logo a {font-size:32px}
header h1.logo {margin:-7px 0 0}
}