body
{
	font-family: helvetica,arial;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: .85em;
	line-height: 1.3em;
	color: #444;
}

a{
	color:#7C83FF;
}

a:hover{
	color:red;
}

.left{
	float:left;
}

img.left{
	margin-right:15px;
	margin-bottom:10px;
}

.right{
	float:right;
}

img.right{
	margin-left:15px;
	margin-bottom:10px;
}

.center{
	text-align:center;
}

.center *{
	margin:auto;
}

.clear-left, .clear_left{
	clear:left;
}

.clear-right, .clear_right{
	clear:right;
}

.clear{
	clear:both;
}

div#template{
	margin:0 auto;
	padding:0;
	background-image:url(images/title.png);
	background-repeat:no-repeat;
	width:916px;
	text-align: justify;
}

h3{
	margin:0;
	margin-left:30px;
	margin-top:15px;
	padding:0;
	float:left;
}

	h3 a{
		display:block;
		float:left;
		width:420px;
		height:80px;
		margin:0;
		padding:0;
		overflow:hidden;
		text-indent:-9999em;
	}
	
h4{
	margin:0;
	margin-left:30px;
	padding:0;
	float:left;
	clear:left;
	width:420px;
	height:20px;
	overflow:hidden;
	text-indent:-9999em;
}

ul.template_navigation
{
	float: right;
	clear:right;
	margin: 0;
	margin-top:83px;
	/*margin-bottom:12px;*/
	padding: 0;
	list-style: none;
}

body ul.nav_under_line{
	margin-top:0;
	clear:right;
}

	ul.template_navigation li{
		display:inline;
	}


		ul.template_navigation li a{
			display:block;
			float:left;
			width:80px;
			height:15px;
			font-size:9pt;
			overflow:hidden;
			text-indent:-9999em;
		}
		
		body.about ul.template_navigation li.navigation_about a{
			background-image:url(images/nav_about_d.png);
		}
		
		ul.template_navigation li.navigation_about a:hover{
			background-image:url(images/nav_about_o.png);
		}
		
		body.contact ul.template_navigation li.navigation_contact a{
			background-image:url(images/nav_contact_d.png);
		}
		
		ul.template_navigation li.navigation_contact a:hover{
			background-image:url(images/nav_contact_o.png);
		}
		
		ul.template_navigation li.navigation_portfolio a{
			width:90px;
		}
		
		body.portfolio ul.template_navigation li.navigation_portfolio a{
			background-image:url(images/nav_portfolio_d.png);
		}
		
		ul.template_navigation li.navigation_portfolio a:hover{
			background-image:url(images/nav_portfolio_o.png);
		}
		
		body.technique ul.template_navigation li.navigation_technique a{
			background-image:url(images/nav_technique_d.png);
		}
		
		ul.template_navigation li.navigation_technique a:hover{
			background-image:url(images/nav_technique_o.png);
		}
		
		body.opinion ul.template_navigation li.navigation_opinion a{
			background-image:url(images/nav_opinion_d.png);
		}
		
		ul.template_navigation li.navigation_opinion a:hover{
			background-image:url(images/nav_opinion_o.png);
		}
		
/* MAIN CONTENT AREA */

div#template_main_content{
	clear:both;
	margin:0;
	padding:0;
	padding-top:46px;
}

	
	/* ARTICLE TEMPLATE STUFF */
	
	div.template_article{
		background-image:url(images/article_repeat.png);
		width:610px;
		float:left;
		clear:left;
		margin:0;
		padding:20px;
	}
	
	html>body div.template_article{
		width:570px;
	}

	div.template_article div.template_article_title{
		height:1.2em;
		background-image:url(images/article_top.png);
		background-repeat:no-repeat;
		height:35px;
		margin:-20px;
		margin-bottom:0;
		padding:20px;
		padding-bottom:0;
	}
	
		div.template_article_title object{
			width:570px;
			height:45px;
			margin:-5px;
		}
	
		div.template_article div.template_article_title h1{
			font-size:1.2em;
			float:left;
			width:475px;
			margin:0;
			padding:0;
		}
		
		div.template_article div.template_article_title p{
			float:right;
			text-align:right;
			margin:0;
			padding:0;
			padding-top:.4em;
			color:#777;
			font-size:.8em;
		}
		
		div.template_article div.template_article_title hr{
			border:none;
			height:1px;
			border-bottom:1px solid #7C83FF;
			clear:both;
			width:100%;
		}
	
	div.template_article p{
		margin:1em 0 0 0;
		padding:0;
		position:relative;
		height:1px;
	}
	
	html>body div.template_article p{
		height:auto;
	}
	
	div.template_article h2, div.template_article h3{
		font-size:1.05em;
		margin:0;
		padding:1em 0 .25em 0;
		border-bottom:1px solid #7C83FF;
	}
	
	div.template_article h3{
		float:none;
		clear:left;
	}
	
	div.template_article p.article_foot	
	{
		clear: both;
		margin: -20px;
		margin-top:10px;
		text-align: left;
		padding: 20px;
		padding-top:10px;
		background-image: url(images/article_bottom.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		font-size: .9em;
		border:none;
		position: inherit;
		color:#999;
	}
	
	html>body div.template_article p.article_foot{
		padding-top:20px;
	}
	
	div.template_article div.p_sidebar, div.template_article div.sidebar{
		float:right;
		width:250px;
		margin:10px;
		margin-right:0;
		padding:2px 10px;
		border:1px solid #7C83FF;
		background-color:#F1F1F6;
	}
	
	div.template_article div.wide{
		float:none;
		width:auto;
	}
	
	/* SIDEBAR STUFF */
	
div#template_sidebar{
	float:right;
	width:306px;
	margin:0;
	padding:15px 25px 15px 15px;
	background-image:url(images/sidebar_repeat.png);
	background-repeat:repeat-y;
}

html>body div#template_sidebar{
	width:266px;
}
	
	div#template_sidebar img.sidebar_image{
		border:1px solid #7C83FF;
		padding:2px;
		margin:2px;
		background:#ccc;
	}

	div#template_sidebar a:hover img.sidebar_image{
		border:1px solid #ccc;
		background:#7C83FF;
	}

	div#template_sidebar h1{
		font-size:1.05em;
		margin:0;
		padding:0;
	}

	div#template_sidebar object.sidebar_flash{
		width:270px;
		height:45px;
		margin:0;
		padding:0;
	}

	div#template_sidebar div.sidebar_recent{
		background-image:url(images/sidebar_top.png);
		background-repeat:no-repeat;
		margin:-15px;
		margin-right:-25px;
		padding:15px;
		padding-right:25px;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	div#template_sidebar hr{
		border:none;
		height:1px;
		border-bottom:1px solid #7C83FF;
		clear:both;
		width:100%;
		margin:0;
		padding:0;
	}
	
	div#template_sidebar p.sidebar_foot	
	{
		margin: -15px;
		margin-right:-25px;
		margin-top:0;
		text-align: right;
		padding: 20px;
		padding-right:30px;
		background-image: url(images/sidebar_bottom.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		font-size:.9em;
	}

	div#template_sidebar p.foot	
	{
		text-align:right;
		font-size:.9em;
	}

	div#template_sidebar ul	
	{
		margin: 0;
		margin-left: 10px;
		padding: 0;
		list-style: none;
	}
	
		div#template_sidebar ul li{
			margin:0;
			padding:3px 3px;
			text-align:left;
		}

		div#template_sidebar ul li.selected		
		{
			background: #eee;
			margin-left: -10px;
			padding-left: 15px;
			background-image:url(images/article_bullet.png);
			background-repeat:no-repeat;
			background-position:4px 7px;
		}

		div#template_sidebar ul li.selected	a
		{
			color: black;
			text-decoration: none;
			cursor:default;
		}

	div#template_sidebar h2{
		font-size:1.05em;
		margin:0;
		padding:.75em 0 .25em 0;
	}
	
	div#template_sidebar h3{
		float:none;
	}


/* POST CODE */

	div.template_article img.portfolio_image, img.bordered, img.gallery_image{
		border:1px solid #7C83FF;
		padding:2px;
		background:#ccc;
	}

	img.gallery_image{
		margin:.5em;
		float:left;
	}

	div.template_article img.portfolio_image{
		float:right;	
		margin:1em;
	}

	div.template_article a:hover img.portfolio_image, a:hover img.bordered, a:hover img.gallery_image{
		border:1px solid #ccc;
		background:#7C83FF;
	}

	

	div.template_category_description{
		padding:15px;
		width:570px;
	}

pre, code{
	font-size:1.1em;
	margin:10px;
	padding:10px;
	border:1px solid #7C83FF;
	background-color:#F1F1F6;
}

.note{
	border:1px solid #3e60d6;
	background-color: #F9F1C9;
	background-image: url(images/warning.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	clear:both;
	margin:5px;
	padding:10px 10px 10px 60px;
	text-align:left;
}