/*
-----------------------------------------------
Erratic Wisdom
Base Stylesheet
----------------------------------------------- */


/* Global
----------------------------------------------- */
body {
	margin: 0; padding: 0;
	font: 11px/1.5 "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

a {color: #6b4f2e;}

p {
	margin: 1em 0;
	line-height: 1.7;
}

hr {display: none;}


/* Structure
----------------------------------------------- */
#page {
	width: 700px;
	margin: 0 auto;
}
	#header {}
		#header h1 {
			float: left;
		}
		#header ul#global_nav {
			width: 310px;
			float: right;
		}
	
	#main_navigation {}
	#content {}
		#content #main_column {
			margin: 20px 0 0 0; padding: 15px 20px;
			width: 424px;
			border-right: 1px solid #d4caba;
			float: left;
		}
		#sidebar {
			margin: 20px 0 0 0; padding: 15px 20px;
			width: 195px;
			float: left;
		}

.clear:after,
#content:after,
#portfolio:after,
#features:after,
#bottom:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear,
#content,
#portfolio,
#features,
#bottom {display: inline-block;}

/* ie5 mac \*/
* html .clear,
* html #content,
* html #portfolio,
* html #features,
* html #bottom {height: 1%;}

.clear,
#content,
#portfolio,
#features,
#bottom {display: block;}
/* end ie5 mac */


/* Header
----------------------------------------------- */
#header {
	margin: 0; padding: 40px 0 30px 0;
}
	#header ul#global_nav {
		margin: 0; padding: 12px 10px 0 20px;
		height: 28px;
		background: #d4caba url(../images/global_nav_bg.gif) right no-repeat;
	}
		#header ul#global_nav li {float: left;}
		#header ul#global_nav li#nine_rules {
			padding-right: 10px;
			background: url(../images/global_nav_sep_bg.gif) 100% 3px no-repeat;
		}
			#header ul#global_nav li#nine_rules a {
				background: url(../images/9rules_bg.gif) no-repeat;
				width: 122px; height: 19px;
			}
		#header ul#global_nav li#search {
			margin: 0; padding: 0 0 0 10px;
		}


/* Main Navigation
----------------------------------------------- */
ul#main_navigation {
	margin: 0; padding: 0;
	list-style-type: none;
	position: relative;
	z-index: 2;
	height: 20px;
}
	ul#main_navigation li {display: inline;}
		ul#main_navigation li a {
			position: absolute;
			background: url(../images/main_nav_bg.gif) no-repeat;
			height: 15px;
			display: block;
		}
		#page ul#main_navigation li.active a {
			height: 20px;
		}
		
		ul#main_navigation li#home_link a {
			background-position: 0 0;
			width: 57px;
			left: 0;
		}
		ul#main_navigation li#home_link a:hover,
		ul#main_navigation li#home_link.active a {background-position: 0 -20px;}

		ul#main_navigation li#about_link a {
			background-position: -57px 0;
			width: 70px;
			left: 57px;
		}
		ul#main_navigation li#about_link a:hover,
		ul#main_navigation li#about_link.active a {background-position: -57px -20px;}

		ul#main_navigation li#blog_link a {
			background-position: -127px 0;
			width: 60px;
			left: 127px;
		}
		ul#main_navigation li#blog_link a:hover,
		ul#main_navigation li#blog_link.active a {background-position: -127px -20px;}

		ul#main_navigation li#portfolio_link a {
			background-position: -187px 0;
			width: 62px;
			left: 187px;
		}
		ul#main_navigation li#portfolio_link a:hover,
		ul#main_navigation li#portfolio_link.active a {background-position: -187px -20px;}

		ul#main_navigation li#templates_link a {
			background-position: -248px 0;
			width: 97px;
			left: 248px;
		}
		ul#main_navigation li#templates_link a:hover,
		ul#main_navigation li#templates_link.active a {background-position: -248px -20px;}

		ul#main_navigation li#contact_link a {
			background-position: -345px 0;
			width: 80px;
			left: 345px;
		}
		ul#main_navigation li#contact_link a:hover,
		ul#main_navigation li#contact_link.active a {background-position: -345px -20px;}

		ul#main_navigation li#forum_link a {
			background-position: -425px 0;
			width: 66px;
			left: 425px;
		}
		ul#main_navigation li#forum_link a:hover,
		ul#main_navigation li#forum_link.active a {background-position: -425px -20px;}


/* Portfolio
----------------------------------------------- */
#portfolio {
	background: #f3efba url(../images/portfolio_bg.gif) bottom left no-repeat;
	padding: 20px 380px 20px 20px;
	position: relative;
	z-index: 1;
}
	#portfolio ul.portfolio_list {
		margin: 0; padding: 0;
		list-style-type: none;
	}
		#portfolio ul.portfolio_list li h2 {
			margin: 0; padding: 0;
			color: #6b4f2e;
			line-height: 1;
		}
		#portfolio ul.portfolio_list li p.role {
			margin: 0; padding: 0;
			font: 10px;
			line-height: 1;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			color: #cca066;
		}
		#portfolio ul.portfolio_list li p {color: #6b4f2e;}
	
		#portfolio ul.portfolio_list li .content {margin: 0; padding: 0; min-height: 220px;}
		* html #portfolio ul.portfolio_list li .content {height: 220px;}

	#portfolio ul.portfolio_navigation {
		margin: 0; padding: 0;
		height: 18px;
		float: left;
		list-style-type: none;
		background: url(../images/portfolio_nav_right_bg.gif) right no-repeat;
	}
		#portfolio ul.portfolio_navigation li {
			margin: 0; padding: 2px 0 0 0;
			height: 18px;
			font-size: 10px;
			float: left;
		}
			#portfolio ul.portfolio_navigation li a {text-decoration: none;}
			#portfolio ul.portfolio_navigation li#inactive a {color: #999;}

		#portfolio ul.portfolio_navigation li.previous {
			padding-left: 10px;
			background: url(../images/portfolio_nav_left_bg.gif) no-repeat;
		}
			#portfolio ul.portfolio_navigation li.previous a {
				margin: 0; padding: 0 0 0 10px;
				background: url(../images/portfolio_nav_arrow_prev_bg.gif) 0 2px no-repeat;
			}
			#portfolio ul.portfolio_navigation li#inactive.previous a {background-image: url(../images/portfolio_nav_arrow_prev_inactive_bg.gif);}

		#portfolio ul.portfolio_navigation li.next {
			padding-left: 17px;
			padding-right: 10px;
			background: url(../images/portfolio_nav_sep_bg.gif) 8px 6px no-repeat;
		}
			#portfolio ul.portfolio_navigation li.next a {
				margin: 0; padding: 0 10px 0 0;
				background: url(../images/portfolio_nav_arrow_next_bg.gif) 100% 2px no-repeat;
			}
			#portfolio ul.portfolio_navigation li#inactive.next a {background-image: url(../images/portfolio_nav_arrow_next_inactive_bg.gif);}

	#portfolio .screenshot {
		width: 431px; height: 361px;
		position: absolute;
		top: -20px; right: -45px;
	}
		#portfolio .screenshot a {
			display: block;
			width: 431px; height: 361px;
			text-indent: -9999px;
			overflow: hidden;
		}
		#portfolio .designsnips .screenshot {background: url(../images/screen_designsnips.png);}
		#portfolio .technuity .screenshot {background: url(../images/screen_technuity.png);}
		#portfolio .textplates-07 .screenshot {background: url(../images/screen_textplates.png);}
		#portfolio .co-sign .screenshot {background: url(../images/screen_cosign.png);}
		#portfolio .northern-light-vc .screenshot {background: url(../images/screen_nlvc.png);}
		#portfolio .game-insider .screenshot {background: url(../images/screen_gi.png);}


/* Features
----------------------------------------------- */
#features {
	margin: 0; padding: 0;
	border-top: 1px solid #fff;
	background: #a5be0e url(../images/features_bg.gif) bottom repeat-x;
	color: #fff;
}
	#features ul {
		margin: 0; padding: 0;
		list-style-type: none;
		height: 127px;
	}
		#features ul li {
			width: 192px; height: 87px;
			padding: 20px;
			float: left;
		}
			#features ul li.one {border-right: 1px solid #fff;}
			#features ul li.two {border-right: 1px solid #fff;}
			#features ul li.three {width: 193px;}
			#features ul li.over {background: url(../images/features_over_bg.gif) bottom repeat-x;}
			
			#features ul li h3 {
				margin: 0; padding: 0 0 8px 0;
				font-size: 12px;
				line-height: 1;
				font-weight: bold;
				text-transform: uppercase;
			}
			#features ul li p {
				margin: 0; padding: 0;
				line-height: 1.3;
				font-size: 10px;
			}
			#features ul li .content {}
				#features ul li .content img {
					margin: 0; padding: 0 10px 0 0;
					float: left;
				}
				#features ul li .content p {}
			
			#features ul li p.more {
				margin: 0; padding: 10px 0 0 0;
			}
				#features ul li p.more a {
					width: 86px; height: 18px;
					float: right;
					background: url(../images/feature_more_bg.gif) no-repeat;
				}


/* Bottom
----------------------------------------------- */
#bottom {
	position: relative;
	border-top: 1px solid #fff;
	color: #fff;
}
	#bottom p {}
	#bottom a {
		color: #fff;
		text-decoration: none;
	}
	#bottom a:hover {text-decoration: underline;}
	
	#bottom h2 {
		margin: 0; padding: 0;
		line-height: 0;
	}
	#bottom h3,
	#sidebar h3 {
		margin: 0; padding: 0;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		height: 13px;
	}
	
	#bottom ul.bottom_navigation {
		margin: 0; padding: 0;
		list-style-type: none;
		width: 40px;
		float: left;
		text-indent: -9999px;
	}
		#bottom ul.bottom_navigation li {
			margin: 0; padding: 0;
			line-height: 1;
			width: 40px; height: 80px;
		}
			#bottom ul.bottom_navigation li a {
				width: 40px; height: 80px;
				display: block;
				float: left;
				outline: none;
				background: url(../images/bottom_nav_bg.gif) no-repeat;
			}
			* html #bottom ul.bottom_navigation li a {float: none;}
			
			#bottom ul.bottom_navigation li#bot_blog_link a {background-position: 0 0;}
				#bottom ul.bottom_navigation li#bot_blog_link.active a,
				#bottom ul.bottom_navigation li#bot_blog_link a:hover {background-position: -40px 0;}
			#bottom ul.bottom_navigation li#bot_about_link a {background-position: 0 -80px;}
				#bottom ul.bottom_navigation li#bot_about_link.active a,
				#bottom ul.bottom_navigation li#bot_about_link a:hover {background-position: -40px -80px;}
			#bottom ul.bottom_navigation li#bot_my_stuff_link a {background-position: 0 -160px;}
				#bottom ul.bottom_navigation li#bot_my_stuff_link.active a,
				#bottom ul.bottom_navigation li#bot_my_stuff_link a:hover {background-position: -40px -160px;}
			#bottom ul.bottom_navigation li#bot_forum_link a {background-position: 0 -240px;}
				#bottom ul.bottom_navigation li#bot_forum_link.active a,
				#bottom ul.bottom_navigation li#bot_forum_link a:hover {background-position: -40px -240px;}
	
	#bottom .tab_content {
		width: 580px;
		padding: 35px 40px;
		float: right;
		background-color: #6b4f2e;
	}
	#bottom .hide {position: absolute; left: -99999px;}

	#bottom .tabify {
		margin: 0; padding: 0;
		list-style-type: none;
		width: 700px;
		background-color: #6b4f2e;
	}
		#bottom .tabify li {width: 100%; float: none;}
			#bottom .tabify li h2 {margin: 0; padding: 0;}
	
		#bottom ul.recent_posts {
			margin: 0; padding: 0;
			list-style-type: none;
		}
			#bottom ul.recent_posts li.latest {
				padding: 25px 20px 15px 20px;
				background-color: #563f25;
				border: 0;
			}
			#bottom ul.recent_posts li.latest:hover {background-color: #563f25;}
			#bottom .tab_content ul.recent_posts li.over {background-color: #4b3720;}
				#bottom ul.recent_posts li.latest h4 {font-size: 18px;}
					#bottom ul.recent_posts li.latest a img {border: 4px solid #fff;}
				
			#bottom ul.recent_posts li {
				margin: 0; padding: 17px 20px 2px 20px;
				border-bottom: 1px solid #563f25;
			}
			#bottom ul.recent_posts li:hover {
				background-color: #674c2c;
			}

				#bottom ul.recent_posts h4 {
					margin: 0; padding: 0;
					font-size: 14px;
					line-height: 1;
				}
				
			#bottom ul.recent_posts li ul.post_options {
				margin: 0; padding: 0 0 10px 0;
				list-style-type: none;
				color: #9f876b;
			}
				#bottom ul.recent_posts li ul.post_options li {
					margin: 0; padding: 0;
					border: 0;
					display: inline;
					font-size: 10px;
					text-transform: uppercase;
				}
				#bottom ul.recent_posts li ul.post_options li:hover {background-color: transparent;}
				#bottom ul.recent_posts li ul.post_options li.category {
					background: url(../images/post_options_sep_bg.gif) 95% 2px no-repeat;
					padding-right: 10px;
				}
					#bottom ul.recent_posts li ul.post_options li a {
						color: #9f876b;
					}
				
			#bottom ul.recent_posts li p.more {}
				#bottom ul.recent_posts li p.more a {
					width: 86px; height: 18px;
					float: right;
					background: url(../images/bottom_more_bg.gif) no-repeat;
				}
					
	#bottom .module {
		margin: 0 0 20px 0; padding: 0;
	}
		#bottom .module .content {
			background-color: #563f25;
			padding: 23px 20px 10px 20px;
		}
		#bottom .text .content {
			padding-top: 13px;
		}
	
	/* subscribe module */
	#bottom .subscribe {
		font-size: 10px;
	}
		#bottom .subscribe p.subscribe {
			margin: 0; padding: 0;
			text-indent: -9999px;
		}
			#bottom .subscribe p.subscribe a {
				display: block;
				overflow: hidden;
				width: 135px; height: 27px;
				background: url(../images/subscribe_button_bg.gif) no-repeat;
			}
	
	/* category module */
	#bottom .categories {}
		#bottom .categories .content {padding-top: 17px;}
		#bottom .categories ul {
			margin: 0; padding: 0;
			list-style-type: none;
		}
			#bottom .categories ul li {
				margin: 0; padding: 0 0 4px 0;
			}

	/* about module */
	#bottom .about {}
		#bottom .about img {border: 4px solid #fff}
		
	
	#bottom .blog .column {}
		#bottom .blog .one {
			margin: 0 10px 0 0; padding: 0;
			width: 385px;
			float: left;
		}
		#bottom .blog .two {
			width: 175px;
			float: right;
		}
	
	/* twitter module */
	#bottom .twitter {}
		#bottom .twitter p {
			line-height: 1.1;
		}
			#bottom .twitter p .twit {
				font-size: 13px;
			}
			#bottom .twitter p .time {
				margin: 0; padding: 2px 0 0 0;
				display: block;
				text-transform: uppercase;
				font-size: 10px;
				color: #9f876b;
			}

	
	/* links module */
	#bottom .links {}
		#bottom .links ul {
			margin: 0; padding: 0;
			list-style-type: none;
		}
			#bottom .links ul li {margin: 0; padding: 0 0 9px 0;}
				#bottom .links ul li a {
					color: #ffffff;
					text-decoration: underline;
				}
					#bottom .links ul li strong {font-size: 12px;}
	
	/* flickr module */
	#bottom .flickr {}
		#bottom .flickr .flickr_badge_image img {
			width: 60px; height: 60px;
			display: block;
			border: 0;
			float: left;
		}
			#bottom .flickr .flickr_badge_image a {
				width: 60px; height: 60px;
				display: block;
				float: left;
				border:	1px solid #6b4f2e;
				margin: 0 7px 10px 7px;
			}
			#bottom .flickr .flickr_badge_image a:hover {border-color: #a08565}
	
	/* forum module */
	#bottom .forum {}
		#bottom .forum ul {
			margin: 0; padding: 0 0 0 12px;
		}
			#bottom .forum ul li {
				margin: 0; padding: 0 0 4px 0;
				line-height: 1.2;
			}
		#bottom .forum .forum_link {
			margin: 15px 0 0 0; padding: 0;
			width: 272px; height: 86px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/forum_banner.gif) no-repeat;
		}
	
	/* forum blog module */
	#bottom .forum_blog {}
		#bottom .forum_blog p.info {
			margin: 0 0 10px 0; padding: 0 10px;
			line-height: 1.2;
			font-style: italic;
		}
		#bottom .forum_blog ul.forum_blog_list {margin: 0; padding: 0 0 4px 0;}
			#bottom .forum_blog ul.forum_blog_list li {
				margin: 0; padding: 15px 0 12px 0;
				list-style-type: none;
				border-top: 1px solid #6b4f2e;
			}
				#bottom .forum_blog ul.forum_blog_list li h4 {
					margin: 0; padding: 0 0 3px 0;
					font-size: 13px;
				}
				#bottom .forum_blog ul.forum_blog_list li p {margin: 0; padding: 0;}
					#bottom .forum_blog ul.forum_blog_list li p a {text-decoration: underline;}
					#bottom .forum_blog ul.forum_blog_list li p a:hover {text-decoration: none;}


	#bottom .about .column,
	#bottom .my_stuff .column,
	#bottom .forum .column {
		width: 270px;
		float: left;
	}
		#bottom .about .one,
		#bottom .my_stuff .one,
		#bottom .forum .one {
			margin: 0 40px 0 0; padding: 0;
		}
		#bottom .about .two,
		#bottom .my_stuff .two,
		#bottom .forum .two {}
		

/* Banner
----------------------------------------------- */
#banner {
	background-color: #f3efba;
	padding: 8px;
}
	#banner img {display: block; border: 0;}

	#banner ul.category_list {
		margin: 0; padding: 0 15px 10px 15px;
		list-style-type: none;
	}
		#banner ul.category_list li {
			margin: 0; padding: 1px 0;
			float: left;
		}
			#banner ul.category_list li a {
				width: 130px;
				float: left;
				padding: 3px 8px;
				text-decoration: none;
			}
			#banner ul.category_list li a:hover,
			#banner ul.category_list li a.active {
				background-color: #fbf9e7;
			}
			#banner ul.category_list li.archive_link a:hover {
				background: none;
				text-decoration: underline;
			}
	

/* Main Column
----------------------------------------------- */
#main_column {}
	#main_column .title {}
		#main_column .title h2,
		#main_column h2.title {
			margin: 0; padding: 0;
			line-height: 1;
		}
		#main_column .title p.tagline {
			margin: 0; padding: 0;
			font-size: 10px;
			text-transform: uppercase;
			color: #cbbfab;
		}
		
	#main_column .post {
		margin: 0; padding: 0 0 30px 0;
	}
	
	#main_column ul.meta {
		margin: 0; padding: 0 0 2px 0;
		border-bottom: 1px dotted #ddd;
		list-style-type: none;
		font-size: 10px;
		text-transform: uppercase;
	}
		#main_column ul.meta li {
			margin: 0; padding: 4px 15px 0 15px;
			display: inline;
			color: #ccc;
			background-repeat: no-repeat;
			background-position: 0 2px;
		}
			#main_column ul.meta li.category {background-image: url(../images/category_icon.gif);}
			#main_column ul.meta li.comment {background: url(../images/comment_icon.gif) 0 3px no-repeat;}

			#main_column ul.meta li a {
				text-decoration: none;
				color: #999;
			}
			#main_column ul.meta li a:hover {color: #666;}


/* Comments
----------------------------------------------- */
ol.comments {
	margin: 0; padding: 5px 0;
	list-style-type: none;
}
	ol.comments li {
		margin-bottom: 10px;
		border: 1px solid #f2e8dc;
	}
	ol.comments li:hover {
		border: 1px solid #d4caba;
	}
		ol.comments .content {
			padding: 8px 10px;
		}
			ol.comments p.author {
				margin: 0; padding: 0;
				font-weight: bold;
			}
			ol.comments p.meta {
				margin: 0; padding: 0;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 10px;
			}
				ol.comments p.meta a {
					color: #666;
					text-decoration: none;
				}
				ol.comments p.meta a:hover {
					color: #333;
				}
			ol.comments p.body {}
				ol.comments p.body a {text-decoration: underline;}
				ol.comments p.body a:hover {text-decoration: none;}
			
	ol.comments .owner {
		background-color: #fbf7f1;
		padding: 8px 0;
	}

	p.warning {
		background: #f6e8e8 url(../images/warning.gif) 15px 10px no-repeat;
		border: 1px solid #c06060;
		margin: 10px 0;
		padding: 5px 10px 5px 40px;
		font-size: 10px;
	}



/* Sidebar
----------------------------------------------- */
#sidebar {}
	#sidebar .module {
		margin: 0 0 20px 0; padding: 0;
	}
	
	/* subscribe module */
	#sidebar .subscribe {
		padding: 15px 20px 0 20px;
		background: #a5be0e url(../images/side_subscribe_bg.gif) bottom right no-repeat;
		color: #fff;
		font-size: 10px;
	}
		#sidebar .subscribe p {
			margin: 0; padding: 5px 0;
		}
	
	#sidebar ul {
		margin: 0; padding: 5px 0 0 15px;
		list-style-type: none;
	}
		#sidebar ul li {
			margin: 0; padding: 0 0 3px 10px;
			line-height: 1.2;
			background: url(../images/side_bullet_bg.gif) 0 5px no-repeat;
		}
			#sidebar ul li a {text-decoration: none;}
			#sidebar ul li a:hover {text-decoration: underline;}


/* Headlines
----------------------------------------------- */
h1 {
	width: 217px; height: 41px;
	background-image: url(../images/h1_logo_bg.gif);
}
	h1 a {width: 217px; height: 41px;}

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

#main_column h2 {font-size: 24px;}
	#main_column h2 a {text-decoration: none;}
#main_column h3 {font-size: 15px;}
#main_column h4 {font-size: 13px;}

#sidebar .subscribe h3 {background-image: url(../images/h3_subscribe.gif); height: 28px;}

#banner h3 {
	margin: 0; padding: 9px 15px 4px 15px;
	font-size: 13px;
}

.replace {
	margin: 0; padding: 0;
	text-indent: -9999px;
	font-size: 1px; line-height: 0;
	background-repeat: no-repeat;
}
	.replace a {
		display: block;
		overflow: hidden;
	}


/* Lists
----------------------------------------------- */
ul {}
ol {}
	li {}

ul.content_list,
ol.content_list {
	margin: 0; padding: 0;
	list-style-type: none;
}


/* Footer
----------------------------------------------- */
#footer {}
	#footer p {
		color: #999;
		font-size: 10px;
		text-align: right;
	}


/* Forms
----------------------------------------------- */
form {
	margin: 0; padding: 0;
}
	fieldset {
		margin: 0; padding: 0;
		border: 0;
	}
	fieldset legend {display: none;}
	
	fieldset.input {}
		fieldset.input input,
		fieldset.input textarea {
			margin: 0 0 13px 0; padding: 4px 2px;
			width: 90%;
			border: 4px solid #755837;
			background: url(../images/input_bg.gif) no-repeat;
			font: 11px/1.5 "Trebuchet MS", Arial, Verdana, sans-serif;
		}

	fieldset.input label {
		margin: 0; padding: 0;
		font-size: 11px;
		display: block;
		width: 100%;
	}

	fieldset.input .checkbox input {width: auto; float: left; margin-right: 5px;}
	fieldset.input .checkbox label {width: auto; float: left;}

	fieldset.submit {
		margin: 0; padding: 0 0 10px 0;
	}
		fieldset.submit input {}

	ul.zemError {
		margin: 0 0 10px 0; padding: 10px;
		list-style-type: none;
		background-color: #6b4f2e;
		border: 1px solid #8a6840;
	}

#txpCommentInputForm {
	margin: 15px 0; padding: 0;
	width: 70%;
}
	#txpCommentInputForm fieldset.input input,
	#txpCommentInputForm fieldset.input textarea {
		border: 1px solid #555;
	}

/* global search */
ul#global_nav li#search form {}
	ul#global_nav li#search form input {
		font-size: 11px;
		float: left;
	}
	ul#global_nav li#search form input.inp_search {
		margin: 0; padding: 2px 3px;
		width: 117px;
	}


/* Templates
----------------------------------------------- */
#templates_list ul {
	padding: 10px 0 0 0;
	margin: 0
}
	#templates_list ul li {
		width: 100px;
		border:solid #999;
		border-width: 0 1px 1px 0;
		padding: 10px;
		text-align: center;
		position: relative;
		float: left;
		display: inline;
		margin: 7px 3px;
		background: #F7F7F7
	}
	#templates_list ul li:hover {
		background-image: none;
	}
		#templates_list ul li a, #templates_list ul li a:hover {
			background: none;
			margin: 0; padding: 0;
			border: 0;
			text-decoration: none;
		}
		#templates_list ul li a.templink {color: #444}
		#templates_list ul li a:hover.templink {color: #000}

		#templates_list ul li a span {/*\*/position: absolute; left: -9999px}

		#templates_list ul li a:hover span {
			top: 10px; left: 10px;
			width: 101px;
			font-weight: bold;
			background: #fff;
			color: #777;
			padding: 5px 0 5px 0;
			text-transform: uppercase;
			font-size: 11px;
			border: 1px solid #EEE;
			border-width: 0 0 10px 0;
		}

		#templates_list ul li img{
			border: 1px solid #ddd;
			margin:0; padding:0
		}



/* Miscellaneous
----------------------------------------------- */
p.more {
	margin: 0; padding: 0;
	text-indent: -9999px;
}
	p.more a {
		display: block;
		overflow: hidden;
	}


/* sIFR
----------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}