/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */

body { font-size: 16px; background: #4d9dc1; min-width: 1024px; background: url(images/bg-repeat.jpg) repeat; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; }

::selection { background: #95c3e0; color: white; /* Safari and Opera */ }
::-moz-selection  { background: #95c3e0; color: white; /* Firefox */ }

iframe { margin: 25px 0; border: 2px solid #3098cf; }

h1, h2, h3, h4 {
	font-weight: normal;
}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/pdf.gif) no-repeat center right;
}

#h-about a img { display: none; }

input, textarea { display: block; padding: 6px; font-size: 17px; margin: 3px; border: 2px solid #c4d0de; 
				  -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: "Times New Roman", Times, serif; }
input:focus, textarea:focus { border-color: #76a3d6; }
select { padding: 3px 5px; font-size: 17px; margin: 3px; }
label { font-style: italic; margin: 8px 3px 0 0; display: inline-block; }
option { padding: 1px 0 1px 4px; border-top: 1px solid #eee; }
input[type=submit]:hover { cursor: pointer; }
.hidden, input[type=hidden] { display: none; }

#msg { border: 2px solid; font-size: 15px; padding: 4px; margin: 6px 4px; text-align: center; }
	.error { border-color: #a44545 !important; background: #e19d9d; color: white; }
	.good { border-color: #3fa244 !important; background: #a4e5b2; }
	.warning{ border-color: #d4cc4c !important; background: #ded991; }

.float-left { float: left }
.float-right { float: right; }
.clear { clear: both; }

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; padding: 10px; }
.alignright { float: right; padding: 10px; }
.wp-caption-text { font-size: 13px !important; color: #777; }

label:hover { cursor: pointer; }

ul, ol { list-style-position: inside; }
li { margin: 0 0 5px; }

a, .link { outline: none; color: #5581bd; text-decoration: none; }
	a:hover, .link:hover { color: #6f98d0; text-decoration: underline; cursor: pointer; }
.link { color: #5581bd !important; }
	
.widgettitle { display: none; }

.crumbs { font-style: italic; font-size: 13px; color: #505050; margin: -10px 0 10px; }

#wrapper { margin: 25px 0 0; }
#clip-board { margin: 0 auto; background: url(images/mc-repeat.jpg) repeat-y; position: relative; width: 1110px; }
#h-img { background: url(images/header.jpg) no-repeat; }
#page-content { width: 930px; margin: 0 auto; height: 100%; overflow: auto; position: relative; top: 100px; padding-bottom: 100px; }
	
#main-content { width: 650px; float: left; }

#nav { position: relative; text-indent: -9999px; height: 118px; width: 520px; margin: 10px auto 30px; background: url(images/nav.jpg) no-repeat; }
	#nav a { padding: 16px 64px; }
		#n-l-h { position: absolute; top: 11px; left: 50px; }
		#n-l-s { position: absolute; top: 11px; left: 190px; }
		#n-l-a { position: absolute; top: 11px; left: 340px; }
	#n-desc { bottom: 10px; left: 50px; position: absolute; width: 460px; }
		#n-home, #n-about, #n-section { display: none; text-indent: 0px;position: absolute; bottom: 1px; left: 25px; font-size: 19px; letter-spacing: 1px; }
		#n-home { margin-left: 10px; }
		#n-section a { padding: 2px 3px; margin: 0; }
		#n-section { padding-top: 26px; }
	
#header { height: 210px; position: relative; }
	.p-banner { text-indent: -9999px; }
	.p-banner a { display: block; height: 200px; width: 550px; }
	#join-us { width: 183px; position: absolute; top: -6px; right: 5px; text-align: center; }
		#join-us strong { color: #333; font-size: 2.1em; margin-bottom: -3px; display: block; }
		#join-us span { color: #444; line-height: 17px; margin-right: 2px; }
		#a-join { display: block; padding: 10px; }

div.post { margin-bottom: 45px; position: relative; }
.post-header { text-align: center; margin-bottom: 2px; font-size: 230%; }
.page-header { margin: 0 0 10px; text-align: center; font-size: 2.2em; }

	p.post-date { background: url(images/dot.png) center center repeat-x; text-align: center; margin-bottom: 15px; }
	span.date { background: white; padding: 0 15px; font-weight: bold;}

	div.post-content h3, div.post h3 { margin-top: 22px; }
	div.post-content p, div.post p { letter-spacing: 0.2px; margin: 10px 0; font-size: 15px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
	div.post-content ul, div.post-content ol, div.post ul, div.post ol { padding: 7px 45px; margin-top: 15px; }
	div.post-content ul li, div.post ul li { border: none; list-style-type: disc; }
	div.post-content ol li, div.post ol li { border: none; list-style-type: lower-roman; }
	div.post-content blockquote, div.post blockquote { border-left: 6px solid #DDD; padding: 10px 25px 10px 10px; margin: 10px 5px; }
	div.post-content blockquote p, div.post blockquote p { margin-top: 0px; }

	p.post-front-info { font-size: 14px !important; margin-top: 10px; padding-top: 2px; border-top: 1px solid #ebebeb; width: 97%; }
	p.post-error { color: #ae2525; font-size: 125%; text-align: center;  margin: 25px 0; }
		p.post-error a { color: #ae2525; text-decoration: underline; }
		span.post-error-no { color: #333; font-size: 16px; }
			.post-error-no a { color: #222 !important; }
			.post-error-no a:hover { color: #111; }

	div.post-info { font-size: 15px; line-height: 22px; background: #F8F8F8; padding: 12px; margin: 4px; border: 1px solid #bbb; -webkit-border-radius: 0 9px 0 9px; -moz-border-radius: 0 9px 0 9px; }
		.post-info-sec, .author { position: relative; }
		.post-info-sec h4, .author h4 { position: absolute; right: 2px; }
		.post-info-sec { overflow: hidden; }
		.post-info-sec p { width: 55%; float: left; padding: 3px 0; }
		.post-info-right { text-align: right; float: right; width: 40%; }
		.rss-icon { padding: 0 3px; }

	div.next-prev { margin: 10px 0; color: #555; font-size: 15px; overflow: auto; width: 100%; }
		div.left-prev { float: left; width: 47%; }
		div.right-next { text-align: right; float: right; width: 47%; }
		
	div.author { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; min-height: 80px; }
	div.author-pic { float: left; padding: 0 10px 10px 0; }
	
	div.p-box { border: 2px solid #999; background: #eee; padding: 15px; margin: 20px 5px; }
	div.p-box p { font-size: 17px; line-height: 20px; overflow: auto; word-spacing: 3px; }
	div.p-box p img { padding: 15px; }
	
	p.links-top { position: absolute; top: -22px; right: 10px; }

#sidebar { width: 250px; float: right; margin-top: 20px; padding-bottom: 20px; }
	#s-search {}
		.search-form { position: relative; width: 247px; }
		.search { display: inline; padding: 5px; margin: 2px 0; width: 96%; font-size: 18px; border: 1px solid #999; -moz-border-radius: 0; -webkit-border-radius: 0; }
			.search:focus { border-color: #777; }
		.search-submit { margin: 0; position: absolute; top: 5px; right: 1px; border: 1px solid #5193a7; color: white; background: #76aebf; font-size: 17px; padding: 2px; max-width: 64px !important; -moz-border-radius: 0; -webkit-border-radius: 0; }
			.search-submit:hover { cursor: pointer; background: #83b8c8; }
			.search-submit:active { background: #98c5d3; }
	
	#s-p-info p { font-size: 14px; color: #222; }
	
	.s-b { border: 2px solid #d0cb96; padding: 9px 9px 20px 9px; margin: 10px 0; }
		#s-pages { border-color: #76c27a; background: #d8f8df url(images/pages-bg.jpg) no-repeat bottom right;  }
		#s-au { background: #fcfcdc url(images/user-bg.jpg) no-repeat bottom right; padding-bottom: 80px !important; }
	.s-b h2 { text-align: center; margin-bottom: 5px; text-shadow: 0 0 4px #777; }
	.s-b ul { margin: 1px 2px; }
	.s-b ul li { font-size: 17px; height: 25px; }
	.s-b ul li a { color: #222; border-bottom: 1px dotted #bbb; padding: 4px 1px 3px 32px; background: url(images/nav-sprite.png) no-repeat top left; }
	.s-b ul li a:hover { color: #555; border-color: #777; text-decoration: none; }
	
	.s-b ul li .about { background-position: 0 0; }
	.s-b ul li .calendar { background-position: 0 -39px; }
	.s-b ul li .contact { background-position: 0 -78px; }
	.s-b ul li .findus { background-position: 0 -195px; }
	.s-b ul li .folders { background-position: 0 -234px; }
	.s-b ul li .home { background-position: 0 -273px; }
	.s-b ul li .join { background-position: 0 -312px; }
	.s-b ul li.logout a { background-position: 0 -351px; }
	.s-b ul li.sa a { background-position: 0 -546px; }
	.s-b ul li .news { background-position: 0 -390px; }
	.s-b ul li .photo { background-position: 0 -429px; }
	.s-b ul li .prize_winner { background-position: 0 -468px; }
	.s-b ul li .si { background-position: 0 -585px; }
	.s-b ul li .star { background-position: 0 -628px; }
	.s-b ul li .wosm { background-position: 0 -706px; }
	.s-b ul li .tracker { background-position: 0 -667px; margin-left: 14px; }	
	.s-b ul li .explorer { background-position: 0 -156px; margin-left: 14px; }
	.s-b ul li .explorerblog { background-position: 0 -156px; margin-left: 26px; }
	.s-b ul li .disco { background-position: 0 -117px; margin-left: 14px; }
	.s-b ul li .discoblog { background-position: 0 -117px; margin-left: 26px; }
	.s-b ul li .rover { background-position: 0 -507px; margin-left: 14px; }
	
	.s-b ul.arch li a { background: none; padding: 2px; } /* reset archive list */
	li.gap { margin-bottom: 25px; }

#footer { height: 550px; width: 1110px; background: url(images/footer.jpg) no-repeat; }
#f-content { position: relative; top: 127px; left: 137px; height: 360px; width: 850px; overflow: hidden; }
	p.copy { font-family: "Times New Roman", Times, serif; color: #222; font-style: italic; font-size: 13px; }
		.copy a { color: #333; border-bottom: 1px solid #c8c89e; }
		.copy a:hover { text-decoration: none; border-color: #dbdba9; color: #666; }
	.foot-h { text-align: center; margin: 5px 0; color: #505050; text-shadow:0 0 4px #999999; }
	#recent-com { height: 260px; width: 240px; padding-right: 15px; border-right: 1px solid #c8c89e; position: absolute; top: 15px; left: 20px; }
		#re-com { height: 155px; overflow: hidden; }
		#re-com li { color: #505050; font-size: 12px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d3d3ab; letter-spacing: 0.2px; }
		#re-com li span.author-com { font-weight: bold; font-size: 14px; color: #222; }
	#links-like { height: 95%; width: 180px; position: absolute; top: 15px; left: 276px; padding: 0 13px; border-right: 1px solid #c8c89e; }
		li.linkcat h2 { display: none; }
		.xoxo li a { color: #505050; border-bottom: 1px dotted #bbb; }
		.xoxo li a:hover { text-decoration: none; border-color: #aaa; color: #444; }
	#f-rss { position: absolute; top: 15px; right: 25px; width: 325px; text-align: center; }
		.rss-desc { font-style: italic; font-size: 15px; padding: 15px 5px 2px; color: #b4b484; }
		.rss-img { float: left; padding: 4px 10px 4px 4px; }
		.rss-links { color: #999; padding-bottom: 10px; border-bottom: 1px solid #c8c89e; margin-bottom: 5px; }
		.rss-links a { color: #505050; }
	.e32d { position: absolute; right: 299px; bottom: 0; padding: 18px 24px; text-indent: -9999px; }
		
h3#responces { text-align: center; margin: 10px 0 25px; color: #6F98D0; }
.comment-list { list-style-type: none; }
	.comment-list li { overflow: hidden; background: #F4F4F4; border: 1px solid #DDD; padding: 20px 20px 30px; margin: 0 5px 20px; -moz-border-radius: 17px; -webkit-border-radius: 17px; position: relative; }
	div.comment-meta-info { width: 95px; float: left; padding-right: 10px; border-right: 1px solid #999; margin: 0 17px 10px 0; }
		cite.fn { display: block; margin-bottom: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; }
		div.comment-meta { font-size: 15px; font-style: italic; }
		.avatar { border: 1px solid #444; margin: 0 auto 5px; display: block; }
	p.comment-time { position: absolute; top: 5px; right: 15px; font-size: 15px; color: #555; }
	div.comment-text { margin-top: 17px; font-size: 15px; line-height: 21px; }
		.comment-text p { margin-bottom: 9px; }
	
	p.reply { position: absolute; bottom: 10px; right: 10px; border: 1px solid #555; background: #999; padding: 4px 7px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		p.reply a { color: #EDEDED; }
		p.reply a:hover { color: #F6F6F6; }

#comments-box, .contactform { background: #F4F4F4; border: 1px solid #DDD; padding: 20px; margin: 0 5px 20px; -moz-border-radius: 17px; -webkit-border-radius: 17px; }
.contactform { margin: 15px auto; width: 85% !important; }
#respond { position: relative; }
	.leave-reply { margin-bottom: 7px; }
	div.not-logged-in { border: 2px solid #FFCC66; background: #FFFF99; text-align: center; font-size: 14px; padding: 3px; margin: 10px; }
	#comment-form textarea { border: 2px solid #999; margin: 20px 0; }
		#comment-form textarea:focus { border-color: #6aa8c5; }
	#comment-form input[type=text] { display: block; padding: 4px; margin: 4px 0 12px; border: 2px solid #999; }
		#comment-form input[type=text]:focus { border-color: #6aa8c5; }
	#comment-form label { position: relative; }
	em.req { color: #ae2525; font-size: 35px; position: absolute; right: -17px; top: -6px; }
	
	#remarks { width: 220px; position: absolute; top: 110px; right: 50px; }
		#remarks ol li { list-style-type: disc; border: none; background: transparent; margin: 3px 0; padding: 0; }
		
	#submit, #contactsubmit { color: white; margin: 10px 0 0; border: 1px solid #555; background: #999; padding: 3px 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		#submit:hover, #contactsubmit:hover { cursor: pointer; color: #cddfec; }
		
.wp-polls .pollbar { border-color: ##66adff !important; margin: 2px 1px 4px !important; background: #C8E3E9 url(images/about-bg.jpg) repeat-x !important; height: 16px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.wp-polls-archive { width: 80%; margin: 25px auto; }
.wp-polls-archive p strong { font-size: 1.05em; }
.wp-polls-ans { margin: 0 0 15px; padding: 0 0 5px; border-bottom: 1px solid #C8E3E9; }

.ad-edit { margin: 15px 0 0; font-size: 14px; }

#blog { display: block; position: absolute; top: 1px; right: 0; width: 133px; height: 43px; text-indent: -9999px; background: url(images/explorer-blog.jpg) no-repeat; }
#blog:hover { background-position: 0px -43px; }
#blog:active { background-position: 0px -86px; }
