/* Document */
html,
body {
	width: 100%;
	height: 100%;
	}
	html {
		background: #cecece url('../img/tpl/html_bg.jpg') top repeat-x;
		overflow-y: scroll;
	}
	body {
		background: url('../img/tpl/body_bg.jpg') center 320px no-repeat;
		font: 13px/1.5 Arial, Helvetica, courier, sans-serif;
		color: #222;
	}

/* Anchors */
a {
	text-decoration: none;
	color: #00a2ff;
	}
	a.link_white { color: #fff; }
	a:hover { text-decoration: underline; }

a#showmorebitches {
	width: 960px;
	height: 42px;
	display: block;
	background: url('../img/tpl/readmore.png') 0 -42px no-repeat;
	margin-top: 1em;
	}
	a#showmorebitches:hover { background-position: 0 0; }

/* Forms */
input.text,
textarea {
	background-color: #f2f2f2;
	border: 1px solid;
	border-color: #a1a1a1 #d2d2d2 #d2d2d2 #a1a1a1;
	padding: 4px;
	}
	input.text { width: 300px; }
	textarea {
		width: 400px;
		height: 215px;
		overflow: auto;
		}
		input.error,
		textarea.error {
			border-color: #dc0000 #ff5555 #ff5555 #dc0000;
			background-color: #fff3f3;
		}
		input.focus,
		textarea.focus {
			border-color: #a49e74 #d4cfae #d4cfae #a49e74;
			background-color: #fff5db;
		}
		
ul.f li {
	position: relative;
	margin-bottom: 1em;
	}
	ul.f.lw80 li label {
		width: 80px;
	}
	ul.f li label {
		float: left;
		display: block;
		width: 150px;
		margin: 5px 1em 0 0;
	}
	ul.f li.lbl {
		margin-bottom: .5em;
	}
	ul.f li.lbl label {
		float: none;
		width: auto;
	}

form.form_layout p {
	margin-bottom: 1em;
	}
	form.form_layout p label {
		float: left;
		display: block;
		width: 150px;
		text-align: left;
		margin: 5px 1em 0 0;
		}
		
form.form_layout.blocklabel p label {
	float: none;
	width: auto;
	margin: 0;
	text-align: left;
}

#form_contact.form_layout p label { width: 80px; }

/* Sublinks */
ul.sublinks {
	margin-bottom: 1.5em;
}
ul.sublinks li {
	float: left;
	display: block;
	margin: 0 1.5em 0 0;
	position: relative;
	}
	ul.sublinks li a {
		float: left;
		display: block;
		font-size: 17px;
		text-transform: uppercase;
		color: #222;
		position: relative;
		}
		ul.sublinks li.current a { color: #00a2ff; }
		ul.sublinks li.current a:hover { text-decoration: none; }

/* Modal box */
div.box {
	padding: 20px;
	margin-bottom: 10px;
	overflow: visible;
	}
	div.box.ch.first { padding-top: 30px !important; }
	div.box.rc i.c { border-color: #d4d4d4; }
	div.box.ch i.c { border-color:#d4d4d4; }
	div.box.ch i.c b { background-color:#d4d4d4; }
	div.box.ch.white { background-color: #fff; }
	div.box.ch.lgrey { background-color: #ececec; }
	div.box.ch.dgrey { background-color: #323232; }

.ch {
    position: relative;
    _zoom: 1;
}
.ch-ctrl {
    border-width: 1px;
    border-style: solid;
}
i.c {
    position: absolute;
    z-index: 20;
    border: 1px none;
    background-image: none !important;
    width: 3px;
    height: 3px;
    _width: 4;
    _height: 4;
    overflow: hidden;
}
i.c i {
    position: absolute;
    width: 5px;
    height: 5px;
    _width: 7;
    _height: 7;
    border: 1px solid;
    overflow: hidden;
}
i.c b {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
i.tl {
    top: 0;
    left: 0;
    border-style: solid none none solid;
}
i.tr {
    top: 0;
    right: 0;
    _right: -1px;
    /*_right: -1;*/
    border-style: solid solid none none;
}

i.bl {
    bottom:0;
    left:0;
    border-style:none none solid solid;
}
i.br {
    bottom:0;
    right:0;
    _right:-1px;
    /*_right:-1;*/
    border-style:none solid solid none;
}

i.tl i,
i.tl b {
    top:0;
    left:0;
}
i.tr i,
i.tr b {
    top:0;
    right:0;
    _right:-1px;
    /*_right:-1;*/
}
i.bl i,
i.bl b {
    bottom:0;
    _bottom:-1px;
    /*_bottom:auto;*/
    left:0;
}
i.br i,
i.br b {
    bottom:0;
    _bottom:-1px;
    /*_bottom:auto;*/
    right:0;
    _right:-1px;
    /*_right:-1;*/
}
	
/* Headings */
h1 {
	font-size: 22px;
	text-transform: uppercase;
	color: #00a2ff;
	margin-bottom: 10px;
	position: relative;
	zoom: 1;
	}

h2 {
	font-size: 17px;
	color: #00a2ff;
	margin-bottom: 5px;
}

h3 {
	font-size: 28px;
	color: #222;
	font-weight: normal;
	font-family: Georgia;
	text-align: center;
	margin-bottom: .5em;
}

h5 { font-size: 13px; }

p { margin-bottom: 1.5em; }

small { font-size: 10px; }

table.about tbody tr td { padding: 6px 0; }

/* List */
li.global_list {
		background: url('../img/tpl/list_icon.jpg') 0 11px no-repeat !important;
		padding: 7px 0 7px 17px !important;
		position: relative !important;
		font-style: italic !important;
	}
		
/* Icons */
i.i_user { background-image: url('../img/icons/user.png'); }
i.i_date { background-image: url('../img/icons/date.png'); }
i.i_page_white { background-image: url('../img/icons/page_white.png'); }
i.i_comments { background-image: url('../img/icons/comments.png'); }
i.i_add_comment { background-image: url('../img/icons/comment_add.png'); }
	
/* Global framework */
div#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

div#header_container {
	width: 1000px;
	height: 400px;
	position: relative;
	background: #222 url('../img/tpl/header_logo.jpg') center 15px no-repeat;
	}
	div#olympic {
		position: absolute;
		top: 0;
		right: 0;
		width: 120px;
		height: 63px;
		background: url('../img/tpl/olympiclogo.png') no-repeat;
		z-index: 90;
	}
	div#header {
		background-repeat: no-repeat;
		width: 1000px;
		height: 400px;
		}
		div#header img {
			display: none;
		}
	
div#nav_container {
	position: relative;
	z-index: 999;
	}
	div#nav {
		height: 114px;
		background: url('../img/tpl/nav_holder.png') center center no-repeat;
		position: absolute;
		z-index: 1000;
		top: -80px;
		width: 1000px;
		}
		div#nav ul {
			position: relative;
			top: 42px;
			left: 40px;
			}
			div#nav ul li {
				display: block;
				float: left;
				position: relative;
				}
				div#nav ul li a {
					position: absolute;
					background-image: url('../img/tpl/nav_sprite.png');
					background-repeat: no-repeat;
					height: 32px;
					text-indent: -1000em;
					display: block;
					_zoom: 1;
					z-index: 55;
					}
					div#nav ul li a:hover {
						cursor: pointer;
					}
					a#n_home {
						width: 66px;
						background-position: -2px 0;
						left: 0;
						}
						a#n_home:hover,
						a#n_home.curr {
							background-position: -2px -32px;
						}
					a#n_team {
						width: 108px;
						background-position: -98px 0;
						left: 98px;
						}
						a#n_team:hover,
						a#n_team.curr {
							background-position: -98px -32px;
						}
					a#n_agenda {
						width: 92px;
						background-position: -236px 0;
						left: 236px;
						}
						a#n_agenda:hover,
						a#n_agenda.curr {
							background-position: -236px -32px;
						}
					a#n_media {
						width: 72px;
						background-position: -357px 0;
						left: 357px;
						}
						a#n_media:hover,
						a#n_media.curr {
							background-position: -357px -32px;
						}
					a#n_guestbook {
						width: 146px;
						background-position: -458px 0;
						left: 458px;
						}
						a#n_guestbook:hover,
						a#n_guestbook.curr {
							background-position: -458px -32px;
						}
					a#n_sponsors {
						width: 120px;
						background-position: -634px 0;
						left: 634px;
						}
						a#n_sponsors:hover,
						a#n_sponsors.curr {
							background-position: -634px -32px;
						}
					a#n_contact {
						width: 109px;
						background-position: -784px 0;
						left: 784px;
						}
						a#n_contact:hover,
						a#n_contact.curr {
							background-position: -784px -32px;
						}
					
div#home_col1 {
	width: 521px;
	float: left;
	position: relative;
}

div#home_col2 {
	width: 469px;
	float: right;
	position: relative;
}

div#sponsor_friends img {
	float: left;
	width: 100px;
	height: 100px;
	border: 5px solid #dadada;
	margin: 5px;
	display: block;
	}
	div#sponsor_friends a:hover img {
		border-color: #00a2ff;
	}

div#footer {
	font-size: 11px;
	position: relative;
	}
	div#footer div.box {
		background-image: url('../img/tpl/footer_bg.jpg');
		background-position: bottom;
		background-repeat: repeat-x;
		padding: 16px 20px;
	}
	div#footer span.copyright {
		color: #a8a8a8;
	}
	div#footer ul {
		line-height: 1;
		margin-top: 5px;
		}
		div#footer ul li {
			display: block;
			float: left;
			padding: 0 15px;
			border-right: 1px solid #626262;
		}
		div#footer ul li.first {
			padding-left: 0;
		}
		div#footer ul li.last {
			border: none;
			}
			div#footer ul li a {
				color: #cdcdcd;
			}
			div#footer ul li a:hover {
				text-decoration: underline !important;
			}

div#videobrowser_player {
	width: 429px;
	height: 350px;
	position: relative;
	}

div.global_controllers {
	position: relative;
	margin-top: 1.5em;
	height: 33px;
	overflow: hidden;
	}
	div.global_controllers a {
		position: absolute;
		width: 62px;
		height: 33px;
		background: url('../img/tpl/control.jpg') 0 0 no-repeat;
		top: 0;
		}
		div.global_controllers a.previous {
			left: 0;
		}
		div.global_controllers a.next {
			background-position: 0px -33px;
			right: 0;
		}
			
/* News article */
div.article {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #dadada;
	position: relative;
	_zoom: 1;
	overflow: hidden;
	}
	div.article.read {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
	div.article img.large {
		display: block;
		margin: 0 auto;
		padding: 1px;
		border: 1px solid #dadada;
	}
	div.article p {
		line-height: 1.7;
	}
	div.article div.footer {
		font-size: 11px;
		padding: 5px;
		margin-top: 1em;
		background: url('../img/tpl/dstripes.jpg');
		}
		div.article div.footer ul li {
			float: left;
			display: block;
			position: relative;
			}
			div.article div.footer ul li span,
			div.article div.footer ul li a {
				display: block;
				float: left;
				padding: 1px 0 0px 25px;
				position: relative;
			}
			div.article div.footer ul li a {
				font-weight: bold;
			}
			div.article div.footer ul li i {
				left: 0px;
				position: absolute;
				background-repeat: no-repeat;
				width: 16px;
				height: 16px;
				}
ul.article_list li {
	position: relative;
	margin: 5px 0;
	}
	ul.article_list li span {
		font-size: 10px;
		display: block;
		float: left;
		padding: 2px 5px;
		width: 85px;
		text-align: center;
		background-color: #d7dce4;
		color: #2c2e30;
		margin-right: 10px;
		position: relative;
		}
				
/* Photoalbums */
div.thumb_container {
	width: 150px;
	height: 150px;
	padding: 10px;
	float: left;
	margin: 10px 10px 0;
	position: relative;
	background-color: #dadada;
}
div.thumb_o {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: relative;
	display: table;
}

div.thumb_m {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

/* Guestbook post */
div.guestbook_post {
	margin-top: 20px;
	position: relative;
	}
	div.guestbook_post div.poster_message {
		padding: 10px;
		line-height: 22px;
		width: 715px;
		float: left;
		margin: 0;
		height: auto;
		min-height: 30px;
	}
	div.guestbook_post div.poster_message p {
		line-height: 22px;
		margin: 0;
	}
	div.guestbook_post div.poster_info {
		float: left;
		font-size: 12px;
		padding: 3px 0 0 30px;
		width: 175px;
		background: url('../img/tpl/balloon_arrow.jpg') 0 5px no-repeat;
		position: relative;
	}
	div.guestbook_post div.poster_info input {
		position: absolute;
		top: 10px;
		right: 0;
	}

/* Global comment box */
.global_comment {
	font-size: 12px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c4c4c4;
	}
	.global_comment.last {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.global_comment p {
		line-height: 22px;
	}
	.global_comment .footer {
		color: #000;
	}
			
/* Agenda */
.agenda_short {
	padding-bottom: 1em;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 1em;
	_zoom: 1;
	}
	.agenda_short.last {
		padding-bottom: 0 !important;
		border-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	.agenda_short .datetime {
		width: 73px;
		text-align: right;
		font-weight: bold;
		line-height: 1.2;
		float: left;
		padding-top: 4px;
		text-transform: uppercase;
		}
		.agenda_short .datetime span.dayname {
			font-size: 11px;
			display: block;
			color: #707070;
		}
		.agenda_short .datetime span.date {
			font-size: 18px;
			display: block;
			color: #343434;
		}
		.agenda_short .datetime span.time {
			font-size: 13px;
			display: block;
			color: #343434;
		}
	.agenda_short .body {
		width: 341px;
		padding-left: 15px;
		float: left;
		position: relative;
		overflow: hidden;
		height: 56px;
		line-height: 1;
		display: table;
		}
		.agenda_short .body .body_middle {
			vertical-align: middle;
			display: table-cell;
			width: 100%;
		}
		.agenda_short .body h2 {
			font-size: 22px;
			text-transform: uppercase;
			color: #00a2ff;
			margin: 0;
			font-weight: normal;
		}
	
div.sponsor_item {
	margin-bottom: 20px;
	border-bottom: 1px solid #dadada;
	padding-bottom: 20px;
	position: relative;
	}
	div.sponsor_item.last {
		margin-bottom: 0 !important;
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	div.sponsor_item div.logo {
		width: 177px;
		height: 110px;
		float: left;
		}
		div.sponsor_item div.logo img {
			border: 5px solid #dadada;
		}
	div.sponsor_item div.body {
		width: 763px;
		margin-left: 20px;
		float: left;
		text-align: justify;
		line-height: 1.7;
	}
	
/* Calendar */
table.calendar {
	width: 400px;
	}
	table.calendar thead tr th {
		background-color: #222;
		border: 1px solid #4b4b4b;
		color: #9e9e9e;
		font-size: 11px;
		padding: 5px 0;
		text-transform: uppercase;
	}
	table.calendar tbody tr td{
		font-family: Georgia;
		padding: 10px;
		text-align: center;
		line-height: 1;
		background-color: #f9f9f9;
		border: 1px solid #dadada;
		font-size: 17px;
	}
	table.calendar tbody tr td.event {
		color: #0084ff;
		background-color: #fff;
	}
		
.preloader {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/tpl/loader.gif');
}

.pagination { 
	height: 20px;
	padding: 8px 0 6px;
	_height: 24px;
	margin-top: 1em;
	}
	.pagination ul { 
		text-align: center; 
		}
		.pagination ul li { 
			display: inline; 
			}
			.pagination ul li a { 
				background: #e9ecf0 url('../img/tpl/pagination_bg.jpg') bottom repeat-x; 
				border: 1px solid #dce1e5; 
				padding: 7px 12px; 
				font-size: 13px;
				color: #5b5b5b;
				margin: 0 2px;
				}
				.pagination ul li a:hover, 
				.pagination ul li.current { 
					text-decoration: none;
					background: #d4dae1 url('../img/tpl/pagination_bg_hover.jpg') bottom repeat-x; 
					border: 1px solid #b9c3cc; 
					padding: 7px 12px; 
					font-size: 13px;
					color: #5b5b5b;
					margin: 0 2px;
				}
				.pagination ul li.current a { 
					font-weight: bold; 
				}
				
.pagination_simple ul { 
	text-align: center; 
	}
	.pagination_simple ul li { 
		display: inline; 
		}
		.pagination_simple ul li a { 
			background: #e9ecf0 url('../img/tpl/pagination_bg.jpg') bottom repeat-x; 
			border: 1px solid #dce1e5; 
			padding: 7px 12px; 
			font-size: 13px;
			color: #5b5b5b;
			margin: 0 2px;
			}
			.pagination_simple ul li a:hover, 
			.pagination_simple ul li.current { 
				text-decoration: none;
				background: #d4dae1 url('../img/tpl/pagination_bg_hover.jpg') bottom repeat-x; 
				border: 1px solid #b9c3cc; 
				padding: 7px 12px; 
				font-size: 13px;
				color: #5b5b5b;
				margin: 0 2px;
			}
	
/* Photoalbum list */
div#photoalbum_list div.album {
	float: left;
	width: 297px;
	padding: 10px;
	position: relative;
	height: 71px;
	overflow: hidden;
	margin-bottom: 2em;
	}
	div#photoalbum_list div.album:hover,
	div#photoalbum_list div.album.hover {
		background: url('../img/tpl/album_hover.png') no-repeat;
		cursor: pointer;
	}
	div#photoalbum_list div.album img.cover_thumb {
		width: 65px;
		height: 65px;
		float: left;
		padding: 2px 4px 4px 2px;
		background: url('../img/tpl/thumb_bg.png') no-repeat;
		overflow: hidden;
	}
	div#photoalbum_list div.album div.info {
		float: left;
		width: 180px;
		margin-left: 10px;
		padding-top: 5px;
	}
	div#photoalbum_list div.album div.info h2 {
		margin: 0 !important;
		font: normal 17px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	div#photoalbum_list div.album div.info h2 a {
		color: #01aeff;
	}
	div#photoalbum_list div.album div.info span {
		display: block;
		font-size: 12px;
		color: #333;
		padding: 2px 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	div#photoalbum_list div.album div.info small {
		display: block;
		font-size: 11px;
		color: #666;
		padding: 2px 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	
/* Video theatre */
div#current_video {
	width: 940px;
	height: 392px;
	position: absolute;
	top: 30px;
	left: 30px;
	text-align: center;
}
div#videostrip_container {
	width: 960px;
	height: 110px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	}
	div#videostrip_container div.controller {
		width: 50px;
		float: left;
		height: 110px;
		}
		div#videostrip_container div.controller a {
			display: block;
			width: 50px;
			height: 110px;
			background-position: center center;
			background-repeat: no-repeat;
			z-index: 999999999;
			}
			div#videostrip_container div.controller a.next { background-image: url('../img/tpl/controller_next.png'); }
			div#videostrip_container div.controller a.prev { background-image: url('../img/tpl/controller_prev.png'); }
	div#videostrip {
		width: 860px;
		float: left;
		height: 100px;
		padding: 5px 0;
		overflow: hidden;
		}
		div#videostrip div.parent {
			float: left;
			width: 860px;
			height: 100px;
			}
			div#videostrip a.thmb {
				width: 120px;
				height: 90px;
				padding: 5px;
				float: left;
				display: block;
				background: url('../img/tpl/video_thmb_bg.jpg') 0 0 no-repeat;
				margin: 0 6px;
				}
				div#videostrip a.thmb:hover {
					background-position: 0 -100px;
				}
				div#videostrip a.thmb.current,
				div#videostrip a.thmb.current:hover {
					background-position: 0 -200px !important;
				}
				div#videostrip a.thmb img {
					width: 120px;
					height: 90px;
				}
		
/* Messages */		
#warningbox_container {
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	background: #000 url('http://www.pixel2life.com/skin_images/warningbox_bg.gif') repeat-x;
	width: 100%;
	height: 45px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	z-index: 999999999;
	}
	#warningbox_container div {
		background: url('http://www.pixel2life.com/skin_images/warningbox_left.jpg') no-repeat;
		padding: 13px 0px 0px 150px;
		height: 32px;
	}

div#successbox_container {
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	background: #000 url('http://www.pixel2life.com/skin_images/successbox_bg.gif') repeat-x;
	width: 100%;
	height: 45px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	z-index: 999999999;
	}
	div#successbox_container div {
		background: url('http://www.pixel2life.com/skin_images/successbox_left.jpg') no-repeat;
		padding: 13px 0px 0px 150px;
		height: 32px;
	}

/* Various classes */
.float_l { float: left; }
.float_r { float: right; }

.align_l { text-align: left; }
.align_c { text-align: center; }
.align_r { text-align: right; }
.align_j { text-align: justify; }

.clear_margin { margin: 0 !important; }

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* This is a hack \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* This was the hack */