/* 

This stylesheet is designed to be use on all pages except the Gallery folder. This is because the Gallery folder has its own stylesheet named "inverted.css"

- Please note that the stylesheet is editable and are arranged in chronological order. Be warn that some IDs and classes are not recommended to be changed because it can easily ruin the layout and the overall design of the website.
- Please make a backup copy of this stylesheet before attempting to edit it in case something happpened to be wrong.
- Should there be a problem or misunderstanding, please feel free to email me at iam@naruthk.com and/or naruth1212@hotmail.com .

Last updated: May 15, 2012 

*/

@charset "UTF-8";
/* CSS Document */

/* General Stuff */
body {
	background-color:#36393a; /* This is the default background color that is display on every pages */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333; /* Font color */
	margin:0; /* Please do not edit this */
	padding:0; /* Please do not edit this */
}

/* Links */
a, a:visited #content {
	border:0; color:#2bb0e8;
	padding-bottom:1px;
	border-bottom:1px solid #c6c6c6;
	text-decoration:none;
}
a:hover {
	color:#2bb0e8; /* This is the color of the link that will appear when you move your mouse over it */
	padding-bottom:3px;
	border-bottom:1px solid #7bd8ff;
	text-decoration:none;
}
img {
	border:0;
	text-align: center;
}
/* Layouts - In chronological order. */
.outerwrap {
	width:970px; /* Do not change this. Original:970px; */
	margin:auto; /* This makes the website centered */
}
#mainpg /* Consists of the logo and the address */ {
	padding:5px 40px 5px 40px;
	width:900px;
	background-color:#FFFFFF;
	border-bottom:10px solid #07aaff;
}
#content /* Everything else after the navigation is inside this "Content" DIV */ {
	padding:0 40px 5px 40px;
	width:900px;
	background-color:#FFF;
	border-top:10px solid #ff9d33;
}
#logo /* This is just a DIV assigned to wrap up the logo */ {
	margin:auto;
	text-align: center;
}
.welcome /* Tatanka Arts  biography in a big font */ {
	font-size:20px;
	background-color:#36393a;
	color:#FFFFFF;
	width:910px;
	margin:auto;
	padding:15px 0 15px 0;
	text-align:center;
}

/* Footer information - Do not change anything */
.footernote{
	font-size:14px;
	background-color:#36393a;
	color:#FFFFFF;
	width:890px; /* Do not change the width. */
	margin:auto;
	padding:15px 0 15px 0;
	text-align:left; /* You can change this to "center" or "right". */
}
.footernote a, .footernote a:visited {
	color:#7bd8ff;
	padding-bottom:3px;
	border-bottom:1px solid #c6c6c6;
	text-decoration:none;
}
.footernote a:hover {
	color:#7bd8ff;
	padding-bottom:3px;
	border-bottom:1px solid #7bd8ff;
	text-decoration:none;
}

/* Headline - This is the notice section that is visible under the Navigation menu */
#headline {
	width:100%;
	margin:10px 0 10px 0;
	margin-top:15px;
	text-align:left;
	padding-bottom:10px;
	border-bottom:1px solid #cfcfcf;
}
.bluebox /* I named this blue because it uses blue background against a white text */ {
	background-color:#07aaff; /* The blue color I used */
	padding:2px 5px 2px 5px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:100;
	margin-right:10px;
}

/* Navigation - Do not change anything */
#navigation {
	display:block;
	margin:0 0 10px 0;
}
#navigation ul {
	margin:0;
	padding:0;
}
#navigation li {
		display:inline;
		width:128px;
		float:left;
		line-height:50px;
		margin-right:20px;
		font-size:18px;
		text-align:center;
		border-right:1px solid #cfcfcf;
	}
.item /* This is the class for styling each menu link */ {
		display:block;
		color:#7c7c7c;
		width:128px;
		height:50px;
		padding-top:10px;
		padding-right:10px;
		padding-left:10px;
		text-decoration:none;
		border-right:1px solid #cfcfcf;
				border-left:1px solid #cfcfcf;
		background-color:#dedede;
	}
	.item:hover {
		background-color:#ffe680; /* The background color that appears after you put your mouse over it */
		color:#000;
		text-decoration:none;
	}

/* Newsitem can be used to style a paragraph, an image, or even a heading */
.newsitem {
	padding:2px 15px 10px 15px;
	margin-bottom:10px;
	border-left:5px solid #ffbf43;border-bottom:5px solid #ffbf43; /* Border color is #FFBF43 */
	color:#333;
}
.newsitem2 { 
	border-left:5px solid #ffde84;border-bottom:5px solid #ffde84; /* Border color is #FFDE84 */
	padding:2px 15px 10px 15px;
	margin-bottom:10px;
} 

/* Other Stuff - Dont change */
.boxwrap {line-height:21px;}
#navigation a:hover { border-bottom:0;} li { margin-bottom:10px;}