/* FIT */
/* Main CSS */

body {
	margin: 0;
	padding: 0;
	background: #1d1d20;
	}

img { border: none; }

img.left {
	float: left;
	padding: 0 10px 10px 0;
	}

img.right {
	float: right;
	padding: 0 0 10px 10px;
	}

a, a:visited, a:active { color: #a11414; }

div.container {
	width: 800px;
	margin: 0 auto;
	margin-top: 10px;
	background: transparent;
	}

	div.header {
		width: 800px;
		height: 40px;
		background: transparent url(/g/header.png) no-repeat top left;
		}

	div.splash {
		width: 760px;
		height: 280px;
		padding-left: 40px;
		background: transparent url(/g/page_body.png) repeat-y;
		}

	ul#splash {
		list-style: none;
		padding: 0;
		margin: 0;
		}

	div.menu {
		width: 800px;
		height: 30px;
		background: transparent url(/g/menubar_background.png) no-repeat top left;
		}

		div.menu ul {
			list-style: none;
			float: left;
			padding-left: 40px;
			padding-top: 2px;
			}

			div.menu a,
			div.menu a:hover,
			div.menu a:active,
			div.menu a:visited {
				font-family: arial, helvetica, sans-serif;
				color: #888;
				font-size: 14px;
				font-weight: bold;
				letter-spacing: -0.2pt;
				text-decoration: none;
				}

			div.menu a:hover { color: #fff; }

			div.menu ul li,
			div.menu ul li.active {
				list-style: none;
				display: inline;
				padding: 4px 15px 10px 15px;
				//background: transparent url(/g/menu_separator.png) no-repeat top left;
				}

			div.menu ul li img {
				position: relative;
				top: 4px;
				}

			div.menu ul li.active {
				font: bold 14px arial, helvetica, sans-serif;
				color: #fff;
				letter-spacing: -0.2pt;
				}

	div#content > div.page { display: none; }

	div.page {
		width: 720px;
		padding: 0 40px 0 40px;
		background: #fff url(/g/page_body.png) repeat-y;
		}
	
		div.page div.content {
			width: 680px;
			padding: 20px;
			background: transparent url(/g/page_background.png) no-repeat top left;
			}

			div.content-block { padding: 0 0 16px 15px; }

			div.content h1 {
				font: bold 30px arial, helvetica, sans-serif;
				color: #a11414;
				letter-spacing: -1.2px;
				padding-bottom: 16px;
				}

			div.content h2 {
				font: bold 20px arial, helvetica, sans-serif;
				color: #472d79;
				letter-spacing: -1px;
				padding-bottom: 16px;
				}

			div.content h3 {
				font: italic 18px georgia, arial, helvetica, sans-serif;
				color: #000;
				padding-bottom: 16px;
				padding-top: 10px;
				}

			div.content h3 em {
				position: relative;
				top: 4px;
				padding-right: 14px;
				background: transparent url(/g/asterisk.gif) no-repeat top left;
				}

			div.content p {
				font: normal 14px/20px arial, helvetica, sans-serif;
				color: #333;
				text-align: justify;
				padding-bottom: 16px;
				}

			div.content p.note {
				font: italic 11px/14px arial, heltevica, sans-serif;
				color: #666;
				padding-left: 4px;
				}

			div.content .indent {
				padding-left: 15px;
				padding-right: 10px;
				}

			div.content ul {
				font: normal 14px/20px arial, helvetica;
				list-style-type : disc;
				padding-left: 30px;
				padding-bottom: 14px;
				color: #888;
				}

			div.content ul.alpha { list-style-type : lower-alpha; }

			div.content ul li { padding-bottom: 3px; }

			div.content ul li span { color: #333; }

	div.muscle-sep {
		height: 60px;
		background: transparent url(/g/muscle_sep.gif) no-repeat top center;
		}

/**** TABLES ****/

	div.th {
		font: bold 14px arial, helvetica, sans-serif;
		color: #333;
		clear: both;
		}

	div.tr {
		font: normal 13px arial, helvetica, sans-serif;
		color: #333;
		clear: both;
		}

	div.td {
		width: 80px;
		padding: 8px 0 8px 0;
		border-bottom: 1px #ddd solid;
		float: left;
		text-align: center;
		}

	div.w-50  { width: 50px; }
	div.w-100 { width: 100px; }
	div.w-150 { width: 150px; }
	div.w-200 { width: 200px; }
	div.w-250 { width: 250px; }
	div.w-300 { width: 300px; }
	div.w-400 { width: 400px; }

	div.h-30  { height: 30px; }
	div.h-40  { height: 40px; }
	div.h-50  { height: 50px; }
	div.h-75  { height: 75px; }
	div.h-100 { height: 100px; }
	div.h-150 { height: 150px; }

	div.tb  { border-bottom: 2px #ccc solid; }
	div.tba { border-top: 2px #ccc solid; }

	div.t-left  { text-align: left; padding-left: 4px;}
	div.t-right { text-align: right; }

	div.even { background: #f0f0f0; }
	div.odd  { background: #ecf0ff; }

	div.tw {
		clear: both;
		padding-bottom: 5px;
		}

/**** GALLERY ****/

	#gallery img {
		border: 1px #ccc solid;
		padding: 5px;
		margin: 5px;
		}

	#gallery img:hover { border: 1px #880000 solid; }

	div.pano {
		border: 1px #ccc solid;
		padding: 5px 10px 5px 5px;
		margin: 5px 12px 5px 5px;
		_padding: 5px;
		}

/**** CONTACT FORM ****/

	form#contact { font-family: arial; }

		form#contact h2 {
			color: #000;
			font-weight: bold;
			font-size: 18px;
			padding: 10px 0 10px 0;
			}

		form#contact h3 {
			color: #777;
			font-size: 0.56em;
			line-height: 20px;
			}

		form#contact h3.required {
			color: #000;
			font-weight: bold;
			font-size: 0.65em;
			line-height: 20px;
			}

		form#contact table.plaintable {
			padding: 0;
			border-spacing: 0;
			border: 0;
			}

		form#contact input,
		form#contact select,
		form#contact textarea {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			}

		form#contact input:focus,
		form#contact select:focus,
		form#contact textarea:focus { background: #ffffcc; }

		form#contact input.control {
			border: 0;
			background: transparent;
			padding: 0;
			}

		form#contact select.short,
		form#contact input.short  { width: 50px; }
		form#contact input.medium { width: 174px; }
		form#contact input.long   { width: 450px; }
		form#contact textarea     {
			width: 450px;
			height: 120px;
			}

		form#contact label.error {
			width: 1px;
			margin-left: -9999px;
			display: none; }

		form#contact input.error,
		form#contact textarea.error {
			border: 1px #ff0000 solid;
			background: #ffeeee;
			}

		form#contact input.button,
		input.button {
			border: 0;
			width: 160px;
			height: 26px;
			background: transparent url(/g/form_button_background.png) no-repeat top left;
			padding: 0;
			margin-top: 10px;
			font: bold 13px arial, helvetica, sans-serif;
			color: #000;
			}

		form#contact input.button:focus,
		form#contact input.button:hover,
		input.button:focus,
		input.button:hover {
			background: transparent url(/g/form_button_background_hilite.png) no-repeat top left;
			color: #fff;
			}

	div#form-container {
		position: relative;
		width: 480px;
		float: left;
		}

	div.form-illu {
		position: relative;
		width: 400px;
		min-height: 566px;
		float: right;
		background: transparent url(/g/contact_form_illu.jpg) no-repeat top left;
		}

	div.contact-left {
		position: relative;
		width: 400px;
		float: left;
		margin-top: 20px;
		}

	div.contact-right {
		margin-top: 20px;
		position: relative;
		width: 480px;
		min-height: 350px;
		float: right;
		font: normal 12px arial;
		}

	div.contact-right a,
	div.contact-right a:visited {
		text-decoration: none;
		color: #888;
		}

	.map-container { border: 7px #d4ebf7 solid; }

/**** BLOG ****/

div.blog-content {
	width: 680px;
	padding: 20px;
	background: transparent url(/g/blog_page_background.gif) repeat-y top left;

	_padding: 0;
	_margin: 0;
	_width: 720px;
	}

	div.blog-content-block { padding: 0 0 16px 15px; }

	div.blog-content h1.pagetitle {
		position: relative;
		top: -20px;
		left: -20px;
		width: 700px;
		font: bold 28px arial, helvetica, sans-serif;
		color: #fff;
		letter-spacing: -1.2px;
		padding: 10px;
		background: #aaa;
		
		_font-size: 21px;
		_padding: 15px 10px 14px 10px;
		_width: 494px;
		_top: 0;
		_left: 0;
		}

	div.blog-content h2 {
		font: bold 20px arial, helvetica, sans-serif;
		color: #472d79;
		letter-spacing: -1px;
		padding-bottom: 16px;
		_margin: 20px 0 0 20px;
		}

	div.blog-content h3 {
		font: bold 16px arial, helvetica, sans-serif;
		margin: 30px 0 10px 0;
		letter-spacing: -0.65pt;
		padding: 5px;
		background: #aaa;
		color: #fff;
		_margin-left: 20px;
		}

	div.blog-content p {
		font: normal 14px/20px arial, helvetica, sans-serif;
		color: #333;
		text-align: justify;
		padding-bottom: 16px;
		_margin-left: 20px;
		}

	div.blog-content p.note {
		font: italic 11px/14px arial, heltevica, sans-serif;
		color: #666;
		padding-left: 4px;
		}

	div.blog-content .indent {
		padding-left: 15px;
		padding-right: 10px;
		}

	div.blog-content ul {
		font: normal 14px/20px arial, helvetica;
		list-style-type : disc;
		padding-left: 30px;
		padding-bottom: 14px;
		color: #888;
		}

	div.blog-content ul.alpha { list-style-type : lower-alpha; }
	div.blog-content ul li { padding-bottom: 3px; }
	div.blog-content ul li span { color: #333; }

	div.navigation {
		text-align: center;
		font: normal 11px arial;
		color: #ccc;
		}

	div.navigation a,
	div.navigation a:visited,
	div.navigation a:active,
	div.navigation a:hover {
		font: normal 11px arial;
		color: #888;
		text-decoration: none;
		font-weight: bold;
		}
		
	div#content {
		float: left;
		width: 474px;
		_padding: 0;
		_margin: 0;
		}

		div#content .post-title {
			padding: 10px;
			background: #d9dade;
			margin-bottom: 15px;
			color: #424458;
			}

		div#content .single-post {
			padding: 10px;
			background: #424458;
			color: #fff;
			margin-bottom: 15px;
			}

		div#content .post-meta {
			font: normal 11px verdana, arial, helvetica, sans-serif;
			color: #666;
			border: 1px #d9dade solid;
			padding: 5px;
			background: #f0f0f0;
			margin-bottom: 20px;
			_margin-left: 20px;
			}
		
		div#content a,
		div#content a:visited,
		div#congent a:active,
		div#content a:hover {
			text-decoration: none;
			color: #424458;
			padding: 1px;
			}

		div#content div.entry {
			_margin-top: 20px;
			}
			
		div#content a:hover {
			text-decoration: underline;
			color: #a11414;
			}

		div#content h2.post-title a,
		div#content h2.post-title a:hover {
			text-decoration: none;
			color: #424458;
			}

			div.commentlist {
				font: normal 13px arial, helvetica, sans-serif;
				color: #000;
				}
			
				div.comment-block {
					padding: 10px 0 10px 0;
					font: normal 13px arial, helvetica, sans-serif;
					color: #000;
					}
				
				div.comment-text {
					padding: 0 10px 0 10px;
					}
					
				div.comment-details {
					font: normal 11px arial, helvetica;
					color: #666;
					border: 1px #d9dade solid;
					padding: 5px;
					background: #f0f0f0;
					_margin-left: 20px;
					}

				div.comment-awaitmod {
					font: normal 11px arial, helvetica;
					color: #666;
					border: 1px #d9c775 solid;
					padding: 5px;
					margin: 0 10px 10px 10px;
					background: #f7feae;
					}

				div.comment-details strong {
					font-weight: bold;
					color: #252632;
					}

		#commentform { padding-top: 20px; }

		#commentform small {
			font: bold 10px/18px arial, helvetica, sans-serif;
			color: #888;
			}

		#commentform input,
		#commentform textarea {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			width: 468px;
			_width: 448px;
			}

		#commentform input.button {
			position: relative;
			border: 0;
			float: right;
			width: 120px;
			height: 40px;
			background: #d9dade;
			font: bold 13px arial, helvetica, sans-serif;
			color: #424458;
			top: -10px;
			cursor: pointer;
			}

		#commentform .button:focus,
		#commentform .button:hover {
			background: #424458;
			color: #fff;
			}


	#sidebar {
		position: relative;
		float: right;
		width: 160px;
		margin-top: 65px;
		padding: 0;
		font: normal 11px arial, helvetica, sans-serif;

		_right: -20px;
		_left: 26px;
		_top: 0;
		}

		table#wp-calendar caption { display: none; }

		.sidebar-head {
			_position: relative;
			_height: 53px;
			_width: 206px;
			_top: -65px;
			_left: -26px;
			_background: #aaa;
			_margin-bottom: -33px;
			}
			
		#sidebar ul {
			list-style: none;
			padding: 0;
			margin: 0;
			}

		#sidebar ul li { padding-bottom: 20px; }

		#sidebar h2 {
			position: relative;
			left: -27px;
			color: #424458;
			font: bold 18px arial, helvetica, sans-serif;
			letter-spacing: -0.7px;
			margin: 0;
			padding: 0 0 16px 15px;
			background: transparent url(/g/blog_sidebar_section.gif) no-repeat top left;
			}

		#sidebar .search {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			width: 140px;
			}

		#sidebar #searchsubmit {
			position: relative;
			top: 5px;
			//top: 3px;
			}

/**** FOOTER ****/

	div.footer {
		padding: 20px 10px 20px 10px;
		background: transparent url(/g/footer.png) no-repeat top left;
		font: normal 12px arial, helvetica, sans-serif;
		color: #888;
		text-align: center;
		}

		div.footer a,
		div.footer a:active,
		div.footer a:visited,
		div.footer a:hover {
			font-size: 12px;
			color: #888;
			font-weight: bold;
			text-decoration: underline;
			}

		div.footer a:hover { color: #fff; }

		div.footer img.flag {
			position: relative;
			top: 2px;
			}