/*
Theme Name: metelement
Description: 2 coloumn dark minimalistic theme.
Author: Jinsona designs
Author URI: http://web2feel.com/
*/

body {
	margin:0;
	padding-top:0px;
	background:#1c1c1c;
	font-family:Verdana,Tahoma,sans-serif;
	color:#b2a794;
/*  color:#d2c8b6;*/
/* 	color: D0D0D0; */
	font-size:15px;
	}
img {
	border:0;
/* 	margin-left: 15px; */
	background-color: #353535;
	padding: 5px;
	}

a {
	color:#fec737;
	text-decoration:underline;
	}

a:hover {
	color:#fff;
	text-decoration:underline;
		}
h1, h2, h3, h4, h5, h6 {

	}
blockquote {
	padding-left:10px;
	color:#b2a794;
	font-style: normal;

	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 0 0 5px;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	}
#search {
	float:right;
	text-align:left;
	padding:20px 20px 0px 0px;
	color:#FFFFFF;
}
#search span {
	font-size: 12px;
	color:#FFFFFF;
}
#search input {
	font-size:13px;
	color:#260D0D;
	font-family:Tahoma, arial, verdana, courier;
	width:100px;
	height:20px;
	border:inset 1px #6A6A6A;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 8px;
	vertical-align:middle;
}
#search .input {
	width:65px;
	height:24px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
}
/* The Top */

.top {
	height:238px;
	margin-top:0px;
	background:url(images/top.jpg);
	}
.blogname {
	float:left;
	width:900px;
	font-family:Century Gothic,Verdana,Tahoma,sans-serif;
	margin:50px 0 0 0;
	}
.blogname h1  {
	font-size:40px;
	font-weight:normal;
	margin:20px 30px 0 180px;
	color:#fff;
	text-decoration: none;
	text-align:left;
	}
.blogname h1  a:link, .blogname h1  a:visited{
	color: #fff;
	text-decoration: none;
	background-color:transparent;
	}

.blogname h1  a:hover {
	color: #fff;
	text-decoration: none;
	background-color:transparent;
	}
.blogname h2 {
	margin:0px 40px 0 180px;
	font-size:16px;
	font-weight: bold;
	color:#000;
	text-align:left;
	}
/* Menu */
#foxmenucontainer{
	height:30px;
	background:url(images/menu.jpg);
	display:block;
	padding:0px 0 0px 14px;
	}
#foxmenu{
	position:relative;
	display:block;
	height:23px;
	font-size:13px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}
#foxmenu ul{
	margin:0px;
	padding:5px 20px 0 0;
	list-style-type:none;
	width:auto;
	}
#foxmenu ul li{
	display:block;
	float:right;
	margin:0 1px 0 0;
	}
#foxmenu ul li a{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:19px;
	background:transparent url(images/foxmenu_bg-OVER.gif) no-repeat top left;
	}
#foxmenu ul li a:hover{
/* 	color:#fff; */
	background:transparent url(images/foxmenu_bg-OFF5.gif) no-repeat top right;
	}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
/* 	color:#fff; */
	background:transparent url(images/foxmenu_bg-OFF5.gif) no-repeat top right;
	}

/* The Content */
.date {
	float:left;
	width:52px;
	height:51px;
	background:url(images/date.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:14px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;
	padding-top:3px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	}

.date .day {
	color:#000;
	font-size:25px;
	font-weight:bold;
	padding-top:1px;
	line-height:25px;
	}
.content {
	padding: 15px 10px 5px 15px;
	background:#333333 url(images/content.jpg);
	background-repeat:repeat-x;
	}

/* The Posts */

.text {
	width:700px;
	float:left;
	text-align:left;

	}
.post {
	padding: 15px 0px 5px 15px;
/* 	color:#a5a5a5; */
  color:#d5d0c7;
	/*color: #C0C0C0;*/
	font-family:Verdana,Tahoma,sans-serif;
	}

h1.title {
    font-size:25px;
	margin:0px 0 0 0;
	padding: 12px 3px 15px 45px;
	color: #f9f4ac;
	font-weight:normal;
	background:none;
	font-family:Century Gothic,Verdana,Tahoma,sans-serif;
	}
h1.title a {
/* 	color:#7e7e7e; */
	padding: 0px 10px;
	color: #FF9900;
	text-decoration:none;
	}
h1.title a:hover {
	color:#919090;
	background:none;
	font-weight:normal;
	text-decoration:none;
	}
.postinfo {
	height:20px;
	padding: 2px 5px 2px 2px;
	color:#eee;
			}

.postinfo a {

	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}

.author {
/* 	float:left; */
	padding-left: 20px;
	color:#fff;
	font-style: italic;
	font-size: 12px;
	}

.p_comments {
line-height:20px;
float:right;
padding:0px 0px 0 25px;
}

.p_comments a:link,
.p_comments a:visited {
	color: #fec737;
	background-color: transparent;
}

.rssbox{
	float:right;
	width:250px;
	padding-top:1px;
	padding-left:10px;
}
.rss{
	float:left;
}
.yahoo{
	float:left;
}
/* The Sidebar0 */
.sidebar {
	float:right;
	width:250px;
	padding-top:1px;
	padding-left:10px;
	font-size:13px;
	}

.sidebar h2 {
	height:31px;
	line-height:30px;
	font-size:16px;
	color:#fec737;
	margin:0;
	background:#000;
	background-repeat:no-repeat;
	padding:0px 0 0 10px;
	}
.sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}
.sidebar ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #3e3e3e;

	}

.sidebar ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;

	}

.sidebar li li {
	list-style-type:none;
	border-bottom:1px solid #3e3e3e;
	margin: 0;
	background: #686868 ;
	padding: 3px 10px 3px 22px;

	}

.sidebar li li li {
	list-style-type:none;
	border:0;
	margin: 0;
	background: #686868;
	padding: 3px 10px 3px 2px;

	}

.sidebar li li li li {
	list-style-type:none;
	border:0;
	margin: 0;
	background: #686868;
	padding: 3px 10px 3px 10px;

	}

.sidebar p {
	padding: 7px 10px;
	background:#686868;
	margin:0;

	}
.sidebar  a:link, .sidebar  a:visited{
	color:#111;
		}
.sidebar  a:hover {
	color:#eee;
		}
.sidebar table {
	width:100%;
	text-align:center;
	background-color:#b2d348;
	}
/* --- FOOTER --- */

#bottombar {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:15px 0 0 0;
	background:#1C1C1C url(images/bottom.png);
	border-top:3px solid #ffb901;
	color:#777;
	font-family:Century gothic,Verdana,Tahoma,sans-serif;
	}

.bar-one {
	float: none;
	width: 75%;
	margin: 0 auto;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:1px;
	padding: 15px 0px 25px 0px;
	}


.bar-one p {
	float: none;
/* 	width: 75%; */
  text-align: center;
	margin: 0 auto;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:1px;
/* 	padding: 15px 0px 25px 0px; */
	}

.bar-one h2 {
	width:100%;
	height:20px;
	margin:0px 0px 10px 5px;
	padding:4px 0px 0 5px;
	color:#fec737;
	letter-spacing:1px;
	font-weight:normal;
	font-size:16px;
	}

#footer {
	height:25px;
	padding:15px 0 0 0px;
	background:#000 url(images/footer.jpg);
	background-repeat:repeat-x;
	color:#fefefe;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	}

#footer a {
	color:#FE6E00;
	}

#footer a:hover {
	color:#FFF;
	}


.bar-one li {
	list-style:none !important;
	list-style:outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.bar-one ul {
	list-style:none;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 0px;
	}

.bar-one ul li {
	list-style:none;
	margin:5px 0px 5px 0px;
	padding:0px 0px 5px 10px;
		}

.bar-one ul li a {
	color:#fff;
	}

#bottoma{
	color: #777;
}

.bar-one ul li a:hover {
	color:#FFF;

}

/* The Navigation */

.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#349dff;
	}
.navigation a:hover {
	color:#fff;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}

/* The Comments */

.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#dcdcdc;
	border:1px solid #ababab;
	color:#484849;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#dcdcdc;
	border:1px solid #ababab;
	color:#484849;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	}

/* My styles */

  h2{
	font-size:22px;
	margin:10px 0;
	color: #FF9900;
  }

  h3{
	font-size:19px;
	margin: 35px 0 15px 0;
	padding-top: 8px;
  }

  h4{
	font-size:17px;
/* 	margin: 20px 0 0 12px; */
  }

  h5{
	font-size:17px;
	margin: 20px 0 0 12px;
  }

  #header5{
    margin-top: 5px;
  }

  #level1 li{
    list-style-type: decimal;
    list-style-position: outside;
    margin-top: 20px;
  }

  #level2 li{
    list-style-type: circle;
    list-style-position: outside;
    margin-top: 5px;
  }

  #level3 li{
    list-style-type: square;
    list-style-position: outside;
/*     margin-left: 40px; */
  }

	#test{
		background-color: #282828;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 19px;
		padding-right: 19px;
		width:650px;
		color:#d0d0d0;
	}

#adress{
  color: #FF6;
}

code{
	color: #FFFFAA;
	background-color: #404040;
	display: block;
	overflow: auto;
	padding: 15px;
	white-space: pre;
	line-height: 10px;
	border: solid 1px #FF9900;
}

samp{
	color: #91885F;
	font-weight: bold;
/* 	font-size: 16px; */
	letter-spacing: 1px;
}


/* table style */

.data-table{
  border-collapse: collapse;
  width: 100%;
}

.data-table td, .data-table th{
  text-align: left;
  padding: 5px 3px;
}

.data-table tbody tr{
  border-bottom: 1px solid grey;
}

.data-table thead tr{
  border-bottom: 2px solid grey;
}

.data-table tbody tr:hover{
  color: white;
  border-bottom: 1px solid grey;
}

.place-cell{
  width: 150px;
}

.price-cell{
  width: 100px;
}

.data-cell{
  width: 150px;
}

.wide-cell{
  width: 300px;
}

