<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: HeadLight Magazine 2015
Theme URI: N/A
Author: Parit Waitayakomol
Author URI: http://www.mahaaud8401.com
Description: This is a new design for http://www.headlightmagazine.com in 2015.
Version: 1.5
License: The license of this theme belongs to the owner of the website http://www.headlightmag.com
*/
html, body {
	font-family: Arial,sans-serif;
	background-color: #1a1a1a;
	background-position: center top;
}
.container {
	width: 1260px;
}
.box {
	padding: 5px;
}
.txt-center {
  text-align: center;
}
.box-search {
	padding: 5px;
	background: #FFF;
	margin-top: 10px;
}
.box-search .caption a:link,
.box-search .caption a:visited {
	color: #494949;
}
.box-search .caption a:active,
.box-search .caption a:focus,
.box-search .caption a:hover {
	color: #888;
	text-decoration: none;
}
.box-search .dinfo {
	position: relative;
	margin-top: 10px;
}
.bg-white {
	background: #DFDFDF;
}
.bg-white hr {
	border-top: 1px solid #CCC;
}
.bg-black {
	background: #000;
}
.item img {
	width:100%;
}
#nav-head {
	margin-left: 47px;
}
.center{
	margin: 0 auto;
}
.dvsup {
	background: url('img/dvsup.png');
}
#body_header {
	border-bottom: 1px solid #1F1F1F;
	background: #000;
}
#nav-container {
	padding-left: 0px;
	padding-right: 0px;
}
/* @Bootstrap Override: nav-pills */
ul.nav-pills &gt; li &gt; a, .dropdown-menu a, .dropdown-submenu a {
	font-family: 'Open Sans';
	font-size: 14px;
	padding: 5px 10px;
}
ul.nav-pills li.open {
	background: #444;
}
#nav-head  &gt; li &gt; a:link, #nav-head &gt; li &gt; a:active, #nav-head &gt; li &gt; a:visited {
	color: #FFF;
}
ul.nav-pills li.active a:link, ul.nav-pills li.active a:hover, ul.nav-pills li.active a:active, ul.nav-pills li.active a:focus, ul.nav-pills li.active a:visited {
	background: #666;
	color: #EEE;
}
ul.nav-pills a:hover, ul.nav-pills a:focus {
	color: #888;
	background: none;
}
.nav .open &gt; a, .nav .open &gt; a:hover, .nav .open &gt; a:focus {
	background: #444;
	color: #EEE;
}
.dropdown-menu &gt; li &gt; a:link {
	color: #333;
}
.dropdown-menu &gt; li &gt; a:hover, .dropdown-menu &gt; li &gt; a:focus {
	color: #EEE;
	background: #777;
}
/* Twitter Bootstrap 3 Multilevel Dropdown Menu: http://firdaus.grandexa.com/2013/09/twitter-bootstrap-3-multilevel-dropdown-menu/ */
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu &gt; .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover &gt; .dropdown-menu {
	display: block;
}
.dropdown-submenu &gt; a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover &gt; a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu .pull-left {
	float: none;
}
.dropdown-submenu.pull-left &gt; .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/* End Dropdown*/
#search-btn {
	margin-top: 3%;
	position: absolute;
	right: 0;
}
#btn-search {
	background: #222;
	color: #AAA;
}
#btn-search:active,
#btn-search.active {
	background: #111;
}
#btn-search:active,
#btn-search:focus,
#btn-search.active {
	border: 1px solid #1A1A1A;
	outline: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
}
/* Social Button */
.fb-btn {
	background: url('img/facebook_gg.png') no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
}
.fb-btn:hover {
	background: url('img/facebook.png') no-repeat;
	cursor: pointer;
}
.twit-btn {
	background: url('img/twitter_gg.png') no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
}
.twit-btn:hover {
	background: url('img/twitter.png') no-repeat;
	cursor: pointer;
}
.fb_iframe_widget span {
	vertical-align: baseline !important;
}
/* End Social Button */
ul.newstab {
	list-style: none;
	padding-left:0px;
	background: #DDD;
}
ul.newstab li {
	font-family: 'Open Sans';
	font-size: 1.5em;
	display: block;
	padding: 10px;
	color:#000;
	background: #FFF;
	border-left: 7px solid #000;
	margin-bottom: 3px;
}
ul.newstab li:hover {
	background: #CCC;
	cursor: pointer;
}
ul.newstab li.active {
	background: #333;
	color: #FFF;
	border-left: 7px solid #FFF;
}
#header {
	padding: 20px 0 20px 0;
}
#resp-menu {
	position: absolute;
	width: 10%;
	z-index: 100;
}
#nav-head {
	padding-top: 3%;
	margin-left: 0;
	float: left;
}
#wrapper {
	border: 1px solid #1F1F1F;
}
#sidebar-wrap{
	padding-top:10px;
	width:100%;
}
#content-wrap {
	width:100%;
}
.page-padding {
	padding-top: 10px;
	padding-left:15px;
	padding-right:15px;
}
.new-arrival {
	padding-top: 3px;
	padding-left: 30px;
	margin-bottom: 5px;
}
.new-arrival .datedisplay {
	color: #888;
}
.topic_wrapper {
	width: 100%;
}
.topic_head {
	font-family: 'Open Sans';
	font-weight: 100;
	font-size: 35px;
	border-left: 7px solid #000;
	margin-left: 6px;
	padding-left: 10px;
	color: #000;
}
.cat-features {
	position: absolute;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 22px;
	bottom: 0;
}
.cat-features a {
	text-decoration: underline;
	background: none !important;
}
.dinfo {
	position: absolute;
	color: #000;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 4px;
	bottom: 0;
	width:100%;
	font-weight: bold;
}
.caption {
	font-weight: 900;
	margin-top: -7px;
	padding-left: 10px;
	padding-right: 10px;
}
.newar-item  .news-content .caption a:hover,
.newar-item  .news-content .caption a:active,
.newar-item  .news-content .caption a:focus {
	color: #888;
	text-decoration: none;
}

.newar-item {
	width: 205px;
	margin-right: 10px;
}
.neww-item {
	width: 270px;
}
.newar-thump-wrapper{
	width:205px;
	height:125px;
	overflow:hidden;
}
.newar-thump {
	width: 100%;
}
.neww-content .caption{
	overflow:hidden;
	margin-left: 40%;
}
.neww-content .caption a {
	font-size: 0.8em;
}
.neww-thump {
	width: 100%;
	max-height: 184px;
	overflow: hidden;
}
.neww-thump-small-wrapper {
	width: 40%;
	overflow: hidden;
	float:left;
}
.neww-thump-small {
	width: 100%;
}
.neww-content-header .caption a,
.neww-content-header .caption a:visited {
	font-size: 1.5em;
}
.neww-content-header .caption a:hover,
.neww-content-header .caption a:active,
.neww-content-header .caption a:focus {
	text-decoration: underline;
}
.neww-content .caption h3 {
	font-size: 1.2em;
}
.news-content {
	background: #FFF;
	width: 205px;
	height: 250px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.toc-thump-wrapper{
	overflow: hidden;
}
.toc-wrapper {
	padding-bottom: 30px;
}
.toc-wsb .toc-content {
	height: 300px;
	background: #F5F5F5;
}
.toc-wsb-lg .toc-content {
	height: 370px;
	background: #F5F5F5;
}
.toc-wsb .toc-thump-wrapper .img-responsive {
	width: 267px;
	height: 133px;
}
.toc-wsb-lg .toc-thump-wrapper .img-responsive {
	width: 330px;
	height: 187px;
}
.toc-wsb .toc-thump-wrapper,
.toc-wsb-lg .toc-thump-wrapper {
	padding: 10px;
}
.toc-content .caption {
	padding: 15px;
}
.toc-wsb .caption,
.toc-wsb-lg .caption {
	margin-top: -20px;
}
.toc-content .dinfo {
	padding: 0 10px 10px 10px;
}
.toc-content .caption a:link h3,
.toc-content .caption a:visited h3 {
	color: #333;
	font-size: 1.4em;
}
.toc-content .caption a:hover,
.toc-content .caption a:focus,
.toc-content .caption a:active {
	text-decoration: none;
}
.toc-content .caption a:hover h3,
.toc-content .caption a:focus h3,
.toc-content .caption a:active h3 {
	color: #555;
}
.toc-group a.active:hover,
.toc-group a.active:focus,
.toc-group a.active:active {
	background-color: #444;
	border-color: #444;
}
.toc-group a.active {
	background-color: #555;
	border-color: #555;
}
.toc-group a.active .badge,
.toc-group a.active:focus .badge,
.toc-group a.active:active .badge {
	color: #555;
}
a.readmore {
	font-family: 'Open Sans';
	color: #333;
	border-bottom: 4px solid #333;
	margin-right:10px;
	margin-top:-5px;
	font-size: 1.1em;
}
a.readmore:hover {
	color: #888;
	text-decoration: none;
}
.no-border {
	border: 0;
}
.neww-wrapper{
	background: #FFF;
	padding-top:8px;
	padding-left:8px;
	height:262px;
	border-bottom: 4px solid #333;
}
.neww-content-header{
	width: 245px;
}
.neww-content {
	width: 100%;
	height:75px;
	border: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.neww-content a {
	color: #494949;
	background: #DDD;
}
.neww-bottom {
	border-top: 4px solid #333;
}
.news-content a {
	font-size: 1.2em;
	color: #494949;
	background: #DDD;
}
.news-content a:hover {
	color: #111;
	text-decoration: none;
}

.news-content h3 {
	font-size: 0.9em;
}
.news-content #content {
	margin-top: -20px;
	padding: 10px;
}
#footer {
	margin-top:20px;
	margin-left:-15px;
	margin-right:-15px;
	color: #999;
	background: #333;
	border-top: 1px solid #353535;
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
	padding: 10px;
	font-size: 1.2em;
}
.hide {
	display: none;
}
.bottom-nav-item{
	padding-left:20px;
	padding-right:20px;
	border-right: 2px solid #4e4e4e;
}
#bottom-nav-head {
	background-color:#404040;
	top:-9px;
	padding-left:0px;
	padding-top:8px;
	padding-right:0px;
	margin-left:-9px;
	margin-bottom:-30px;
	height:78px;
}
#bottom-nav ul{
	margin-left: 4px;
	width:100%;
	background-color: #000;
	padding-top:1%;
	padding-bottom:1%;
}
#bottom-nav li a{
	font-family: 'Open Sans';
	font-size:36px;
}
.c-item {
	height: 420px !important;
}
#the-coup-channel {
	background: #FFF;
	margin: 15px 7px 0 9px;
	border-bottom: 4px solid #333;
}
#the-coup-channel .topic_head{
	border:0;
}
#the-coup-channel .header-content-thump-wrapper{
	width:100%;
}
#the-coup-channel .header-content-thump{
	width:100%;
	overflow: hidden;
}
#the-coup-channel a:link,
#the-coup-channel a:visited {
	color: #494949;
}
#the-coup-channel a:hover,
#the-coup-channel a:active,
#the-coup-channel a:focus {
	color: #494949;
	text-decoration: none;
}
#the-coup-channel .side-content{
	width: 100%;
	height: 79px;
	margin-bottom:5px;
	border: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
#the-coup-channel .header-content a h3 {
	font-size: 1.7em;
}
#the-coup-channel .side-content-thump-wrapper{
	width:38%;
	float:left;
}
#the-coup-channel .side-content-thump{
	width:100%;
	overflow: hidden;
}
#the-coup-channel .side-content .caption{
	margin-left:38%;
	overflow: hidden;
	margin-top:0px;
}
#the-coup-channel .side-content .caption h3 {
	font-size: 1.1em;
}
#the-coup-channel .header-content a h3:hover,
#the-coup-channel .header-content a h3:active,
#the-coup-channel .header-content a h3:focus,
#the-coup-channel .side-content .caption h3:hover,
#the-coup-channel .side-content .caption h3:active,
#the-coup-channel .side-content .caption h3:focus {
	color: #888;
	text-decoration: none;
}
#pr-news{
	margin-top:15px;
	margin-bottom:15px;
}
#pr-news .pr-news-item{
	background-color: #FFF;
	margin-top: 5%;
	height:58px;
	border-bottom: 4px solid #333;
}
#pr-news .thump-wrapper{
	width: 103px;
	height: 58px;
	overflow: hidden;
	float:left;
}
#pr-news .thump{
	width:100%;
}
#pr-news a:link,
#pr-news a:visited {
	color: #000;
	background: #DDD;
}
#pr-news a:hover,
#pr-news a:active,
#pr-news a:focus {
	color: #000;
	text-decoration: none;
}
#pr-news .caption{
	overflow:hidden;
}
#pr-news .caption h3 {
	margin-top:10px;
	font-size: 0.9em;
}
.bottom-right-nav .nav-button{
	background-color: #000;
	margin-top:3%;
}
.bottom-right-nav p a,
.bottom-right-nav p a:link,
.bottom-right-nav p a:visited {
	color: #FFF;
	font-family: 'Open Sans';
	font-size: 24px;
	border-left: 7px solid #7e7e7e;
	margin-left:10px;
	padding-left:10px;
	text-decoration: none;
}
.bottom-right-nav p a:hover,
.bottom-right-nav p a:active,
.bottom-right-nav p a:focus
.list-header {
	color: #AAA;
}
.list-header {
	font-family: 'Open Sans';
	padding-top: 5px;
	margin-top: 4px;
	background-color: #000;
	border-left: 17px solid #7e7e7e;
	color:#FFF;
	font-size:1.8em;
	padding-left: 15px;
}
.list-item {
	width: 266px;
	height: 290px;
	margin-right: 10px;
	background: #FFF;
	padding: 0 0px 0 0px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-thump-wrapper{
	width:100%;
	height:150px;
	overflow: hidden;
}
.list-thump{
	width:100%;
}
.list-item a {
	color: #494949;
	background: #DDD;
}
.list-item a:hover,
.list-item a:active,
.list-item a:focus {
	color: #888;
	text-decoration: none;
}
.list-item a h3 {
	font-size: 1.2em;
}
.list-item .dinfo {
	margin-bottom: 10px;
}
.pagination{
	margin: 5% auto 5% 50%;
}
a#first-last-button {
	color: #333;
}
#first-last-button{
	border-bottom: 4px solid #000;
}
#adrows {
	background-color: #333;
	padding: 30px 0 30px 54px;
	padding-left: 65px;
}
.adrow:last-child {
	margin-top: 30px;
}
.post-info{
	color: #666;
	font-size: 0.95em;
	margin-top: 5px;
}
.post-content {
	margin-top: 25px;
}
.post-content p,
.post-content ul,
.post-content ol {
	width: 600px;	
	margin-bottom: 20px;
}
.post-content a img {
	margin-bottom: 20px;
}
.post-tag {
	font-size: 0.9em;
}
.related-full {
	padding-top: 10px;
	padding-left: 67px;
	padding-bottom: 30px;
}
.related-full2 {
	margin-left: -10px;
}
.related-full3 {
	margin-left: -10px;
	margin-right: -10px;
}
.related-full4 {
	margin-right: -10px;
}
#related-stories{
	margin-left: 15px;
}
#related-stories .header{
	font-family: 'Open Sans';
	font-size: 2em;
	border-left: 7px solid #000;
	padding-left: 20px;
}
.related-story{
	margin-top:10px;
	margin-right:5px;
	width:150px;
	height:180px;
	background-color: #000;
}
.related-thump-wrapper{
	width:100%;
	height: 90px;
	overflow:hidden;
}
.related-thump{
	width:100%;
}
.related-story a {
	color: #FFF;
	background: #DDD;
}
.related-story a:hover,
.related-story a:active,
.related-story a:focus {
	color: #999;
	text-decoration: none;
}
.related-story .caption h3{
	font-size: 1em;
}
#related-stories .col-xs-2{
	width:19.666667%;
}
#feature .col-xs-2{
	width:24%;
}
.cat_topads {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.cat_topads .col-xs-4 {
	margin-right: -8px;
}
.cat_topads .list-item {
	width: 100%;
	height: 270px;
}
.ck_concent {
  display: none;
  color: #F3F3F3;
}
.ck_concent .container p {
  margin-top: 15px;
}</pre></body></html>