/*
	CSS Document:	VirbShowcase
	Written by:		Niki Liu (netapon.com)
*/

* { margin: 0; padding: 0; }

img { border: 0; }

body {
	background: #e6e6e6 url(imgs/background.gif) left 1px no-repeat;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 10px;
	color: #000;
}

a:link, a:visited, a:active { text-decoration: none; color: #f90202; }
a:hover { text-decoration: underline; color: #000; }

.guide { width: 950px; height: 100%; margin: 0 auto; }
.block { display: block; padding: 20px 0; } .block span { font-weight: bold; color: #2d2f2e; }

#header { background: url(imgs/head_bg.gif) repeat-x; width: 100%; height: 100px; }
	#header ul { list-style: none; }
	#header li { display: inline; padding: 9px 8px; }
		#header li#subscribe { display: block; }
	#header h1 a, #feeds h2 a { display: block; width: 100%; height: 100%; }
	#header h1 { background: url(imgs/head_logo.gif) no-repeat; float: left; text-indent: -9999px; width: 235px; height: 53px; margin-top: 25px; }
	#header #feeds { float: right; width: 333px; height: 100px; }
		#feeds h2 { background: url(imgs/subscribe.gif) no-repeat; float: left; text-indent: -9999px; width: 115px; height: 90px; }
		#feeds form div { float: right; text-align: right; width: 195px; padding-top: 20px; }
			#feeds form div a { font-size: 1.4em; color: #000; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid #969696; }
			#feeds form div a:hover { border-bottom: 0; }
			#feeds form div input#feeds-email { background: transparent; float: right; font-family: Arial, Tahoma, sans-serif; font-size: 1.2em; color: #969696; width: 105px; height: 19px; margin-right: 4px; padding: 4px 4px 0 4px; border: 1px solid #e6e6e6; }
			#feeds form div input#feeds-submit { background: url(imgs/button_subscribe.gif) no-repeat; float: right; text-indent: -9999px; width: 56px; height: 25px; border: 0; }
#nav { background: url(imgs/nav_bg.gif) repeat-x; width: 100%; height: 44px; }
	#nav ul { list-style: none; padding-top: 13px; }
	#nav li { float: left; margin-right: 15px; }
	#nav a { font-size: 1.4em; color: #fff; text-decoration: none; }
	#nav a:hover, #nav li.current_page_item a { color: #969696; text-decoration: underline; }
#content { font-size: 1.4em; color: #969696; width: 950px !important; width: 960px; margin: 0 auto; overflow: hidden; }
	#content #left { float: left; width: 700px; }
		#left #showcase { list-style: none; }
			#showcase a { color: #f90202; text-decoration: none; }
			#showcase a:hover { color: #000; text-decoration: underline; }
			#showcase li { float: left; margin: 0 10px 10px 0; }
			#showcase li .container { background: #fff; width: 320px; padding: 10px; overflow: hidden; }
			#showcase .thumbnail { padding-bottom: 7px; }
			#showcase .profile-name { float: left; }
			#showcase .rating { float: right; }
		#left #pages { list-style: none; }
			#pages li { background: #fff; float: left; margin-right: 1px; padding: 7px; }
			#pages a { color: #969696; text-decoration: none; }
			#pages a:hover { color: #000; }
			#pages .current { font-weight: bold; color: #000; }
			#left .section {background:#fff;margin:0 10px 0 0;padding:10px}
			#left .section h1 {font-size:22px;margin:0 0 10px}
			#left .section img {margin:0 0 10px}
			#left .section p {color:#333; line-height: 150%; margin: 0.4em 0 0.4em 0;}
			#left .section .publish {font-size: 0.85em; padding-top: 10px;}
			#left .section ul li {line-height: 130%; margin: 0.5em 0 0.5em 2em;}
	#content #right { float: right; width: 250px; }
		#right .section { background: #fff; width: 210px; margin-bottom: 10px; padding: 20px; }
			#right .section h2 { padding-bottom: 10px; }
			#right .section ul { list-style: none; }
			#right .section li { width: 100%; margin: 7px 0; overflow: hidden; text-align:right}
			#right .section a { float: left; color: #000; text-decoration: none; }
			#right .section a:hover { text-decoration: underline; }
			#right .section span { float: right; }
		#right .archives h2 { background: url(imgs/archives.gif) no-repeat; text-indent: -9999px; width: 136px; height: 26px; }
		#right .friends h2 { background: url(imgs/friends.gif) no-repeat; text-indent: -9999px; width: 116px; height: 26px; }
		#right .more h2 { background: url(imgs/more.gif) no-repeat; text-indent: -9999px; width: 86px; height: 19px; }
#footer { background: url(imgs/footer_bg.gif) repeat-x; width: 100%; height: 80px; margin-top: 140px; padding-top: 40px; overflow: hidden; }
	#footer h2 { background: url(imgs/footer_logo.gif) no-repeat; float: left; text-indent: -9999px; width: 192px; height: 28px; }
		#footer h2 a { display: block; width: 100%; height: 100%; }
	#footer #footnotes { float: right; text-align: right; font-size: 1.4em; color: #969696; }
		#footnotes span { font-weight: bold; font-size: .85em; }