/*
THEME NAME: Enrai
THEME URI: http://playworkplay.com/blog/enrai/
DESCRIPTION: This is what we have to say about Enrai: Have fun!
AUTHOR: Hafiz Rahman of PlayWorkPlay Studio
AUTHOR URI: http://playworkplay.com/
*/


/* Eric Meyer's Reset Reloaded
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* Go!
---------------------------------------------------------- */
html {
	height: 101%;
	background: #333 url("../images/bg.png");
}

body {
	width: 720px;
	border: 1px solid #fff;
	background: #fff;
	margin: 10px auto;
	font: 62.5%/1.5 Arial, Helvetica, sans-serif;
	position: relative;
}

#wrapper {
	overflow: auto;
}

#container {
	width: 470px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

#sidebar {
	float: right;
	width: 220px;
	margin: 25px 0 10px 0px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted silver;
}
/* Controls
---------------------------------------------------------- */

div.controls {
	border-bottom: 1px dotted #aaa;
	background: #333;	
	width: 100%;
}
	div.controls ul {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
	}
		div.controls ul li {
			float: left;
			border-right: 1px dotted #666;
		}
			div.controls ul li a {
			text-decoration: none;
			font: 1em Arial, Helvetica, sans-serif;
			padding: 10px 25px;
			display: block;
			float: left;
			text-transform: uppercase;
			color: #fff;
			border-width: 0;
			}
			div.controls ul li a:hover {
				background: #444;
			}
			div.controls ul li.close a {
				color: #f5173c;
			}

/* Header
---------------------------------------------------------- */

#header {
	padding: 30px 0;
}

h1 {
	text-align: left;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;

}

	h1 a {
		font: bold 2.4em Georgia, serif;
		letter-spacing: -1px;
		color: #333;
		border-width: 0;
line-height: 1.3em;
	}
	
	#description {
		font: 1.2em Georgia, serif;
		text-transform: uppercase;
	}

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

.post {
	font-size: 1.2em;	
}

	.post a {
		color: #333;
	}
	
	.post-desc {
		padding: 10px 10px 10px 20px;
	}
	
		.audio .post-desc {
			background: url("../images/sound_on.gif") 5px 13px no-repeat;
		}

		.photo .post-desc {
			background: url("../images/image.gif") 5px 13px no-repeat;
		}

		.video .post-desc {
			background: url("../images/happy.gif") 5px 13px no-repeat;
		}

	.info {
		display: block;
		font: 0.8em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 5px 5px 5px 20px;
		margin-top: 15px;
		background: #fff url("../images/star.gif") 4px center no-repeat;
		border-bottom: 3px double #ddd;
	}
	
		.info a {
			border-bottom-width: 0px;
		}
	
	.photo img {
		display: block;
		margin: 0 auto;
		padding: 5px;
		border: 1px solid #ddd;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	}
	
	.post h2 {
		border-bottom: 1px solid #eee;
		padding: 5px 0;
		margin: 5px 0;
	}

		.post h2 a {
			font: 1.7em Georgia, Arial, Helvetica, sans-serif;
			border-width: 0;
		}
	
		.link h2 a {
			background: url("../images/arrow_right.gif") right no-repeat;
			padding-right: 16px;
		}
	
		.chat li.odd {
			background: lightyellow;
		}
		
		.chat li {
			padding: 5px 0;
		}
		
			.chat .label {
				font-weight: bold;
			}
		
		.quote blockquote {
			font: 1.5em Georgia, serif;
			width: 75%;
			margin: 10px auto;
			border-left: 3px double #ddd;
			padding: 10px;
		}
		
			.quote .source {
				text-align: right;
			}
			
		.text ul, .text ol {
			margin: 10px 0;
		}
	
			.text ul li {
				list-style-type: square;
				margin-left: 30px;
			}

			.text ol li {
				list-style-type: decimal;
				margin-left: 35px;
			}
		
		.text blockquote {
			font: 1em Georgia, serif;
			width: 75%;
			margin: 10px auto;
			border-left: 3px double #ddd;
			padding: 10px;		
		}

	.right {
		float: right;
	}
	
	a.timenav {
		font: 1em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}

/* Page, Login
---------------------------------------------------------- */	

	.page .content {
		font-size: 1.2em;
	}
	.page h2, #login h2 {
		border-bottom: 1px solid #eee;
		padding: 5px 0;
		margin: 5px 0;
		font: 1.7em Georgia, Arial, Helvetica, sans-serif;
	}
	
	.page .info {
		font-size: 1em;
	}


	
/* Sidebar
---------------------------------------------------------- */		

#sidebar {
	font-size: 1em;
}

	#sidebar li {
		height: 1%; /* remove this to see stupid things on IE6 */
	}

		#sidebar li a {
			display: block;
			border-bottom: 1px solid #ddd;
			padding: 10px 10px 10px 24px;
			font: 1em Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			background: url("../images/arrow_collapse.gif") 4px center no-repeat;
		}
		
		#sidebar li a:hover {
			background: #f5f5f5 url("../images/arrow_collapse.gif") 4px center no-repeat;
		}
	
	#sidebar h2 {
		font: bold 1.2em Georgia;
		margin: 30px 0 0;
		border-bottom: 3px double #ccc;
		padding: 5px 0;
		text-transform: uppercase;
	}
	
/* Footer
---------------------------------------------------------- */

#footer {
	width: 100%;
	clear: both;
	background: #333;
	padding: 10px 0;
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
}

	#footer p {
		margin-left: 10px;
	}

	#footer .right {
		margin-right: 10px;
	}
	
	#footer a {
		color: #fff;
		font-weight: bold;
		border-bottom: 1px dotted silver;
		text-decoration: none;
	}
	
/* Forms
---------------------------------------------------------- */

form p {
	margin: 0 0 1em;
}
label {
	font-weight: bold;
	display: block;
	color: #777;
}	

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

h1#comments {
	border-bottom: 1px solid #eee;
	padding: 5px 0;
	margin: 5px 0;
	font: 1.7em Georgia, Arial, Helvetica, sans-serif;
}

ol.comments {
	margin-top: 1em;
	padding: 0 4px;
}

	ol.comments li {
		width: auto;
		margin-bottom: 24px;
		font-size: 1.2em;
	}

		ol.comments li blockquote {
			margin: 0px;
			padding: 0px;
			border: 1px solid #eee;
			background: #f9f9f9;
		}

			ol.comments li blockquote p {
				margin: 10px;
				padding: 0px;
			}

			ol.comments li cite {
				position: relative;
				margin: 0px;
				padding: 10px 0px 0px 15px;
				top: 6px;
				font-style: normal;
			}

#container .content dl dt { font-weight: bold; }
#container .content dl dd { padding: 0 0 .75em 0; }
#container .content dl.photos-right dt { border-top: 1px solid #ccc; padding: 4px 0 0 0; }
#container .content dl dd.photo { padding: 0 0 0 0; clear: both; }
#container .content dl dd.photo img { float: left; margin: 0 10px 5px 0; }
#container .content dl.photos-right dd.photo img { float: right; margin: 0 0 5px 10px; }
#container .content p, #container .content ul { padding: 0 0 .75em 0; }
#container .content h3 { font-size: 1.2em; font-family: Georgia, serif; padding: 0 0 .2em 0; }
#container .content ul li { list-style: square; margin: 0 0 0 20px; }
#container .content table { border-collapse: collapse; width: 470px; margin: 0 0 1em 0; }
#container .content td { border: 1px solid #ccc; padding: 3px 5px; }
#container .content .odd td { background: #fafafa; }
#container .content table .center { text-align: center; }
#container .content th { border: 1px solid #ccc; font-weight: bold; padding: 4px; background: #eee; font-family: Georgia, serif; }
a.registration { display: block; background: #cc0000; color: #fff; font-weight: bold; padding: 5px 10px; margin: 20px 0 0 0; font-family: Georgia, serif; font-size: 1.4em; }
a.trip { display: block; background: #009333 ; color: #fff; font-weight: bold; padding: 5px 10px; margin: 20px 0 0 0; font-family: Georgia, serif; font-size: 1.4em; }
#partners { width: 700px; float: left; padding: 0 0 20px 12px; }