/**************************************************************
	 Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/
 
/**************************************************************
	 All page content except for footer
 **************************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/bg/light_body.gif) repeat-y top center;
	font: 400 0.7em verdana, arial, sans-serif;
	line-height: 170%;
	color: #555;
}

#content {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/**************************************************************
	 Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	margin: 0 auto;
	border-bottom: 2px solid #48525B;
	background: #CC9966;
}

#header img {
	position: absolute;
	top: 5%;
	left: 10px;
}

#header ul {
	margin: 1em 1em 0.5em 0 !important;
	margin: 1em 0.5em 0.5em 0;
	padding: 0;
	float: right;
}

#header ul li {
	display: inline;
	list-style: none;
}

#header ul li a {
	float: left;
	padding: 0 1em; 
	font: 400 1.1em arial, sans-serif;
	letter-spacing: 0.1em;
	line-height: 0.8em !important;
	line-height: 1em;
	color: #CCC;
	border-right: 1px solid #4D5760;
}

#header ul li a.last {
	padding-right: 0;
	border-right: 0;
}

#header ul li a:hover {
	color: #000;
}

/**************************************************************
	 Header Image/Flash Movie
 **************************************************************/

#headerImg {
	margin: 0 auto;
	height: 143px;
	background: url(../images/bg/14.jpg) no-repeat top left;
}

/**************************************************************
	 Top Block Menu
 **************************************************************/

#menu {
	margin: 0 auto;
}

#menu ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #CC9966;
}

#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li a {
	float: left;
	width: 25%;
	height: 4.5em;
	font: 400 1.2em arial, sans-serif;
	letter-spacing: 0.1em;
	color: #fff;
	border-top: 7px solid #000;
	border-bottom: 15px solid #FFF;
}

#menu ul li a span {
	display: block;
	padding: 2px 7px;
}

#menu ul li a span.desc {
	font-size: 0.8em;
	color: #000;
}

#menu ul li a:hover,
#menu ul li a.here {
	background: #000;
	border-top: 7px solid #c96;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
	color: #FFF;
}

#menu .title {
	font-weight: bold;
}

/**************************************************************
	 Page Content
 **************************************************************/

#page {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 6em;
	text-align: left;
}

#columns {
	margin: 0 auto;
}

/* Column widths */
.width {
	width: 776px;
}
.widthPad {
	width: 746px;
}
.width25 {
	width: 24%;
}
.width50 {
	width: 48%;
}
.width73 {
	width: 73%;
}
.width75 {
	width: 75%;
}
.width100 {
	width: 100%;
}

/**************************************************************
	 Footer
 **************************************************************/

#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 5em;
	margin-top: -5em;
}

#footer #bg {
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #CC9966;
}

#footer #bg ul {
	float: right;
	margin: 3em 0 0 0;
	padding: 0;
}

#footer #bg ul li {
	display: inline;
	list-style: none;
}

#footer #bg ul li a {
	float: left;
	padding: 0 1em;
	font: 400 1em arial, sans-serif;
	letter-spacing: 0.1em;
	line-height: 0.8em !important;
	line-height: 1em;
	color: #ccc;
	border-right: 1px solid #4D5760;
}

#footer #bg ul li a.last {
	padding-right: 0;
	border-right: 0;
}

#footer #bg ul li a:hover {
	color: #000;
}

#footer #bg img {
	position: absolute;
	top: 6%;
	left: 10px;
}

/**************************************************************
	 Icons specific to the colour theme
 **************************************************************/
a.lightTheme img,
a.darkTheme img,
a.submitButton img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
a.lightTheme img {
	background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}
a.darkTheme img {
	background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}
a.submitButton img {
	background: url(../images/icons/light_submit.gif) no-repeat center center;
}

/**************************************************************
	 Posts
 **************************************************************/
.post {
	float: left;
	width: 100% !important;
	width: 99%;
	position: relative;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #CCCCCC;
	text-align: justify;
}
.post .date {
	width: 4.5em;
	text-align: left;
	float: left;
}
.post .date .month {
	display: block;
	margin-top: 5px;
	margin-right: 2px;
	font: 700 2.1em arial, sans-serif;
	color: #888;
	float: left;
	width: 4.5em;
}
.post .date .day {
	display: block;
	margin-top: 5px;
	margin-right: 2px;
	font: 700 2.1em arial, sans-serif;
	color: #888;
	float: left;
	border-bottom: 1px solid #CCCCCC;
}
.post .title {
	display: block;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #CC9966;
}
.post p {
	margin: 0 0 0 3.5em;
	padding:	0 0 1em 1.2em;
	border-left: 1px solid #CCCCCC;
}

/**************************************************************
	 Thumbnail Lists
 **************************************************************/
ul.thumbs,
ul.thumbs li {
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	margin: 0 0 15px 0 !important;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
a.thumb img {
	border: 3px solid #000;
	margin: 3px;
}
a:hover.thumb img {
	background: #8EB4C6;
	border: 3px solid #CC9966;
}
a:hover.thumb {
	background: none;
}
a.thumb span {
	display: block;
	font-weight: bold;
}

/**************************************************************
	 Submenu Styles
 **************************************************************/
ul.submenu {
	margin: 0 0 20px 0;
	padding: 0;
}
ul.submenu li{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: url(foo.gif); /* because IE is balls */
}
ul.submenu li a {
	display: block;
	height: auto !important;
	/* Start hide from IE Mac \*/
	height: 1%;
	/* End hide from IE Mac */
	padding: 1px 5px 1px 20px;
}
ul.submenu li a {
	background: url(../images/bg/submenu1.gif) no-repeat 5px 7px;
}
ul.submenu a:hover {
	color: #000;
	background: #CC9966 url(../images/bg/submenu1.gif) no-repeat 5px 7px;
}



/**************************************************************
	 Generic Display 
 **************************************************************/

.block {
	display: block;
}
.clear {
	clear: both;
}
.marginRight {
	margin-right: 15px;
}
.paddingLeft {
	padding-left: 5px;
}
.paddingRight {
	padding-right: 5px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
	text-align: justify;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignTop {
	vertical-align: top;
}
.alignMiddle {
	vertical-align: middle;
}
.alignBottom {
	vertical-align: bottom;
}
.lightBg {
	background-color: #E9EAEB;
	border: 1px solid #CC9966;
	border-top: 12px solid #CC9966;
	padding: 3px;
	margin-top: 2.2em;
	margin-bottom: 10px;
}
.dark {
	color: #000;
}

.red {
	color: #F00;
}