/*  
Theme Name: Blog Box Magazine Style Theme
Theme URI: http://wordpress.org/
Description: A magazine style wordpress theme
Version: 1.0
Author: Mari Lu
Author URI: http://ichdeuxflrodr.net/
*/



body {
	background-color: #cccccc;
	background-image: url('images/bodytopbg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	margin: -5px;
	padding: 0;
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	}
	
p {
	margin: 0 0 8px 0;
	}

/* Links */
a:link, a:active, a:visited {
	color: #111111;
	text-decoration: none;
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	}

#content a {
	font-weight: bold;
	}

a:hover {
	color: #990000;
	text-decoration: underline;
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	}	
	
/* Input, Textarea */
input, textarea {
	font-size: 11px;
	font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	padding: 3px;
	border: 1px solid #403124;
	margin: 2px;
	}

#s, #searchsubmit {
	margin: 1px;
	float: left;
	}

#searchsubmit, #commentform #submit {
	padding: 2px;
	background-color: #3a3939;
	color: #ecf4da;
	}

/* Clearer - clears floats */
.clearer {
	clear: both;
	}

.navigation {
display: block; 
text-align: center;  
margin-top: 10px;  
margin-bottom: 60px;  
font-size:80%;  
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}
	
/* Header - Blog name */
#header {
	width: 950px;
	color: #c9c8c8;
	height: 110px;
	}

#blogname {
	padding: 0 0 0 25px;
	margin: 75px 0 0 0;
	float: left;
	}

#blogname a img {
	border: 0;
	}

/* Wrapper - wraps the whole layout */
#wrapper {
	width: 950px;
	background-color: #ffffff;
	margin: 0;
	}

/* Top Navigation */
#topnav {
	margin: 81px 10px 0 10px;
	float: right;
	}


#topnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#topnav ul li {
	float: left;
	margin-right: 1px;
	}
 
#topnav a:link, #topnav a:active, #topnav a:visited, #topnav li a {
	background-color: #3a3939;
        font-family: Tahoma, Verdana;
	font-size: 11px;
	text-transform: uppercase;
	color: #ecf4da;
	text-decoration: none;
	padding: 8px 12px 8px 12px;
	float: left;
	margin: 0 0 0 5px;
	}

#topnav a:hover, #topnav li a:hover {
	color: #ecf4da;
	background-color: #000000;
	}

/* Featured (Main) */
#featured {
	width: 950px;
	height: 214px;
	background-image: url('images/featuredbg.jpg');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}

#featurediv {
	width: 930px;
	overflow: hidden;
	padding: 10px;
	}

#featuredpic {
	width: 300px;
	height: 191px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#featuredpic img, #featuredcat img {
	border: 0;
	padding: 5px;
	background-color: #ffffff;
	margin: 0;
	}

#featuredpost {
	width: 610px;
	float: right;
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 12px;
	color: #f9f9f9;
	text-align: left;
	line-height: 19px;
	margin: 0;
	padding: 0;
	}

#featuredpost h2, #featuredpost h2 a {
	color: #ededed;
	font-weight: normal;
	font-size: 30px;
	font-family: "Century Gothic", Tahoma;
	margin: 4px 0 7px 0;
	}

#featuredpost h2 a:hover {
	color: #ededed;
	}
	
#featuredpost .entryinfo, #featuredpost .tags {
	color: #fcfff6;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	margin: 0 0 5px 0;
	}

#featuredpost .entryinfo a {
	color: #ecf4da;
	font-weight: bold;
	margin-left: 17px;
	text-decoration: none;
	}

#featuredpost .entryinfo a:hover, #content .head a:hover #featuredpost .tags a:hover, #featuredpost .readmore a:hover, #content a.comments:hover {
	text-decoration: underline;
	}

#featuredpost .tags a, #featuredpost .readmore a, .leftfeatured a.comments, .rightfeatured a.comments{
	color: #ecf4da;
	font-weight: bold;
	text-decoration: none;
	}

#featuredpost .tags, .leftfeatured a.comments:hover, .rightfeatured a.comments:hover {
	width: 45%;
	float: left;
	margin: 5px 0 0 0;
	}

#featuredpost .readmore {
	width: 45%;
	float: right;
	text-align: right;
	margin: 5px 0 0 0;
	}

/* Container */
#container {
	width: 930px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/* Content */
#content {
	width: 560px;
	float: left;
	/* font-family: Verdana; */
        font-family: Verdana, Serif, Helvetica, Arial, Avqest;
	font-size: 10pt;
	color: #2d2e2e;
	text-align: left;
	line-height: 19px;
	overflow: hidden;
	}

#content h2, #content h2 a {
	color: #312424;
	font-weight: bold;
	font-size: 19px;
	/* font-family: "Century Gothic", Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	margin: 2px 0 7px 0;
	}
	

/* The Entries */
#blogentries {
	margin: 20px 0 5px 0;
	}

.post {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #260909
	}

#content .head {
	margin: 0 0 3px 0;
	}

#content .entryhead {
	border-bottom: 1px solid #260909;
	margin-bottom: 15px;
	}

.head .date {
	width: 47px;
	float: left;
	background-image: url('images/datebg.jpg');
	background-repeat: no-repeat;
	}

.head .date .m {
	padding: 0 5px 0 5px;
	margin: -2px 0 0 0;
	color: #f9f9f9;
	/* font-family: Tahoma; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	font-size:11px;
	text-transform:  uppercase;
	font-weight: bold;
	text-align: center;
	}

.head .date .d{
	padding: 3px 5px 10px 5px;
	margin: 0;
	color: #f9f9f9;
	/* font-family: "Century Gothic", Tahoma; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	}

.entrytitle {
	float: right;
	width: 508px;
	}
		
#content .head .entryinfo {
	color: #5f5c5c;
	/* font-family: Tahoma, Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	font-size: 11px;
	}

#content .head .entryinfo .comments a, #content .entryhead .entryinfo .comments a {
	margin-left: 17px;
	}
	

#blogentries h3 {
	color: #4d6771;
	font-weight: bold;
	font-size: 14px;
	/* font-family: "Century Gothic", Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	margin: 0 0 10px 0;
	}

.postmetadata {
	font-size: 10px;
	background-color: #f0efef;
	padding: 10px;
	margin: 15px;
	}

blockquote {
	border-left: 12px solid #d7d7d7;
	padding: 10px;
	background-color: #efeded;
	text-align: justify;
	}

blockquote blockquote {
	border-left: none;
	padding: 10px;
	background-color: #d7d7d7;
	text-align: justify;
	}
	
ol.commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ol.commentlist li {
	background: none;
	padding: 10px;
	margin: 0 0 15px 0;
	}

ol.commentlist li cite {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
        font-family: Avqest, Verdana, Serif, Helvetica, Arial; 
	/* font-family: "Century Gothic", Tahoma; */
	}

ol.commentlist li.alt {
	background-color: #f4f3f3;
	}

/* Sidebar */
#sidebar {	
	width: 360px;
	float: right;
	/* font-family: Tahoma, Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	font-size: 8pt;
	color: #2a2a2a;
	text-align: left;
	line-height: 19px;
	margin: 10px 0 10px 0;
	padding: 0;
	}

/* sEARCH */
#sidesearch {
	width: 360px;
	margin: 0 0 15px 0;
	}

#sidesearch1 {
	width: 360px;
	margin: 0 0 15px 0;
	}
	
#sidesearch2 {
	width: 360px;
	margin: 0 0 15px 0;
	}
	
/*Tabs*/
.tabberlive .tabbertabhide {
	 display:none;
	}

.tabber {	
	width: 360px;
	}

ul.tabbernav {
	margin: 0;
	padding: 3px 0;
	padding-bottom: 0;
	color: #312424;
	font-weight: bold;
	font-size: 14px;
	/* font-family: "Trebuchet MS", Tahoma, Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	text-transform: uppercase;
	}

ul.tabbernav li {
	 list-style: none;
	 margin: 0;
	 display: inline;
	}

ul.tabbernav li a {
	 padding: 3px 0.5em;
	 background-color: #323232;
	 text-decoration: none;
	 margin: 2px 2px 0 0;
	}

ul.tabbernav li a:link { 
	color: #f9f9f9;
	}
ul.tabbernav li a:visited { 
	color: #f9f9f9;
	}

ul.tabbernav li a:hover {
	background-color: #f4f3f3;
	color: #990000;
	}

ul.tabbernav li.tabberactive a {
	background-color: #f4f3f3;
	color: #312424;
	}

ul.tabbernav li.tabberactive a:hover {
	color: #990000;
	background-color: #f4f3f3;
	}

.tabberlive .tabbertab {
	padding: 10px;
	background-color: #f4f3f3;
	margin: 0 0 15px 0;
	}

.tabberlive .tabbertab h2 {
	 display:none;
	}

.tabberlive .tabbertab h3 {
	 display:none;
	}

.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
	}

.tablist, #sidebar .tags {
	background-color: #ffffff;
	padding: 10px;
	height:200px;
	overflow:auto;
	}

.tablist ul {
	list-style-type: square;
	padding: 0 8px 0 8px;
	margin: 0 5px 0 5px;
	}

.tablist ul li {
	margin: 0 0 2px 0;
	}

#twocol {
	width: 360px;
	margin: 0;
	overflow: hidden;
	}

/* Leftbar */
#leftbar {
	width: 175px;
	float: left;
	}

/* Rightbar */
#rightbar {
	width: 175px;
	float: right;
	}

#sidebar h2 {
	color: #312424;
	font-weight: bold;
	font-size: 13px;
	/* font-family: "Trebuchet MS", Tahoma, Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	margin: 0 0 4px 0;
	text-transform: uppercase;
	}

.widget {
	width: 175px;
	margin: 0 0 15px 0;
	background-color: #f4f3f3;
	}


#sidebar .widget h2 {
	color: #f9f9f9;
	padding: 2px 6px 2px 6px;
	background-color: #323232;
	font-weight: bold;
	font-size: 13px;
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	/* font-family: "Trebuchet MS", Tahoma, Verdana; */
	margin: 0 0 4px 0;
	text-transform: uppercase;
	}

.wtext {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 155px;
	}

#leftbar ul, #leftbar ol, #rightbar ul, #rightbar ol {
	list-style-type: circle;
	padding: 0 8px 0 8px;
	margin: 0 5px 0 5px;
	}

#leftbar ul li, #leftbar ol li, #rightbar ul li, #rightbar ol li {
	margin: 0 0 2px 0;
	}

/* wp-calendar */
#wp-calendar, #wp-calendar caption {
	width: 100%;
	text-align: center;
	}

/* Footer */
#bottom {
	width: 100%;
	background-color: #808080;
	height: 100px;
	margin: 0;
	padding: 0;
	}
	
#footer {
	color: #f9f9f9;
	/* font-family: Tahoma, Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	font-size: 11px;
	width: 950px;
	text-align: left;
	padding: 5px;
	}

#footer a {
	color: #ecf4da;
	font-weight: bold;
	}

#footer a:hover {
	color: #ecf4da;
	text-decoration: underline;
	}

h1 {
	color: #313439;
	font-weight: bold;
	font-size: 19px;
	/* font-family: "Century Gothic", Verdana; */
        font-family: Avqest, Verdana, Serif, Helvetica, Arial;
	margin: 2px 0 7px 0;
	}

.navigation a{  
 text-align:center;  
  padding:5px 10px;  
  margin:0 2px 0 2px;  
  border:1px solid #6C7388;  
 }  
.navigation a:hover{  
 background:#6C7388;  
 }