@charset "UTF-8";
/* CSS Document */

a {
	color : #0072bc;
	text-decoration : none;
}

a:hover, a:focus, a:active {
  color : #000;
  text-decoration : none;
}

a:focus, a:active {
  color : #fff;
  background-color : #000033;
}

		body {
			margin: 		0;
			padding:		0;
			font-family: 	Verdana, Helvetica, sans-serif;
			font-size: 		66%;
			background-image: url(images/headerbg.png);
			background-repeat: repeat-x;
		}

		#container {
			position:		relative;
			width:			960px;
			margin:			auto;
		}
		
		#header {
			float:			left;
			width:			400px;
			height:			35px;
			margin-top:		22px;
		}
		
		#footer {
			margin-top:		70px;
			width:			960px;
			height:			30px;
			text-align: center;
			color: #999;
		}
		
		#navigation {
			float:			right;
			margin-top:		14px;
			width:			360px;
			height:			45px;
		}
		
		#navigation ul {
			margin:			0;
			padding:		0;
			padding-left:	0px;
			padding-right:	0px;
		}
		
		#navigation ul li {
			list-style:		none;
			float:			left;
			margin-left:	0px;
		}
		
		#navigation ul li.current {
			list-style:		none;
			float:			left;
			margin-left:	0px;
		}
		
		#navigation ul li a {
			color : 		#7b7b7b;
			display:		inline;
			height:			45px;
			line-height:	45px;
			outline:		none;
			padding-left:	18px;
			padding-right:	18px;
			background-color: transparent;
		}
		
		#navigation ul li a:hover {
			color : 		#333333;
			display:		block;
			_display:		inline;
			height:			45px;
			line-height:	45px;
			background:		transparent url(images/navpointer_hover.png) no-repeat center top;
			_background:	none
		}
		
		#navigation ul li.current a {
			color : 		#0072bc;
			display:		block;
			_display:		inline;
			height:			45px;
			line-height:	45px;
			background:		transparent url(images/navpointer.png) no-repeat center top;
			_background:	none
		}
		
		#splash {
			float:			left;
			width:			960px;
			height:			330px;
			background: 	transparent url(images/splash.png) no-repeat top left;
		}
		
		#innersplash {
			float:			left;
			width:			960px;
			height:			330px;
		}
		
		#foliosplash {
			float:			left;
			width:			960px;
			height:			100px;
		}
		
		#articlesplash {
			float:			left;
			width:			960px;
			height:			100px;
		}
		
		#divider {
			float:			left;
			width:			960px;
			height:			133px;
			background: 	transparent url(images/divider.png) no-repeat top left;
		}
		
		#sampleworkspanel {
			float:			left;
			margin-top:		80px;
			width:			702px;
			height:			330px;
			background: 	transparent url(images/sampleworkspanel.png) no-repeat top left;
		}
		
		#workbox {
			float:			left;
			margin-top:		45px;
			margin-left:	25px;
			width:			200px;
			background-color: #d3d3d3;
		}
		
		#workbox2 {
			float:			left;
			margin-bottom:	45px;
			margin-left:	20px;
			width:			200px;
			background-color: #d3d3d3;
		}
		
		#workbox3 {
			float:			left;
			margin-top:		45px;
			margin-left:	12px;
			width:			200px;
			background-color: #d3d3d3;
		}
		
		#worktitle {
			float:			left;
			width:			190px;
			background-color: #d3d3d3;
			padding: 		5px;
		}
		
		#recentworkpanel {
			float:left;
			margin-top:		80px;
			margin-left:	30px;
			width:			224px;
			height:			230px;
			background: 	transparent url(images/recentworkpanel.png) no-repeat top left;
		}
		
		#contentpanel {
			float:			left;
			margin-top:		110px;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#articlepanel {
			float:			left;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#updatescontent {
			float:			left;
			width:			740px;
		}
		
		#updatespanel {
			float:			left;
			width:			740px;
		}
		
		#date {
			float:			left;
			width:			120px;
			
		}
		
		#datebox {
	width:			80px;
	padding: 5px;
	text-align: center;
	height: 80px;
	margin:			auto;
		}
		
		#day {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 38px;
	color: #CCC;
		}
		
		#monthyear {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
		}
		
		#content {
			float:			left;
			width:			540px;
			padding: 		10px;
		}
		
		#sidepanel {
			float:			left;
			width:			220px;
		}
		
		#tribox {
			float:			left;
			margin-top:		25px;
			margin-left:	15px;
			width:			700px;
		}

		#quadbox {
			float:			left;
			margin-top:		25px;
			margin-left:	15px;
			width:			222px;
			background:		url(images/quadboxbg.png) no-repeat center top;
		}
		
		#quadtitle {
			float:			left;
			margin-top:		20px;
			width:			222px;
		}
		
		#quadcontent {
			float:			left;
			width:			222px;
		}
		
		#portfoliopanel {
			float:			left;
			margin-top:		200px;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#portfoliocontentpanel {
			float:			left;
			margin-bottom:	60px;
			width:			960px;
			background: 	transparent url(images/updatesshadow.png) no-repeat top right;
		}
		
		#workspanel {
			float:			left;
			width:			740px;
		}
		
		.author {
			float:			left;
			width:			140px;
		}
		
		.comment {
			float:			left;
			width:			400px;
		}
		
/* ----------- My Form ----------- */
.contactbox {

	margin: 		auto;
	width:			700px;
}		

/* ----------- stylized ----------- */
#stylized{
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:480px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:480px;
height:100px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#ffffff url(images/button.png) no-repeat;
border:solid 0px #ffffff;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.commentbox {

	margin: 		auto;
	width:			500px;
}

#stylizedcmt{
}
#stylizedcmt h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylizedcmt p{
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}
#stylizedcmt label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylizedcmt .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylizedcmt input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:280px;
margin:2px 0 20px 10px;
}
#stylizedcmt textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #0072bc;
width:280px;
height:100px;
margin:2px 0 20px 10px;
}
#stylizedcmt button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#ffffff url(http://www.entropicity.com/images/button.png) no-repeat;
border:solid 0px #ffffff;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* add display:inline to floated elements */
* html #header,
* html #navigation,
* html #splash,
* html #innersplash,
* html #divider,
* html #sampleworkspanel,
* html #workbox,
* html #workbox2,
* html #workbox3,
* html #worktitle,
* html #recentworkpanel,
* html #contentpanel,
* html #articlepanel,
* html #date,
* html #content,
* html #sidepanel,
* html #tribox,
* html #quadbox,
* html #quadtitle,
* html #quadcontent,
* html #portfoliopanel,
* html #portfoliocontentpanel,
* html .author,
* html .comment,
* html #stylized input,
* html #stylized textarea,
* html #stylizedcmt input,
* html #stylizedcmt textarea,
* html #navigation ul li, * html #navigation ul li.current,
* html #foliosplash, * html #articlesplash,
* html #updatescontent, * html #updatespanel, * html #workspanel,
* html #stylized label, * html #stylizedcmt label {display:inline;}

/* add zoom:1 to pos:relative elements */
* html #container {zoom:1;}