/********************************************
AUTHOR:              Erwin Aligam
WEBSITE:               http://www.styleshout.com/
TEMPLATE NAME:     NewHorizon
TEMPLATE CODE:     S-0018
VERSION:          1.0
DATE:              October-01-2007
******************************************
*******************************************
HTML ELEMENTS
*******************************************
top elements*/
*
{
	padding: 0;
	margin: 0;
	outline: 0;
}
BODY
{
	margin: 10px 0 0;
	padding: 0;
	font: normal 13px/1.6em verdana, tahoma, sans-serif;
	text-align: center;
	background: #090807 url(bg.jpg) repeat-x;
	color: #FEFEFE;
}
/*links*/
A
{
	color: #00FFFF;
	background-color: inherit;
	text-decoration: underline;
}
A:hover
{
	color: #99CC33;
	background-color: inherit;
}
/*headers*/
H1, H2, H3, H4
{
	font: normal 1em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #EEE;
}
H1
{
	font-size: 3em;
	color: #84A5DA;
	letter-spacing: -2px;
}
H2
{
	font-size: 2.5em;
}
H3
{
	font-size: 1.8em;
}
H4
{
	font-size: 1.5em;
}
P, H1, H2, H3, H4
{
	margin: 0;
	padding: 10px 15px;
}
UL, OL
{
	margin: 10px 30px;
	padding: 0 15px;
}
/*images*/
IMG
{
	background: transparent;
	border: 3px solid #383735;
}
IMG.float-right
{
	margin: 0.5em 0 1em 1em;
}
IMG.float-left
{
	margin: 0.5em 1em 1em 0;
}
CODE
{
	margin: 0.5em 0;
	display: block;
	padding: 20px;
	text-align: left;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
/*white-space: pre;*/
	background: transparent;
	border: 1px solid #211E20;
}
ACRONYM
{
	cursor: help;
	border-bottom: 1px dotted #8F8F8E;
}
BLOCKQUOTE
{
	margin: 10px 15px;
	padding: 10px 0 10px 30px;
	background: transparent;
	border: 1px solid #211E20;
	font: normal 1.3em/1.5em Georgia, "Times New Roman", Times, serif;
}
/*start - table*/
TABLE
{
	margin: 10px 15px;
	border-collapse: collapse;
}
TH STRONG
{
	color: #FFF;
}
TH
{
	background: #090807;
	color: #FFF;
	height: 3em;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20;
	border-top: 2px solid #8EB200;
}
TR
{
	color: #FFFFFF;
	height: 2.5em;
}
TD
{
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #211E20;
}
/*end - table
form elements*/
FORM
{
	margin: 10px 15px;
	padding: 10px;
	background: transparent;
	border: 1px solid #211E20;
}
FIELDSET
{
	margin: 0;
	padding: 0;
	border: none;
}
LABEL
{
	display: block;
	font-weight: bold;
	margin: 0.4em 0;
}
INPUT
{
	padding: 0.3em;
	border: 1px solid #EEE;
	font: normal 1em Verdana, sans-serif;
	color: #777;
}
TEXTAREA
{
	width: 55%;
	padding: 0.3em;
	font: normal 1em/1.5em Verdana, sans-serif;
	border: 1px solid #EEE;
	height: 10em;
	display: block;
	color: #777;
}
INPUT.button
{
	font: bold 1em Arial, Tahoma, Sans-serif;
	margin: 0;
	padding: 0.25em 0.3em;
	color: #FFF;
	background: #000;
	border: 2px solid #211E20;
}
/*search form*/
.searchform
{
	background-color: transparent;
	border: none;
	margin: 0 0 0 10px;
	padding: 0 0 1.5em;
	width: 20em;
}
.searchform P
{
	margin: 0;
	padding: 0;
}
.searchform INPUT.textbox
{
	width: 11em;
	color: #777;
	padding: 0.4em;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform INPUT.button
{
	width: 80px;
	vertical-align: top;
}
/***********************
LAYOUT
************************/
#header, #nav, #content, #footer-wrap
{
	width: 910px;
}
/*header*/
#header
{
	clear: both;
	position: static;
	margin: 0 auto;
	padding: 0;
	background: transparent url(header-image.jpg) no-repeat right top;
	height: 100px;
	background-position: right center;
	/*+placement:shift 20px -50px;*/
	position: relative;
	left: 20px;
	top: -50px;
}
#header #clouds
{
	position: absolute;
	background: transparent url(clouds.gif) no-repeat;
	top: -30px;
	left: 345px;
	width: 309px;
	height: 163px;
}
#header H1#logo-text A
{
	position: absolute;
	margin: -75px 0 0;
	padding: 0;
	font: bold 58px "Trebuchet MS", Tahoma, Arial, Sans-serif;
	letter-spacing: -3px;
	color: #0A1E53;
	text-decoration: none;
	z-index: 9998;
	background: transparent;
/*change the values of top and left to adjust the position of the logo*/
	top: 33px;
	left: 10px;
}
#header P#slogan
{
	position: absolute;
	font: normal 19px "Trebuchet Ms", Sans-serif;
	text-transform: none;
	color: #FFF;
	margin: -78px 0 0;
	padding: 0;
	z-index: 9999;
/*change the values of left and top to adjust the position of the slogan*/
	top: 95px;
	left: 15px;
}
/*Navigation*/
#nav
{
	clear: both;
	margin: 0 auto;
	padding: 0;
}
#nav UL
{
	float: left;
	list-style: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	height: 56px;
}
#nav UL LI
{
	float: left;
	margin: 0;
	padding: 0;
	height: 56px;
}
#nav UL LI A
{
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 20px;
	color: #A5A5A5;
	font: bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav UL LI A:hover, #nav UL LI A:active
{
	color: #FFF;
}
#nav UL LI#current A
{
	color: #FF8B04;
}
/*content*/
#content-wrap
{
	clear: both;
	float: left;
	width: 100%;
	background: #12120F url(footer-top.jpg) repeat-x left bottom;
}
#content
{
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
/*sidebar*/
#sidebar
{
	float: right;
	width: 24em;
	margin: 10px 0 10px -21em;
	padding: 0;
}
#sidebar H3
{
	font: normal 1.6em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	padding: 0.3em 0 0.5em 10px;
	color: #99CC33;
	text-transform: none;
	letter-spacing: -1px;
}
#sidebar UL.sidemenu
{
	margin: 0 0 0 10px;
	padding: 0.1em 0 1em;
	font-family: "Trebuchet MS", Tahoma, Sans-serif;
	border-top: 1px solid #211E20;
}
#sidebar UL.sidemenu LI
{
	padding: 0;
	background: url(bullet.jpg) no-repeat 0.5em 0.6em;
	border-bottom: 1px solid #211E20;
	list-style: none;
}
* HTML BODY #sidebar UL.sidemenu LI
{
	height: 1%;
}
#sidebar UL.sidemenu LI A
{
	display: block;
	font-weight: bold;
	color: #D3D0CC;
	text-decoration: none;
	padding: 0.2em 0 0.2em 30px;
	line-height: 1.5em;
	font-size: 1.25em;
}
#sidebar UL.sidemenu LI A:hover
{
	color: #FF8B04;
}
#sidebar UL.sidemenu UL
{
	margin: 0 0 0 15px;
}
#sidebar UL.sidemenu UL LI
{
	border: none;
}
/*main*/
#main
{
	margin: 10px 26em 10px 0;
	padding: 0;
}
#main H2
{
	font: normal 2.9em "Trebuchet MS", Arial, Sans-serif;
	color: #84A5DA;
	letter-spacing: -2px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20;
}
#main H2 A
{
	color: #84A5DA;
	text-decoration: none;
}
#footer-wrap
{
	clear: both;
	padding: 0;
	margin: 0 auto;
}
/*columns*/
#columns
{
	clear: both;
	text-align: left;
	color: #5B9CFF;
	margin: 0 auto;
	padding: 1.6em 0 0.5em;
	width: 95%;
}
#columns H3
{
	color: #99CC33;
	margin: 0;
	padding: 0 10px;
	font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;
	text-transform: uppercase;
}
#columns UL
{
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	border-top: 1px solid #111;
}
#columns LI
{
	border-bottom: 1px solid #111;
}
#columns LI A
{
	display: block;
	padding: 0.5em 0 0.5em 1em;
	color: #8F8F8E;
}
#columns LI A:hover
{
	color: #FFF;
}
#columns .col3, .col3-center
{
	float: left;
	width: 31%;
}
#columns .col3-center
{
	margin: 0 15px;
}
/*footer*/
#footer-bottom
{
	clear: both;
	margin: 0 auto;
	padding: 1em 0 1.5em;
	text-align: center;
	font-size: 0.85em;
}
/*alignment classes*/
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}
/*additional classes*/
.clear
{
	clear: both;
}
.grey
{
	color: #8F8F8E;
}
.post-by
{
	font-size: 0.9em;
	padding-top: 0;
}
.post-footer
{
	text-align: right;
	background: transparent;
	border: 1px solid #211E20;
	padding: 5px 10px;
	margin: 20px 15px 10px;
}
.post-footer .date, .post-footer .comments, .post-footer .readmore
{
	padding-left: 20px;
	margin: 0 3px;
}