/*
Theme Name: Punaji
Theme URI: http://punaji.com
Description: It's the tits.
Version: 0.01
Author: David Stoner
Author URI: http://iamnotoriginal.com
*/

		/* DEFAULT */
		* { margin: 0; padding: 0; }
		:focus { outline: 0; }
		body { background: #E8EEEE url(http://www.punaji.com/images/background_rock_02.gif) 0 0 no-repeat; color: #000; font-family: Verdana, serif; font-size: 62.5%; }
		div { font-size: 1em; }
		
			/* HEADINGS */
			h1 { float: left; margin: 0; width: 224px; }
			h2 { clear: left; float: left; margin: 10px 0 5px 0; padding: 5px; background: #000000; color: #FFFFFF; text-transform: uppercase; }
			
			.category_row h2 { float: left; margin: 0; padding: 0; color: #FFFFFF; font: bold 2em/1em Verdana, serif; }
			h3 { float: left; padding: 15px 15px 15px 0; }
			
			/* LINKS */
			a { color: #000; text-decoration: none; }
			
			/* FORMS */
			input { float: left; border-top: 2px #B0B0B0 solid; border-width: 2px 0 0 0; }
			input[type=submit] { background: #DFDFDF; border-top: none; border-bottom: 2px #B0B0B0 solid; color: #555555; font: bold 1em/1em Verdana, sans-serif; text-transform: uppercase; }
			
		/* INDEX */
			/* STRUCTURE */
			#wrapper { margin: 0 auto; width: 100%; }
			
			#header { margin: 0 auto; width: 900px; }
				#header img { float: left; margin: 30px 0 15px 0; }
				#header a img { border: none; }
				form.login { float: left; padding: 15px 0 0 91px; width: 585px; min-height: 80px; }
				.login p { float: left; padding: 30px 0 15px 0; width: 585px; }
				.login label { float: left; padding: .5em 15px 0 0; width: 195px; }
				.login input { margin: 5px 0 0 0; padding: 3px; }
				p.login { float: left; padding: 30px 0 15px 0; width: 676px; height: 40px; background: transparent url(http://www.punaji.com/images/backgrounds/header_100.gif) 0 30px repeat-x; color: #CCC; text-align: right; }
				p.login a { color: #FFF; }
				#user_login, #password { clear: left; float: left; width: 195px; background: transparent; border-color: #000; border-style: solid; border-width: 1px; }
				#submit { float: left; margin: 2em 0 0 15px; width: 148px; background: #3A0440; border-color: #000; border-style: solid; border-width: 1px; }
				.remember { float: right; margin: 5px 150px 0 0; padding: 0 0 10px 0; width: 225px; }
				.remember input { border: none; }
				#remember { margin: 0 5px 0 0; }
						
			#latest, #forumlist { float: left; font: 1em/2em Verdana, sans-serif; }
				.top { margin: 0 auto; width: 900px; height: 45px; background: transparent; }
				#header_100 { float: left; width: 100%; background: transparent url(http://www.punaji.com/images/backgrounds/header_100.gif) 0 30px repeat-x; }
				.red { float: left; margin: 15px 0 0 0; width: 100%; background: #E2E9EF; }
				#main { width: 100%; background: #FFFFFF; }
				.main_100 { float: left; width: 100%; background: #FFFFFF url(http://www.punaji.com/images/backgrounds/main_100_02.gif) 0 15px repeat-x; }
				.category_row_center { margin: 0 auto; width: 900px; }
				.category_row { position: relative; float: left; width: 900px; }
				.category_row a { float: left; }
				.category_row p { float: left; }
				.category_row ul { float: left; width: 100%; border-top: 1px #EFEFEF solid; list-style: none; }
				.category_row li { float: left; margin: 5px 1px 0 0; padding: 5px; background: #BFE2FF; }
				.newest li, #viewdiv li { background: #BFE2FF; }
				
				.category, .newest, .newer, .new { float: left; padding: 15px 0; overflow: hidden; }
                              
					.newest_title { width: 100%; height: 50px; }
					.newer_title { width: 100%; height: 50px; background: #007AE5 url(http://www.punaji.com/images/backgrounds/newer_title.gif) 0 0 no-repeat; }
					.new_title { width: 100%; height: 60px; background: #0066BF url(http://www.punaji.com/images/backgrounds/new_title.gif) 0 0 no-repeat; }
					
					.newer_title:hover { background: #008AFF url(http://www.punaji.com/images/backgrounds/newer_title.gif) 0 0 no-repeat; }
					.new_title:hover { background: #008AFF url(http://www.punaji.com/images/backgrounds/new_title.gif) 0 0 no-repeat; }
					.newer .newer_title:hover .new_title { background: #0066BF url(http://www.punaji.com/images/backgrounds/new_title_02.gif) 0 0 no-repeat; }
					
					.newest a { float: left; padding: 0 10px 0 0; width: 440px; }
							
				.category { background: #E2E9EF; margin: 15px 0; padding: 0; width: 450px; }
				.category h2 a { float: left; padding: 0 10px; background: #3A0440; }
				.category a { padding: 5px; }
				.category p { float: left; margin: 0 0 5px 30px; padding: 5px 0 0 0; width: 225px; color: #8D3747; }
				
				.newest { width: 450px; }
				.newest p { margin: 0 15px 0 0; padding: 0 0 25px 0; }
				
				TALL { 135px 220px }
				WIDE { 415px 70px }
				
				#newer_left, #newer_right, #new_left, #new_right { float: left; padding: 15px 0; width: 450px; }
                                #newer_left .newer, #new_left .new { padding: 0 10px 0 0; width: 440px; }
                                #newer_right .newer, #new_right .new { padding: 0 0 0 10px; width: 440px; }
                                
				.newer, .new { padding: 5px 0; width: 450px; }
                                .newer a, .new a { padding: 0; width: 440px; }
                                .newer p, .new p { padding: 0 15px 5px 0; }
                                .newest p.img, .newer p.img, .new p.img { float: left; clear: both; z-index: 2; margin: 0 0 5px 0; padding: 0; max-height: 100px; background: #3A0440; border: 5px #3A0440 solid; overflow: hidden; cursor: pointer; }
                                .newest p.img img, .newer p.img img, .new p.img img { float: left; z-index: 2; max-width: 430px; }
				
				.newest .author { margin: 0 15px 0 0; padding: 5px 0 30px 0; width: 435px; border-top: 1px #EFEFEF solid; font-size: 10px; text-align: right; }
				.newer .author, .new .author { float: right; margin: 5px 0 0 0; padding: 5px 0 0 0; width: 440px; border-top: 1px #DDD solid; text-align: right; }

				.switch { position: absolute; top: 0; left: 885px; padding: 15px 0; width: 15px; height: 15px; }
				.switch a img { display: block; }
				.switch a, .switch a:visited { float: right; background: #3A0440; color: #FFF; }
				.switch a:hover { background: #820654; color: #FFF; }
				
				.more_or_less { position: absolute; z-index: 1; bottom: 0; left: 0; padding: 30px 0 15px; width: 900px; height: 15px; background: transparent url(http://www.punaji.com/images/more_or_less_02.png); }
				#newer .more_or_less { background: transparent url(http://www.punaji.com/images/more_or_less_newer.png); }
				#newest, #newer { overflow: hidden; }
				
				a.more { width: 15px; height: 15px; }
				.newest a.more { margin: 0; padding: 10px 5px; }
				.newer a.more { margin: 0 10px 0 0; padding: 5px; width: 5px; }
				.more img { margin: 0; width: 15px; }
				
				a#hide { width: 15px; height: 15px; background: #3A0440; color: #FFF; font: bold 1em/1.5em Verdana, sans-serif; text-align: center; }
				a#hide:hover { background: #820654; }
				
				.by { font-weight: normal; }
				
			#main { float: left; background: #FFFFFF; }
				.frontpageheatmap { float: left; padding: 15px 30px; }
				#viewdiv { margin: 0 auto; width: 900px; background: #000000; }
				#viewdiv h2 { float: left; margin: 10px 0 25px 0; padding: 5px; background: #000000; color: #FFFFFF; font: bold 2em/1em Verdana, serif; }
				#viewdiv ul { float: right; padding: 15px 0; width: 750px; list-style: none; }
				#viewdiv li { float: left; margin: 0 1px 0 0; padding: 5px 5px; text-align: center; }
				#viewdiv li a { float: left; padding: 5px; background: #000000; }
			
			#footer { float: left; padding: 15px 0 30px 0; width: 100%; background: #E8EEEE; text-align: right; }
			#footer p { margin: 0 auto; width: 900px; }
			
			/* TEXT */
			.login p { font: 1em/1em Verdana, sans-serif; color: #C0CBD4; }
			.login p a, .login p a:hover { padding: 5px; background: #FFFDCB; }
			.login a:hover { background: transparent; }
			.login label { font: 1em/1em Verdana, sans-serif; color: #C0CBD4; }
			.login input { font: 1em/1em Verdana, sans-serif; color: #FFF; }
			p.login { font: 1em/4em Verdana, sans-serif; color: #C0CBD4; }
			
			.top, .top .bbcrumb { color: #FFFFFF; font: bold 1em/1.5em Verdana, sans-serif; text-transform: uppercase; }
			.category a { background: #0058A1; color: #FFFFFF; text-decoration: none; }
			.newest a, .newer a, .new a { color: #000; }
			.newest a:visited, .newer a:visited, .new a:visited { color: #000; }
			.category_row a:hover, #viewdiv li a:hover { color: #820654; }
			.category a:hover { background: #820654; color: #FFF; }
			.category_row p { font: 1em/1.5em Verdana, sans-serif; }
			.category h2 a { font: bold 20px/40px Verdana, sans-serif; text-transform: uppercase; }
			.category a { font: bold 10px/25px Verdana, sans-serif; text-transform: uppercase; }
			.newest a { font: bold 20px/35px Verdana, sans-serif; }
			.newest p { font: 1.5em/25px Verdana, sans-serif; }
			.newest p a { float: none; background: #FFFDCB; color: #000000; font: 15px/15px Verdana, sans-serif; }
			.newer a { font: bold 15px/25px Verdana, sans-serif; }
			.newer p a { float: none; background: #FFFDCB; color: #000000; font: 10px/15px Verdana, sans-serif; }
			.new a { font: bold 1em/25px Verdana, sans-serif; }
			.category_row p a:visited { background: #E8EEEE; }
			.category_row p a:hover { background: #FFFDCB; color: #000; }
			
			#viewdiv { color: #FFFFFF; font: bold 1em/1em Verdana, sans-serif; text-transform: uppercase; }
		/* PROFILE */
			#profile-page ul, #profile-page dl, #profile-page ol { float: left; width: 450px; }
		
		/* FORUM */
			.bbcrumb a { float: left; width: 165px; }
			#latest { float: left; margin: 15px 0; width: 900px; border-spacing: 0; }
			#rss_link { float: right; margin: 15px 0 0 0; padding: 5px; background: #FFFDCB; }
			tr { text-align: left; }
			td { padding: 5px 0; border-bottom: 1px #EFEFEF solid; }
			td a { padding: 5px; color: #000000; background: #FFFDCB; }
			td a:visited { background: #FFFFFF; }
			td a:hover  { background: #FFFDCB; }
			
		/* TOPIC */
			#topic-page .top a { float: left; margin: 15px 15px 15px 0; width: 150px; }
			#topic-page .top a:hover, .bbcrumb a:hover { background: #E2E9EF; color: #000000; }
			
			.infobox { margin: 0 auto 15px auto; width: 900px; }
			.infobox a, .nav a { padding: 5px; background: #FFFDCB; color: #000000; }
			.infobox a, .nav2 a { padding: 5px; background: #FFFDCB; color: #000000; }
			.topictitle { float: left; margin: 15px 0 5px 0; padding: 5px; text-transform: none; }
			#topic-info { clear: left; float: left; width: 900px; background: #EFEFEF; }
			
			#topic_posts, .infobox .rss-link { float: left; padding: 15px 5px; width: 140px; background: #EFEFEF; }
			.topicmeta, #topic-tags { float: left; padding: 15px 15px; width: 270px; background: #EFEFEF; }
			#topic-tags ul { float: left; margin: 5px 0 0 0; width: 270px; }
			.topicmeta li { float: left; margin: 0 0 15px 0; list-style: none; }
			#topic-tags ul { padding: 10px 0 0 0; }
			#topic-tags li { float: left; margin: 0 0 15px 0; min-width: 90px; list-style: none; }
			#tag-form { float: left; margin: 5px 0 0 0; }
			#tag-form fieldset { border: none; }
			.rss-link:hover, .rss-link:hover img { background: transparent; }
			.nav { float: left; margin: 0 0 15px 0; padding: 5px; width: 888px; border: 1px #EFEFEF solid; text-align: right; }
			.nav2 { float: left; margin: 0 0 15px 0; padding: 5px; width: 888px; border: 0px; text-align: right; }
			.center { margin: 0 auto; width: 900px; }
			
			#thread { margin: 0 auto; width: 900px; }
			#thread li { float: left; margin: 0 0 30px 0; border-top: 3px #EFEFEF solid; list-style: none; }
			.threadauthor { float: left; padding: 15px 15px 0 0; width: 135px; }
			.threadauthor p { float: left; padding: 0 0 15px 0; }
			.avatar { clear: left; float: left; margin: 0 0 15px 0; }
			.poststuff { float: left; padding: 5px 0; width: 135px; border-top: 1px #EFEFEF solid; text-align: left; }
			.threadpost { float: left; padding: 15px 0 0 0; width: 750px; }
			.post { float: left; width: 750px; }
			.post p { padding: 0 165px 15px 15px; width: 570px; font: 1em/2em Verdana, sans-serif; }
			.post p img { }
			.post a { padding: 5px; background: #FFFDCB; }
			
			.postform { clear: left; float: left; margin: 5px 0 0 0; padding: 15px 5px; width: 890px; background: #EFEFEF; }
			.postform p { float: left; margin: 0 0 15px 0; width: 900px; }
			.postform input { margin: 5px 0 0 0; }
			.submit { clear: left; }
			.postform fieldset { border: none; }	
			#post_content { float: left; width: 600px; border: 1px #EFEFEF solid; background: #FFFFFF; border-width: 3px 1px 1px 1px; }
			.post-form + p { clear: left; float: left; margin: 0 0 15px 0; }
			
			.admin { margin: 15px 0 0 0; padding: 15px 5px; float: left; width: 890px; background: #EFEFEF; }
			#topic-move { float: left; margin: 15px 0 0 0; background: #EFEFEF; }
			#topic-move fieldset { border: none; }
			.submit { float: left; }
			
			blockquote { margin: 0 165px 15px 15px; padding: 15px; width: 570px; background: #EFEFEF; font-style: italic; }
		
		/* REGISTER */
			#register-page form { clear: left; float: left; margin: 15px 0; width: 900px; }
			
		a img { border: none; }
		#front-page .ad { padding: 0 0 15px 0; }
		.ad  { float: left; padding: 15px 0; width: 900px; border-bottom: 1px #CCC solid; }
		.ad form { float: right; }
		.ad input { margin: 0 5px 0 0; }