/*  
Theme Name: Whiata
Theme URI: 
Author: Matt Mohd
Author URI: http://mattmohd.com/
Description: 
Version: 0.1
Tags: simple, black, white.
*/


body {
	font-family : 'Lucida Grande', 'Trebuchet MS', 'Lucida Unicode', sans-serif;
	font-size : 13px;
	color : #000;
	margin : 20px; 
	padding  :0;
	background : #fff url(images/bg.png) repeat fixed;
}

a {
	color : #000;
	text-decoration : none;
}

a:hover {
	color : #000;
	text-decoration : none;
}

img {
	margin : 0; 
	padding : 0;
}

a img {
	border : 0;
}

p {
	padding : 5px 0;
	margin : 0;
}

#wrapper {
	width : 550px; 
	margin : 0 auto; 
	padding : 0;
}

/*  ====================== Page Structure ======================= */

#header {
	width : 550px; 
	height : 90px;
	margin : 0;
	background : transparent url();
}

#main-content {
	width : 550px;
	background : transparent;
	margin : 0 auto 0 auto;
	
}

#content{
	width : 550px; 
	float : left; 
	margin : 0;
	padding : 20px 18px 0 0px;
}


#footer {
	width : 550px; 
	height : 25px;
	padding : 4px 0 0 0;
	margin :  4px auto 10px auto;
	background : transparent;

}

/*  ====================== Header ======================= */
h1 {
	font-size: 30px;
	color: #000;
	font-family : Helvetica, sans-serif ;
	padding-top:10px;
	margin:0;
	text-align : center;
}
h1 a {
	font-size : 30px;
	color: #000;

}

.desc {
	font-size:13px;
	font-style : italic;
	font-weight : bold;
	color : #222;
	margin-top: 0px;
	text-align:center;
	padding:0;
}

/* --------- Navigation -------- */

#nav1 ul {
	margin : 0;
	padding : 0;
	list-style : none;
	float : right;
}

#nav1 li {
	height : 17px;
	float : left;
	background : transparent url() no-repeat;
	padding : 13px 30px 0 10px;
	font-size : 11px;
	font-weight : bold;
}

#nav1 li.last {
	padding : 6px 0 0 20px; 
}

#nav1 li a {
	color : #FFF;
	padding : 7px 5px 9px 5px;
	font-weight : bold;
	text-decoration : none;
}

#nav1 li a:hover {
	color : #000;
	padding : 13px 5px 4px 5px;
	background : #FF9C00;
	text-decoration : none;
}
/* --------------- SideBars ----------------*/

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

#sidebar ul li {
	list-style : none;
	margin : 0 0 15px 0;
	padding : 0 0 5px 0;
	background : transparent;
	
}

#sidebar ul li.widget_categories{
	background : transparent;
	padding : 0;
}

#sidebar ul li h2 {
	margin : 0;
	padding : 3px 0 3px 20px;
	height : 23px;
	line-height : 23px;
	font-size : 13px;
	text-align : left;
	background : transparent url()repeat-x;
	color : #000;
	font-weight : bold;	
	display : block;
	text-transform : none;
	border-bottom : 0px solid #90bed5;
	
}

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

#sidebar ul ul li {
	list-style : none;
	margin : 0;
	padding : 5px 20px 0 20px;
	font-weight : normal;
	background : transparent url() no-repeat 10px 7px;
	font-size : 11px;
	
}


#sidebar ul li.widget_categories ul li{
	padding : 0 0 0 20px;
	margin : 0;
	font-weight : normal;
	line-height : 20px;
	background : transparent;
	font-size : 10px;
}

#sidebar ul ul ul li {
	list-style : none;
	margin : 0;
	padding : 5px 0 0 10px;
	font-weight : normal;
	background : url() no-repeat 0 10px;
	font-size : 10px;
}

#sidebar a {
	margin : 0;
	padding : 0;
	color : #333;
	text-decoration : none;
	
}

#sidebar a:hover {
	color : #ccc;
	text-decoration :none;
}
/*================================Content============================*/

/* -------------------------- Posts ----------------------------- */

.post{
  	width : 524px; 
	padding : 0px 13px 5px 13px; 
	margin-bottom : 15px;
  	background : transparent url() repeat fixed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #000;
}

.post-title {
	width : 520px;
	margin : 0; 
	padding : 3px 0px 3px 0px;
	height : 15px;
	background-color:rgba(0,0,0,0.0);
	border-bottom : 0px dashed #ccc;
}

.post-title h2 {
	padding : 2px 0 0 0px;
	margin : 0;
	font-size : 17px;
	float : left;
	color	: #000;
}
.post-title h2 a{
	color : #000; 
	text-decoration:none;
}

.post-title h2 a:hover {
	color : #000; 
	text-decoration:none;
}

.post-title .comnt{
	padding : 4px 0px 0 0px;
	margin : 0;
	font-size : 10px;
	float : right;
	color : #000;
}

.entry {padding:5px;}


/* ============================== Footer ============================*/
#footer{
background : transparent url() repeat fixed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #000;
	}
	
#footer p{
  	font-size : 10px; 
	color : #111;
  	line-height : 10px; 
	margin : 0; 
	padding : 3px 0 0 30px;
	font-weight	: bold;
	
}

#footer a{
 	color : #111; 
	text-decoration : none;
}

#footer a:hover{
  	color : #111; 
	text-decoration : none;
}


/* Others */

.clr {
	clear : both;
	margin : 0; 
	padding : 0;
	font-size : 1px; 
	line-height : 1px;
}

/* Search Form */

#searchform {
	margin : 0;
	padding : 5px;
	text-align : center;
}

#searchform br {
	display : none;
}

#searchform input {
	margin : 0; 
	padding : 3px;
	background : #141F27; 
	color : #9C9D9F;
	border : 0;
	font-size : 10px;
}

#searchform input#s {
	width : 80px;
	padding :5px 5px 3px 5px;
	height : 14px;
}



/* --------------------- common elements --------------------------- */

.navigation { 
	display: block; 
	color : #ccc; 
	width:98%;
}

p.postinfo {
	margin : 10px 0; 
	padding : 0; 
	font-size : 11px;
	color : #222;
}

p.postinfo .non{
	color : #222;
}

h2.pagetitle, h2.center {
	margin : 0;
	text-align : center; 
	padding : 10px 0; 
	font-size : 16px; 
	color : #222;
}

h3.comments {
	padding : 0;
	margin : 20px auto 20px ;
}

.more-link {
	font-weight : bold;
	text-align : right;
}

a.more-link, a:hover.more-link {
	float : right;
	padding-top : 5px;
}

p.postmetadata {
	margin : 0; 
	padding : 0px;
}

.alt {
	background :transparent url() repeat fixed
}

input, select, textarea {
  	border : 1px dashed #111; 
	color : #fff; 
	background :transparent url() repeat fixed
}

#commentform #submit {
	margin : 0; 
	color : #000; 
	background :transparent url() repeat fixed;
}

blockquote {
	border-left: 3px solid #FFF;
}

ol.commentlist {
	margin : 0;
	padding : 0;
	background :transparent url() repeat fixed
}

.commentlist li {
	font-weight : normal;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

code { 
	font : 1.1em 'Courier New', Courier, Fixed; 
	background : #FFF;}

/* Begin Calendar */

#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 80%;	}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color : #ff0000;}
/* End Calendar */

.smallattachment {
	text-align : center; 
	float : left;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align : center; 
	margin: 5px 0px;
}



/* Begin Images */
p img {
	padding : 0;	
	max-width : 90%;
}

img.centered {
	display : block;	
	margin-left : auto;	
	margin-right : auto;	
}

img.alignright {
	padding : 4px; 
	margin : 0 0 2px 7px; 
	display : inline;
}

img.alignleft {
	padding : 4px; 
	margin : 0 7px 2px 0;
	display : inline;
}

/* End Images */



/* Begin Lists */

.entry ol,.entry ul {
	margin : 0;	
	padding : 5px 0 5px 35px; 
}

.entry li {
	margin : 0; padding : 0; 
}

.postmetadata ul, .postmetadata li { 
	display : inline; 
	list-style : none;}


/* Begin Form Elements */

.entry form {
	text-align : center; 
}

select {
	width : 130px; 
}

#commentform input { 
	width : 170px; 
	padding : 2px; 
	margin : 5px 5px 1px 0; 
}

#commentform textarea { 
	width : 80%; 
	padding : 2px;
}

/* End Form Elements */



/* Begin Comments*/

.alt {
	margin : 0; 
	padding : 10px;
}

.commentlist {
	padding : 0; 
	text-align : justify;
}

.commentlist li {
	margin : 15px 0 3px;
	padding : 5px 10px 3px;
	list-style : none;
}

.commentlist p {
	margin : 10px 5px 10px 0; 
}

#commentform p {
	margin : 0px 0;
}

.nocomments {
	text-align : center; 
}

.commentmetadata {
	display : block; 
	font-size : 9px;
	font-weight : normal;
}

/* End Comments */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps { 
	cursor: help;
}

acronym, abbr {
 border-bottom : 1px dashed #424242; 
}

blockquote {
	margin : 15px 30px 0 10px;
	padding-left : 20px;
}

blockquote cite { 
	margin : 5px 0 0; 
	display : block;
}

.center { 
	text-align	: center;
}

hr {
	display : none;
}

.alignright {
	float : right;	
}

.alignleft {
	float : left;
}

.navigation .alignright {
	width : 48%; 
	text-align : right;
}

.navigation .alignleft {
	width : 48%; 
	text-align : left;
}
/* End Various Tags & Classes*/

.aligncenter, div.aligncenter {
	display : block;
   	margin-left : auto;
   	margin-right	: auto;
}

.wp-caption {
   	border : 1px solid #ddd;
   	text-align : center;
   	background-color : #000;
   	padding-top : 4px;
   	margin : 10px;
   /* optional rounded corners for browsers that support it */
   	-moz-border-radius : 3px;
   	-khtml-border-radius : 3px;
   	-webkit-border-radius : 3px;
   	border-radius : 3px;
}

.wp-caption img {
   	margin : 0;
   	padding : 0;
   	border : 0 none;
}

.wp-caption p.wp-caption-text {
   	font-size : 11px;
   	line-height : 17px;
   	padding : 0 4px 5px;
   	margin : 0;
}