/*

Theme Name: The Arialist

Theme URI: http://www.themelab.com/free-wordpress-themes/

Description: A WordPress port of the Arialist template, designed by <a href="http://mohd.huzairy.com">Mohd Huzairy</a>

Version: 1.0

Author: Theme Lab

Author URI: http://www.themelab.com/

Tags: simple



*/



/*

Description: The Arialist XHTML/CSS Template

Version: 1.0



Using MentariCSS Framework

Get it from http://www.mentaricss.com

Licensed under GPL



Written by: Mohd Huzairy from Malaysia (http://mohd.huzairy.com)

The Arialist official website: http://www.mentariworks.com/thearialist.html



Table of contents:

-------------------

1.Reset

2.Table

3.Typography

4.Positioning

5.Page styling (This is where you SHOULD do the editing)

-------------------

*/



/* 1.Reset (http://meyerweb.com/eric/tools/css/reset/) */

html, body, div, span, applet, object, iframe,

dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center, dl, dt, dd, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td

{

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

	background: transparent;

}



body

{

	line-height: 1;

}



blockquote, q

{

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after

{

	content: '';

	content: none;

}



hr

{

	display:none;

}



/* Uncomment this if you want to disable default bullet and numeric styling.

ol,ul,li

{

	list-style:none;

	margin:0;

	padding:0;

} */

/* End Reset */



/* 2.Table */

table									{ border:1px solid #ccc; border-left:none; border-top:none; position:relative; top:-3px; margin:18px 0;padding-bottom:0; border-collapse: separate; border-spacing: 0; width:100%; }

th, td									{ border-top:1px solid #ccc; line-height:18px; padding:9px 18px 8px 10px; position: relative; }

th										{ background:#666; color:#fff; }

td,th									{ border-left:1px solid #ccc; text-align: left; font-weight: normal;}

th:last-child, td:last-child			{ padding-right:0; }

tr:nth-child(even) td					{ padding:10px; background:#f6f6f6; }

tr:nth-child(odd) td					{ padding:10px; }

caption									{ top:8px; margin-bottom:18px; text-align: left; font-weight: normal; }

/* End Table */



/* 3.Typography */

h1, h2, h3, h4, h5, h6					{ position: relative; }

p, blockquote							{ line-height:150%; margin:10px 0 15px 0; }

cite									{ font-style:normal; display:block; margin:10px 0;}

code									{ font-family:verdana; background:#fffcdc; border-bottom:1px solid #ccc; font-size:0.9em; letter-spacing:1px; line-height:150%; }

acronym, abbr							{ cursor:help; border-bottom:1px dotted #999; }

/* End Typography */



/* 4.Positioning */

.clear                                  { clear:both; }

.left									{ float:left; }

.right									{ float:right; }





/* 5.Page styling */

body

{

	background:#fff;

	font: 80% arial,verdana,georgia;

	line-height:150%;
	
	color:#333;

}



#wrapper

{

	width:800px;

	padding:50px;

	margin:0 auto;

}



.clear

{

	clear:both;

}



blockquote

{

	border-left:1px solid #eee;

	padding-left:15px;

	color:#666;

}



a

{

	text-decoration:none;

	color:#000000;

	

}



a:hover

{

	color:#333;

}



#header

{

	height:80px;

	padding:30px 0 0 0;

	margin-bottom:10px;

}



#header h1 a

{

	font-size:24px;
    border:none;

}



#header p

{

	margin:-15px 0 0 2px;

	color:#999;

}



h2

{

	font-style:italinc;

    font-weight:normal;

	color:#999;

	font-size:1.0em;

	border-bottom:1px solid #eee;

	padding-bottom:3px;

}



h3

{

	font: dotum,arial,verdana,georgia;
	font-size:1.0em;
	font-weight:normal;

}



/* Content */

#content

{

	float:right;

	width:600px;

}



.hentry

{

	margin-bottom:30px;

	padding-bottom:20px;

}



.hentry img

{

	margin:5px 0 10px 0;

}



abbr

{

	border:none;

	font-size:0.8em;

	color:#999;

}



small

{

	color:#999;

}



ul, li

{

	margin:0;

	padding:0;

}



ul

{

	list-style:square;

	margin:20px 0;

}



ol

{

	list-style:decimal;

	margin:20px 0;

}



ul li,ol li

{

	margin-bottom:5px;

	color:#444;

}



.metadata

{

	color:#999;

}



/* Sidebar */

#sidebar

{

	float:left;

	width:150px;

}



.widget ul, ol

{

	margin:0;

	padding:0;

	list-style: none; /* WP */

}

.widget ul ul /* WP */

{

	margin-left: 10px;

}



.widget

{

	margin-bottom:30px;

}





/* Footer */

#footer

{

	width:500px;

	border-top:1px solid #eee;

	color:#999;

}



.separator

{

	border-top:1px solid #eee;

	width:300px;

	margin-top:15px;

}



/* Pagination */

#pagination

{

	height:110px;

}

/* WP Threaded Comments */

.commentlist li { list-style-type: none; border-top: 1px solid #eee; padding-top: 10px; }

.avatar { float: right; }

.commentlist cite { display: inline; margin: 0; }

.commentlist .children { margin-left: 15px; }
