html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background: #FFF;
	color: #444;	font: normal 1.2em Verdana,Arial,sans-serif;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
	padding-top: 15px;

}


.box {
				background-color: #F0F0F0;
				color: #888;
				font-family: Arial, Tahoma, serif;
				font-size: 13px;
		}
.box p {
						padding: 10px;
		}
.box span {
				float: left;
				font-size: 26px;
				font-weight: bold;
		}
div.alt {
				background-color: #CCC;
				
		}
			



#wrap {
	background: none;
	margin: 0px auto 0px;
	padding: 0px 15px;
	width: 1024px;
	position:relative;
	z-index:12;
	}
#header #title {
	padding: 0px;
	margin: 0px;
	}

#header #title a {
	background: url(images/logo.png) no-repeat;
	float: left;
	display: block;
	width: 640px; 
	height: 120px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/************************************************
*	Header  									*
************************************************/

#header {
	background: none;
	width: 1024px;
	height: 120px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#header h1 {
	color: #000000;
	font-size: 36px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-decoration: none;
	}
	
#header h1 a, #header h1 a:visited {
	color: #000000;
	font-size: 36px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
	
#header h1 a:hover {
	color: #000000;
	text-decoration: none;
	}
	
.headerleft {
	width: 640px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft p {
	color: #000000;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}
	
#headerimg {
	float: left;
	display: block;
	background: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 20px 15px 0px 0px;
	width: 110px;
	height: 100px;
	}
	
.headerright {
	float: right;
	display: block;
	background: #ffffff;
	width: 280px;
	height: 30px;
	z-index: 8;
	}
	

small, .small {font-size: 0.9em;}

a {
	color: #EEC;
	text-decoration: none;
}
a:hover {
	color: #FFA;
	text-decoration: underline;
}

p {padding: 0.2em 0 1.2em;}

blockquote, code {
	background: #4A4A4A;
	border: 1px solid #333;
	color: #BBB;
	display: block;
	margin-bottom: 12px;
}
code {
	font: normal 0.9em Verdana,sans-serif;
	line-height: 1.5em;
	padding: 8px 14px;
}
blockquote {
	background: #4A4A4A url('img/quote.gif') no-repeat left top;
	padding: 6px 14px 6px 44px;
}
blockquote p {padding: 0.5em 0;}


/************************************************
*	Header  									*
************************************************/

#header {
	background: none;
	width: 1024px;
	height: 120px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#header h1 {
	color: #000000;
	font-size: 36px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-decoration: none;
	}
	
#header h1 a, #header h1 a:visited {
	color: #000000;
	font-size: 36px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
	
#header h1 a:hover {
	color: #000000;
	text-decoration: none;
	}
	
.headerleft {
	width: 640px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft p {
	color: #000000;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}
	
#headerimg {
	float: left;
	display: block;
	background: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 20px 15px 0px 0px;
	width: 110px;
	height: 100px;
	}
	
.headerright {
	float: right;
	display: block;
	background: #ffffff;
	width: 280px;
	height: 30px;
	z-index: 8;
	}
	
	
#header #title {
	padding: 0px;
	margin: 0px;
	}

#header #title a {
	background: url(images/logo.png) no-repeat;
	float: left;
	display: block;
	width: 640px; 
	height: 120px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	overflow: hidden;}
	
/************************************************
*	Search Form									*
************************************************/

.postform {
	background: #F5F5F5;
	width: 240px;
	color: #222222;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display: inline;
	border: none;
	}
	
#cat {
	background: #FFFFFF;
	color: #222222;
	margin: 5px 0px 0px 0px;
	}
	
#searchform {
	margin: 5px 0px 0px 0px;
	}
	
#searchformheader {
	float: left;
	display: block;
	width: 180px;
	height: 22px;
	margin: 4px 0px 0px 5px;
	padding: 0px;
	}
	
#searchbox {
	background: #000000;
	width: 180px;
	color: #666666;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	padding: 4px 0px 4px 5px;
	margin: 0px 0px 0px 0px;
	border: none;
	}
	
#searchbutton {
	background: #555555;
	color: #FFFFFF;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	padding: 3px;
	margin: 0px;
	border: none;
	}
	
#s {
	background: #F5F5F5;
	width: 170px;
	color: #222222;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 5px 3px 0px 0px;
	padding: 3px 0px 3px 3px;
	display: inline;
	border: none;
	}
	
#searchsubmit {
	background: #e5e5e5;
	color: #666666;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	border: none;
	display: none;
	}
	
#submit {
	background: #e5e5e5;
	color: #666666;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: none;
	}
	
#author, #email, #url {
	background: #f5f5f5 !important;
	color: #666666;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 0px;
	padding: 5px;
	border: none;
	}
	
#comment {
	background: #f5f5f5 !important;
	color: #666666;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #e5e5e5;
	}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: none;
	border-bottom: 1px solid #000000;
	width: 1024px;
	height: 40px;
	font-size: 11px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#navicons {
	float: right;
	display: block;
	margin: 7px 10px 0px 5px;
	}

.navicon {
	float: right !important;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	}
	
/*** ESSENTIAL STYLES ***/

.ot-menu, .ot-menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
	
.ot-menu {
	line-height: 1.0;
	}

.ot-menu ul {
	position: absolute;
	top: -999em;
	width: 160px; /* left offset of submenus need to match (see below) */
	}
	
.ot-menu ul li {
	width: 100%;
	border: none;
	margin: 0px 0px 0px 0px;
	}
	
.ot-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
	
.ot-menu li {
	float: left;
	position: relative;
	}
	
.ot-menu a {
	display: block;
	position: relative;
	}
	
.ot-menu li:hover ul,
.ot-menu li.sfHover ul {
	left: 0;
	top: 40px; /* match top ul list item height */
	z-index: 99;
	}
	
ul.ot-menu li:hover li ul,
ul.ot-menu li.sfHover li ul {
	top: -999em;
	}
	
ul.ot-menu li li:hover ul,
ul.ot-menu li li.sfHover ul {
	left: 160px; /* match ul width */
	top: 0;
	}
	
ul.ot-menu li li:hover li ul,
ul.ot-menu li li.sfHover li ul {
	top: -999em;
	}
	
ul.ot-menu li li li:hover ul,
ul.ot-menu li li li.sfHover ul {
	left: 160px; /* match ul width */
	top: 0;
	}

/*** DEMO SKIN ***/

.ot-menu .current_page_item a {
	color: #000000 !important;
	border-bottom: 5px solid #000000;
	}
	
.ot-menu .current_page_item li a, .ot-menu li .current_page_item a {
	color: #FFFFFF !important;
	background: #000000;
	border-bottom: none;
	}

.ot-menu {
	float: left;
	margin-bottom: 0;
	}
	
.ot-menu a {
	border-bottom: 5px solid #FFFFFF;
	padding: 17px 10px 12px 10px;
	text-decoration: none;
	font-style: normal;
	line-height: 12px;
	}
	
.ot-menu li li a, .ot-menu li li a:visited {
	color: #000000;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	text-transform: none;
	text-shadow: none;
	border: none;
	}
	
.ot-menu a, .ot-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #666666;
	}
	
.ot-menu a:focus, .ot-menu a:hover, .ot-menu a:active {
	background:	none;
	border-bottom: 5px solid #000000;
	color: #000000;
	outline: 0;
	}

.ot-menu li {
	background: none;
	}
	
.ot-menu li li {
	background:	#FFFFFF;
	border: none;
	}
	
.ot-menu li li li {
	background:	#FFFFFF;
	border: none;
	}
	
.ot-menu li:hover, .ot-menu li.sfHover {
	background:	none;
	border-bottom: none;
	outline: 0;
	}
	
.ot-menu li li:hover, .ot-menu li li.sfHover {
	background:	#000000;
	color: #FFFFFF;
	border: none;
	outline: 0;
	padding: 0px;
	}

.ot-menu li li a:focus, .ot-menu li li a:hover, .ot-menu li li a:active {
	background:	#000000;
	color: #FFFFFF;
	border-bottom: none;
	outline: 0;
	}

/*** ARROWS **/

.ot-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 16px; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
	background:	url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 16px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

/* point right for anchors in subs */
.ot-menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
	}
	
.ot-menu ul a > .sf-sub-indicator { 
	top: 5px;
	background-position:  0 0; 
	}
	
/* apply hovers to modern browsers */
.ot-menu ul a:focus > .sf-sub-indicator,
.ot-menu ul a:hover > .sf-sub-indicator,
.ot-menu ul a:active > .sf-sub-indicator,
.ot-menu ul li:hover > a > .sf-sub-indicator,
.ot-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	none;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
	
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}





/* --------------------------------
   Headings, titles
----------------------------------- */
#homepagetop {
	float: left;
	display: block;
	width: 1024px;
	height: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	border-bottom: 2px solid #2a2a2a;
	}
	
#homepagetop .textbanner {
	float: left;
	display: block;
	width: 1024px;
	height: 100%;
	margin: 0px 0px 30px 0px;
	padding: 15px 0px 15px 0px;
	border-bottom: 2px solid #2a2a2a;
	}
	
#homepagetop .featuredimage {
	float: left;
	display: block;
	background: #f5f5f5;
	width: 1024px;
	height: 380px;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	overflow: hidden;
	}
	
	#homepagetop .featuredvideo {
	float: left;
	display: block;
	background: #f5f5f5;
	width: 601px;
	height: 338px;
	margin: 0px 30px 0px 211px;
	padding: 0px;
	overflow: hidden;
	}

.headerleft {
	width: 640px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft p {
	color: #000000;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}
	
#headerimg {
	float: left;
	display: block;
	background: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 20px 15px 0px 0px;
	width: 110px;
	height: 100px;
	}
	
.headerright {
	float: right;
	display: block;
	background: #000000;
	width: 80px;
	height: 30px;
	z-index: 8;
	}



h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 150px;
color: #FFD700;
letter-spacing: -5px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 100px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	text-transform: none;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h3 a:visited {
	color: #ffd700;
	font-style: italic;
	text-decoration: none;
	border: none;
	}
	
h3 a:hover {
	color: #2a2a2a;
	text-decoration: none;
	border: none;
	}


/*{font: normal 1.4em Georgia,sans-serif;}*/
h4 {font: bold 1em Georgia,sans-serif;}

h1, h2, h4 {margin-bottom: 5px;}


/* --------------------------------
   Main layout
----------------------------------- */


#layout_wrapper {
	background: #FFFFFF;
	margin: 0 auto;
	width: 1024px;
	
}
#layout_container {padding: 15px;}
#layout_content {border: 0px solid #FFF;}

#header_image {
	height: 250px;
	
	background: #222 url('img/header.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #111;
}

#header_image2 {
	height: 250px;
	
	background: #222 url('img/header2.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #111;
}

#header_image3 {
	height: 250px;
	
	background: #222 url('img/header3.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #111;
}

#channelmtb_image {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 244px;
	height: 90px;
	
	background: #222 url('img/244channel.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
	
	}
	
#leaderboard_image {
	float: left;
	margin: 0px;
	padding: 0px;
		height: 90px;
		width: 728px;
	background: #222 url('img/leaderboard.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
		}
		
#skyscraper_image {
	position:relative; left: 816px; top:0px;
		height: 600px;
		width: 160px;
	background: #222 url('img/skyscraper.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
		}
		
#footer_image {
	position:relative; left: 0px; top:0px;
		height: 90px;
		width: 728px;
	background: #222 url('img/leaderboard.jpg') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
		}

#containerLeftRight {
	margin: 0px;
	padding: 0px;
	width: 972px;
}



/* --------------------------------
   Site title
----------------------------------- */

#site_title {
	background: #222;
	padding: 12px 20px;
}
#site_title h1 	{
	color: #EED;
	font: normal 2em Georgia,sans-serif;
	margin: 0 0 5px;
}
#site_title h2 {
	color: #BFBFB6;
	font: normal 1.1em sans-serif;
	margin: 0;
}


/* --------------------------------
   Navigation
----------------------------------- */

.navigation {
	background: #353535 url('img/navigation.jpg') repeat-x;
	border-bottom: 1px solid #222;
	border-top: 1px solid #555;
}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
	border-right: 1px solid #303030;
	float: left;
	list-style: none;
}
.navigation a {
	color: #000;
	display: block;
	font: bold 1em Verdana,sans-serif;
	padding: 10px 14px;
	text-decoration: none;
}
.navigation a:hover {
	background: #FFD700;
	color: #E5E5D5;
	text-decoration: none;
}
.navigation li.current_page_item a {
	background: none;
	color: #EEE;
}

/* Sub navigation */
#subnav a {
	padding: 10px;
	font-size: 0.9em;
}

            .wrapReady {
                float: left;
                
            }
			
			
			.zoomoutmenu {
  border: 0.5em solid #fff;
  position: relative;
  height: 23.5em;
  width: 980px;
  margin: 0 auto;
}

.panels {
  height: 23.5em;
  width: 980px;
  overflow: hidden;
}

.tabs {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.tabs li {
  float: left;
  display: block;
  width: 16.333em;
  background-color: #fff;
  text-align: center;
}

.tabs li a {
  padding: 0.2em;
  display: block;
  text-decoration: none;
  color: #000;
  border-top: 5px solid #fff;
  font-size: 1.3em;
}

.tabs li a:hover {
  border-top: 5px solid #333;
  background-color: #666;
  color: #fff;
}

.panel {
  background: #ccc;
  padding: 1em;
  height: 21.5em;
  position: relative;
}

.panel h2 {
  font-size: 3em;
  color: #fff;
  font-family: Garamond, times, serif;
  padding: 1em;
  margin: 0;
  text-align: right;
}

#one {
  background: url(images/hdr.jpg) no-repeat center center;
}

#two {
  background: url(images/hdr2.jpg) no-repeat center center;
}

#three {
  background: url(images/hdr3.jpg) no-repeat center center;
}

#four {
  background: url(images/hdr.jpg) no-repeat center center;
}

#five {
  background: url(images/hdr2.jpg) no-repeat center center;
}

    

       

/* --------------------------------
   Main
----------------------------------- */

#main {
	background: #FFFFFF;
	color: #CCC;
	
	}


/* --------------------------------
   Bottom
----------------------------------- */

#bottom {
	background: #333;
	border-bottom: 1px solid #1A1A1A;
	border-top: 1px solid #2A2A2A;
	color: #AAA;
	padding: 16px;
}
#bottom ul li {
	border-bottom: 1px solid #303030;
}
#bottom ul li a {
	color: #777;
	display: block;
	padding: 4px 6px;
}
#bottom ul li a:hover {
	background: #2A2A2A;
	color: #FFC;
	text-decoration: none;
}

/* Tag cloud */
#tag_cloud a {color: #777;}
#tag_cloud a:hover {color: #FFC;}




/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.clear, .clearer {clear: both;}
.clearer, .block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}


/* --------------------------------
   Misc
----------------------------------- */

/* Columns */
.col3, .col3last {width: 31%; margin-right: 3%;}
.col3last {margin-right: 0;}

/* Images */
img.bordered {padding: 3px; background: #666;}

/* Text */
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}

/* Icons */
span.comment {background: url('img/icon_comment.gif') no-repeat left center; padding-left: 18px;}

/* Label */
.label {
	background: #222 url('img/post_top.gif') repeat-x left top;
	border-bottom: 2px solid #555;
	color: #BBB;
	margin: 0;
	padding: 0.5em 0.8em 0.6em;
}

/* Margin, padding, width, height */
.ptb10 {padding: 10px 0;}

/* --------------------------------
   Posts
----------------------------------- */

.post_tgrl {
	width:875;
	background: #ffffff;
	border-bottom: 0ps;
	color: #454749;
	background: url('../images/tgrl/bg.jpg') no-repeat;
	background-position: top right;
	
		
}



.post_tgrl2 {
	width:620;
	background: none;
	border-bottom: 0ps;
	color: #454749;
	/*background: url('../images/tgrl/bg.jpg') no-repeat;*/
	
		
}

.post {
	width:875;
	background: #ffffff;
	border-bottom: 0ps;
	color: #454749;
	
		
}
.post_top {
	background: #FFF url('img/post_top.gif') repeat-x left top;
	border-bottom: 0px;
	border-top: 1px solid #3A3A3A;
	padding: 10px 16px 0px;
	
	
	 
}
.post_title h2 {
	font-size: 2em;
	margin: 0;
	padding: 0;
}
.post_body {
	position:relative; left:0px; top:0px;

	background: url('img/post_body.jpg') no-repeat left top;
	border-top: 1px solid #333;
	padding: 16px 16px 0;
    
	
}
.post_metadata {padding: 10px;}
.post_metadata .content {
	background: #424242;
	color: #000;
	font-size: 0.9em;
	padding: 10px 12px;
}
.post_metadata a {color: #BBB;}
.post_metadata a:hover {color: #DDD;}

.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;}
.post_body ul {list-style: disc;}
.post_body ol {list-style: decimal;}


/* ----------------------------------------
  Forms
------------------------------------------- */

form {margin: 0; padding: 0;}

/* Inputs */
input#s, textarea, input.styled {
	background: #DDD;
	border: 3px solid #555;
	font: normal 1em Verdana,sans-serif;
	padding: 3px;
	width: 160px;
}
textarea {width: 440px;}

/* Seachform */
table.search {
	border-collapse: collapse;
	width: 250px;
}
table.search td {vertical-align: top;}


/* ----------------------------------------
   Comments
------------------------------------------- */

.comment_gravatar {width: 48px;}
.comment_gravatar img {
	background: #666;
	border: 1px solid #444;
	padding: 2px;
}
.comment_author {
	color: #EEE;
	padding-top: 2px;
}

/* ----------------------------------------
   Lists
------------------------------------------- */

.nicelist {padding: 0;}
.nicelist ol {margin: 0;}
.nicelist ol li {
	border-bottom: 1px solid #333;
	border-top: 1px solid #505050;
	list-style: none;
	padding: 8px 10px 1px;
}
.nicelist ol li:first-child {border-top: none;}
.nicelist li.alt {background: #444;}
.nicelist .body {padding-top: 5px;}
.nicelist .date {
	color: #999;
	font-size: 0.9em;
	padding-top: 4px;
}
.nicelist .date a {
	color: #BBB;
	text-decoration: none;
}
.nicelist .date a:hover {text-decoration: underline;}


/* ----------------------------------------
   Archives
------------------------------------------- */

.archive_title {font: normal 1.4em sans-serif;}
.archive_title a {text-decoration: none;}
.archive_title a:hover {text-decoration: underline;}
.archive_postinfo {padding-bottom: 6px;}


/* ----------------------------------------
   Pagination
------------------------------------------- */

.pagenavigation {
	background: #555;
	border-top: 1px solid #444;
	font-size: 0.9em;
	padding: 7px 8px 9px;
}
.pagenavigation a {
	color: #CCC;
	text-decoration: none;
}
.pagenavigation a:hover {
	color: #FFF;
	text-decoration: underline;
}

#image_p1 {
	float: left;
	margin: 0px;
	padding: 1px;

	}
	
#image_p2 {
	float: right;
	margin: 0px;
	padding: 1px;

	}

#image_p3 {
	float: left;
	margin: 0px;
	padding: 1px;

	}
	
#image_p4 {
	float: right;
	margin: 0px;
	padding: 1px;

	}

#image_p5 {
	float: left;
	margin: 0px;
	padding: 1px;

	}


/*zoom divs on home page */
.zitem1 {
	width:725px;
	height:300px;	
	border:0px;	
	margin:0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	
}

.zitem1 .caption1 {
	width:725px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem1 .caption1 a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem2 {
	width:500px;
	height:300px;	
	border:0px;	
	margin:0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem2 .caption2 {
	width:500px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem2 .caption2 a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem3 {
	width:250px;
	height:300px;	
	border:0px;	
	margin:0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem3 .caption3 {
	width:250px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:6px;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem3 .caption3 a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

img {
	border:0;
	
	/* allow javascript moves the img position*/
	
}

div.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
div.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
div.thumb li img {
	width: 125px; height: 125px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
div.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

#footer-1 {
clear: both;

}
#footer-2 {
clear: both;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 105px;
}


#footer-1 {
clear: both;
padding-top: 40px;
}

.footer-big {
font-size: 32px;
color: #00c8ff;
line-height: 30px;
font-style:normal;
}
.footer-big a:link {
font-size: 32px;
color: #00c8ff;
line-height: 30px;
font-style:normal;
}
.footer-big a:visited {
font-size: 32px;
color: #FFd700;
line-height: 30px;
font-style:normal;
}
.footer-big a:hover {
font-size: 32px;
color: #83867A;
line-height: 30px;
font-style:normal;
}
.footer-big a:active {
font-size: 32px;
color: #282A2B;
line-height: 30px;
font-style:normal;
}

.footer-mid{
font-size: 36px;
color: #F0D915;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:link {
font-size: 36px;
color: #F0D915;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:visited {
font-size: 36px;
color: #454749;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:hover {
font-size: 36px;
color: #83867A;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:active {
font-size: 36px;
color: #454749;
left: 60px;
line-height: 30px;
font-style:normal;
}

.footer-small {
font-size: 28px;
color: #454749;
line-height: 30px;
font-style:normal;
}

.footer-small a:link {
font-size: 28px;
color: #454749;
line-height: 30px;
font-style:normal;
}
.footer-small a:visited {
font-size: 28px;
color: #454749;
line-height: 30px;
font-style:normal;
}
.footer-small a:hover {
font-size: 28px;
color: #83867A;
line-height: 30px;
font-style:normal;
}
.footer-small a:active {
font-size: 28px;
color: #454749;
line-height: 30px;
font-style:normal;
}

.divider{
background-color: #333333;
height: 1px;
border-top: 1px solid #2a2a2a;
margin: 0px;
clear: both;
}



.twitter {
width: 350px;
color: #FFD700;
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
float: left;
clear: both;

}

.twitter ul {
margin: 0px;
padding: 0px;
margin-top: -20px;
}

.twitter li {
width: 700px;
color: #454749;
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 20px;
list-style-position: inside;
list-style-type: none;

}

.twitter a:link {
color: #454749;
font-style: normal;
}
.twitter a:visited {
color: #454749;
font-style: normal;
}
.twitter a:hover {
color: #ABB09E;
font-style: normal;
}
.twitter a:active {
color: #454749;
font-style: normal;
}


#footerbg {
	float: left;
	display: block;
	background: #222222;
	width: 1024px;
	margin: 0 auto 0;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #222222;
	}

#footer {
	width: 1024px;
	height: 60px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer p {
	margin: 0px;
	padding: 0px;
	}
	
.footerleft {
	float: left;
	display: block;
	}
	
.footertop {
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
	}
	
.footertop a {
	color: #999999;
	text-decoration: none;
	}
	
.footertop a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
.footerbottom {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	}
	
.footerbottom a {
	color: #666666;
	text-decoration: none;
	}
	
.footerbottom a:hover {
	color: #dddddd;
	text-decoration: underline;
	}
	
.footerright {
	float: right;
	display: block;
	margin: 15px 15px 0px 0px;
	
	}
	
	
ul.gallery {
	width: 708px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

#modal {
		background-color: #fff;
		
		width: 980px;
	}
#modal ul { list-style: none; }
#modal ul li { display: inline; }
#modal ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
	}
#modal ul a:hover img {
		border: 5px solid #ffd700;
		border-width: 5px 5px 5px;
		color: #fff;
	}
#modal ul a:hover { color: #fff; }

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:750px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../images/contact_me.png); 
	position:absolute; 
	left:8px; bottom:-44px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(../images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}