/*   
Theme Name: Null We Know
Theme URI: www.nullweknow.com
Description: Wordpress template for Null We Know.
Author: Alex Kwa
Author URI: www.primarynull.com
Version: 1.0
Tags: null we know, nullweknow
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-family:Helvetica;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
body {
	background-color:#efefef;
}
.box4 #mytag2 {
	width:864px;
}
.box5 #mytag2 {
	width:1086px;
}
.box6 #mytag2 {
	width:1308px;
}
.box7 #mytag2 {
	width:1530px;
}
.box8 #mytag2 {
	width:1752px;
}
.rest #mytag2 {
	width:100%;
}
.box4 #mytag {
	width:864px;
}
.box5 #mytag {
	width:1086px;
}
.box6 #mytag {
	width:1308px;
}
.box7 #mytag {
	width:1530px;
}
.box8 #mytag {
	width:1752px;
}
.rest #mytag {
	width:100%;
}
#header_container {
	padding-top:31px;
	margin-bottom:-25px;
	padding-left:31px;
	padding-right:31px;
}
#top_header {
	height:17px;
}
#logo {
	float:left;
	width:169px;
	height:25px;
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
}
#search_bar {
	display: inline;
	float: right;
	width:180px;
	height:22px;
	border:none;
	background-color:#ffffff;
}/*
#search_bar #s {	
	border: 0;
	font-size:11px;
	font-weight:normal;
	color:#c6cdd5;
}*/
#glass {
	float:right;
	margin:3px 3px;
	background-color:#fff;
	position:relative;
}
#search_bar #s {
	margin-left:6px;
	margin-right:6px;
	margin-top:4px;
	border: 0;
	height:17px;
	background:none;
	width: 144px;
	font-size:11px;
	font-weight:normal;
	color:#c6cdd5;
}
#search_fail {
	font-family:Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#c6cdd5;
}
#twitter {
	margin-right:5px;
	display: inline;
	float: right;
	width:17px;
	height:17px;
	background-image:url(img/twitter.png);
}
a:link, a:visited, a:active {
	font-family:Helvetica;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#c6cdd5;
}
.sharelink {
	margin-top:4px;
	margin-right:-8px;
	height:14px;
	display:inline;
	float: right;
	font-family:Helvetica;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:#c6cdd5;
}
.sharelink2 {
	margin-top:3px;
	margin-left:0px;
	height:14px;
	display:inline;
	float: left;
	font-family:Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#c6cdd5;
}
.sharelink2 a {
	text-decoration:none;
}
.sharelink2 a:hover {
	text-decoration:underline;
}
.sharelink3 {
	margin-top:3px;
	margin-left:0px;
	height:14px;
	display:inline;
	float: left;
	font-family:Helvetica;
	font-size:11px;
	font-weight:bold;
	color:#c6cdd5;
}
.sharelink3 a {
	text-decoration:none;
}
.sharelink3 a:hover {
	text-decoration:underline;
}
A:hover {
	text-decoration:none;
}
#twitter:hover {
	background-image : url(img/twitter_r.png);
}
#facebook {
	margin-right:5px;
	display: inline;
	float: right;
	width:17px;
	height:17px;
	background-image:url(img/fb.png);
}
#facebook:hover {
	background-image : url(img/fb_r.png);
}
#rss {
	margin-right:5px;
	display: inline;
	float: right;
	width:31px;
	height:17px;
	background-image:url(img/rss.png);
}
#rss:hover {
	background-image : url(img/rss_r.png);
}
/* article  single*/
.article-date-single {
	color:#999;
	line-height:2em;
	font-weight:bold;
	font-size:11px;
}
.article-link-single {
	color:#999;
	font-weight:bold;
	font-size:11px;
}
.article-link-single a {
	color:#999;
	font-size:11px;
}
.article-link-single a:hover {
	text-decoration:underline;
}
.article-title-single {
	color:#ffcc33;
	font-weight:bold;
	text-transform:uppercase;
	font-size:36px;
}
.article-title-single a {
	color:#ffcc33;
	font-weight:bold;
	text-transform:uppercase;
	font-size:36px;
}
.article-container-single {
	width:100%;
}
.article-copy-single {
	font-size:12px;
	color:#333;
}
.article-copy-single a {
	color:#999;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
.article-copy-single a:hover {
	text-decoration:underline;
}
.article-content-single {
	float:left;
	padding:16px;
	text-align:left;
	width:644px;
	margin-left:-142px;
	margin-bottom:100px;
	height:auto;
	background-color:#fff;
}
/* end article  single */
.content_container {
	margin-left:7px;
	margin-top:30px;
	padding-right:31px;
	text-align:left;
}
.content {
	float:left;
	display:inline;
	margin-left:24px;
	margin-top:26px;
	margin-bottom:22px;
	width:198px;
	height:272px;
}
.thumb {
	width:198px;
	height:198px;
	background-color:#fecb00;text-align:center;
}
.thumb a {
	color:#fecb00;
	
}
.caption-container {
	padding:10px;
	width:178px;
	height:80px;
	background-color:#ffffff;
	margin-bottom:30px;
}
.caption {
	height:70px;
	font-family:Helvetica;
	color:#333;
	font-size:10px;
	line-height:1.1em;
	margin: 0px;
}
.caption a {
	font-weight:normal;
	color:#999;
	text-decoration:none;
}
.caption a:hover {
	text-decoration:underline;
}
/*
a.linkopacity:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-khtml-opacity: 0.6;
}
a.linkopacity img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}*/
#bottom_links {
	padding-top:31px;
	padding-left:31px;
	padding-right:31px;
	clear:both;
}
#next {
	float: right;
	width:34px;
	height:16px;
	background-image:url(img/next.png);
}
#next:hover {
	background-image : url(img/next_r.png);
}
#prev {
	float: left;
	width:55px;
	height:16px;
	background-image:url(img/prev.png);
}
#prev:hover {
	background-image : url(img/prev_r.png);
}
#pgNum {
	width:100%;
	text-align:center;
	color:#666;
	font-size:10px;
	float: left;
	font-family:helvetica;
}
/*centralized container in Horizontally and vertically direction (and scalable)*/

#align {
	position:absolute;
	top:0; /* For IE Mac */
	left:0;
}
/* Hide from IE Mac with backslash hack -> \*/
#align {
	top:50%;
	left:50%;
	margin-left: -198px;
	margin-top: -15.8065em;
	text-align:center;
	width:44.133em;
}
/* End hide */


/* article */

.acontent {
	float:left;
	display:inline;
	margin-left:24px;
	margin-top:26px;
	margin-bottom:-6px;
}
.article-content {
	border:1px solid #f1c530;
	width:196px;
	height:297px;
}
.article-top {
	height:270px;
	width:196px;
	position: relative;
	border-bottom:1px solid #f1c530;
	font-weight:bold;
}
.article-top-box {
	position:absolute;
	z-index:99;
	background-color: #f1c530;
	height:196px;
	width:196px;
	overflow:hidden;
	text-align:center;
}
.article-headline {
	top:0;
	left:0;
	height:196px;
	width:196px;
	display: table-cell;
	vertical-align: middle;
	text-transform:uppercase;
	font-size:18px;
	text-align:center;
	line-height:1.2em;
	font-weight:bold;
	color:#f1c530;
	padding:10px;
	background-color:#efefef;
}
.article-author {
	height:12px;
	width:100%;
	text-transform:none;
	font-weight:normal;
	width:196px;
	color:#c6cdd5;
	font-size:11px;
}
.article-top-box2 {
	position:absolute;
	top:0;
	left:0;
	height:196px;
	width:196px;
	overflow:hidden;
	text-align:center;
}
.article-headline2 {
	top:0;
	left:0;
	height:196px;
	width:196px;
	display: table-cell;
	vertical-align: middle;
	text-transform:uppercase;
	font-size:18px;
	text-align:center;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	padding:10px;
	background-color:#f1c530;
}
.article-author2 {
	height:12px;
	width:100%;
	text-transform:none;
	font-weight:normal;
	width:196px;
	color:#fff;
	font-size:11px;
}
.article-bot-box {
	line-height:1.7em;
	float:left;
	width:100%;
	color:#666;
	display: table-cell;
	vertical-align: middle;
	margin-top:200px;
	text-align:center;
	font-size:11px;
	text-transform:capitalize;
	font-weight:normal;
}
/*
.article-title:hover {
	background-color:#f1c530;
	color:#fff;
}
.article-title:hover .article-author {
	color:#fff;
}*/
.article-share {
	padding:5px 9px 8px 7px;
	height:12px;
	overflow:hidden;
	background-color:white;
}
/* buttons */
.all-button {
	font-family:Helvetica;
	padding-top:2px;
	border:none;
	font-size:11px;
	cursor:pointer;
	font-weight:bold;
	margin-top:1px;
	float:left;
	width:auto;
	height:14px;
	letter-spacing: -0.05em;
	padding-right:5px;
	padding-left:5px;
	background-color:#c6cdd5;
	color:#fff;
	display:block;
}
.all-button:hover {
	background-color:#fff;
	color:#c6cdd5;
}
/*footer*/
.footerbar {
	position: fixed;
	padding-top:6px;
	z-index:50;
	height:37px;
	bottom:0%;
	background-color:#f1f1f1;
	left:0%;
	width:100%;
	border-top:1px solid #c6cdd5;
	overflow:hidden;
}
#foot_rss {
	background-image:url(img/foot_rss.png);
	display:block;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin-left:30px;
}
.foot_info {
	color:#666;
	font-size:10px;
	line-height:1.4em;
	margin-left:13px;
	float:left;
	padding:3px;
	text-align:left;
	font-family:helvetica;
}
.foot_info a {
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.foot_pagi {
	color:#333;
	font-size:12px;
	float:left;
	font-weight:bold;
	font-family:helvetica;
	margin-left:38px;
}
.foot_info a:hover {
	text-decoration:underline;
}
#foot_tweet {
	background-image:url(img/foot_tweet.png);
	display:block;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin-left:40px;
}
#foot_fb {
	background-image:url(img/foot_fb.png);
	display:block;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin-left:50px;
}
#pagination {
	float:right;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
#main-cat {
	font-size:11px;
	display: inline;
	float: right;
	margin-right:10px;
	color:#666;
}
#main-cat a {
	color:#999;
	font-weight:normal;
}
#main-cat a:hover {
	text-decoration:underline;
}
.tag-content {
	border:1px solid #f1c530;
	width:176px;
	height:277px;
	padding:10px;
	overflow:hidden;
	color:#f1c530;
}
.tag-content a {
	font-weight:normal;
	color:#c6cdd5;
}
.tag-content a:hover {
	text-decoration:underline;
}
#categories {
	font-size:11px;
	float:right;
	margin-right:12px;
	margin-top:2px;
}
