/*
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:2px solid #00f;
	border-left:2px solid #00f;
	border-top:0px solid #00f;
	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:courier,monospace; 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:#E2F7FA;
	font: 80%/115% arial,verdana,georgia;
	line-height:150%;
	border-top:15px solid #eee;
	color:#000;
	
}

#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:#000;
	border-bottom:1px solid #eee;
}

a:link 
{
	color: #00F;
	text-decoration: underline;
}

A:visited 
{
color: #3366FF;
text-decoration: none;
}

A:active 
{
color: #3366FF;
text-decoration: none;
}

a:hover
{
	color:#00F;
}
#up_div{
	color:#E7FCFF;
	width:100%;
	float:left;
	background-color: #E2F7FA;
	background-image: url(images/up_bg.gif);
	
	background-repeat: repeat-x;
	background-position: 0 0;
	}

#header{background-color:#E7FCFF;
	background:url(images/header.jpg) no-repeat 0 0; width:778px; margin:0 auto; position:relative; height:314px;
	}
#header img{
	display:block;
	top:34px;
	left:51px;
	position:absolute;
	width: 183px;
	height: 127px;
	}
#header img.logo{
	position:absolute; left:97px; top:124px; display:block;
	}
#header h1{
	width:123px;
	display:block;
	font:13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#676666;
	font-weight:bold;
	position:absolute;
	top:150px;
	left:432px;
	}
#header ul{
	width: 408px;
	display: block;
	position: absolute;
	top: 252px;
	left: 154px;
	height: 48px;
	}
#header ul li{
	float:left; display:block; margin:0 3px 0 3px;
	}
#header ul li a{
	font:13px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; padding:0 8px 0 8px;
	color:#202020; background-color:#E7FCFF; display:block; text-decoration:none;
	}
#header ul li a:hover{
	background-color:#E7FCFF; color:#FFFFFF;}
	

#header h1 a {
	border:none;
	color:#00F;
}

#header p
{
	margin:-13px 0 0 2px;
	color:#999;
}

h2
{
	font-weight:normal;
	color:#999;
	font-size:1.3em;
	border-bottom:1px solid #eee;
	padding-bottom:15px;
}

h3
{
	font-weight:normal;
}

/* Content */
#content
{	
	float:left;
	width:750px;
}

.hentry
{
	margin-bottom:30px;
	padding-bottom:20px;
}

.hentry img
{
	margin:5px 0 10px 0;
	padding-left: 20px;
	float: right;
}

abbr
{
	border:none;
	font-size:0.9em;
	color:#999;
}

small
{
	color:#999;
}

ul, li
{
	margin:0;
	padding:0;
}



ul li,ol li
{
	margin-bottom:10px;
	color:#444;
}

.metadata
{
	color:#999;
}

/* Sidebar */
#sidebar
{
	float:right;
	width:250px;
}

.widget ul, ol
{
	margin:0;
	padding:0;
}

.widget
{
	margin-bottom:50px;
}


/* 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;
	
}