/* Start of CMSMS style sheet 'main.css' */
/* Start of CMSMS style sheet 'main.css' */
/*##### Begin:  TAG SELECTORS #####*/

/*{margin: 0; padding: 0; border: none;}*/

html, body
{
	font: 100%/1.6 Arial, Verdana, Helvetica, sans-serif;	
	background: #CCC;
}

a
{
	color: #4D7080;
}

a img
{
border: none;
}

h1
{
	font-size: 20px;
	margin: 0 0 10px 0;
}

h2
{
	font-size: 14px;
	margin: 0 0 10px 0;
}

h3
{
	font-size: 12px;
	margin: 0 0 10px 0;
}

h4
{
	font-size: 11px;
	margin: 0 0 10px 0;
}

h5, h6
{
	font-size: 10px;
	margin: 0 0 10px 0;
}


/*##### End:  TAG SELECTORS #####*/

/*##### Begin:  ID SELECTORS #####*/

div#wrapper
{
	width: 913px;
	border: 1px solid #000;
	background: #FFF url(/uploads/assets/css/template-images/logo.png) no-repeat 16px 6px;
	margin: 15px auto;
	padding: 0 16px;
	position: relative;
	font-size: 12px;
}
	div#pattern-left
	{
		background: url(/uploads/assets/css/template-images/pattern-green.png) repeat-y;
		width: 15px;
		position: absolute;
		top: 176px;
		left: 0;
	}

	div#center-stage
	{
		border-top: 1px solid #000;
		margin-top: 78px;
		width: 917px;		
	}

	div#main
	{
		width: 600px;
	}

		div#nav
		{
			background: url(/uploads/assets/css/template-images/glass-silver.png) repeat-x;
			height: 27px;
			font-size: 12px;
			width: 585px;			
			margin-top: 28px;
		}
			
			div#nav ul
			{
				padding: 0;
				margin: 0;
			}
			
			div#nav li
			{
				display: inline;				
			}					
			
				div#nav li a
				{
					display: block;	
					text-decoration: none;
					float: left;
					color: #000;
					height: 27px;
					padding: 0 9px;					
					border-left: 1px solid #B5B6B5;
					border-right: 1px solid #D1D3D1;
					line-height: 27px;
					
				}
				
					div#nav li a.last
					{
						border-right: 1px solid #B5B6B5;
					}
			
				div#nav li a:hover, div#nav li a:active
				{
					background: url(/uploads/assets/css/template-images/glass-blue-violet.png) repeat-x;
					border-left: 1px solid #7185AA;
					border-right: 1px solid #7185AA;
					color: #FFF;
				}

		div#bread-crumbs
		{			
			position: relative;
			top: 10px;
			font-size: 11px;
		}

		div#main-content
		{
			padding: 0 7px;
			margin-top: 15px;
		}
		
			div#main-content div.comment
			{
				background: url(/uploads/assets/css/template-images/blog-balloon.png) no-repeat;
				padding-left: 43px;
				margin: 20px 0 5px 25px;
			}

	div#panel
	{
		width: 283px;
		border: 1px solid #000;
		background: #FFF url(/uploads/assets/css/template-images/pattern-silver.png) repeat-y 279px 0;
		margin-left: 17px;
		position: absolute;
		top: 34px;
		right: 28px;
	}

		div#search
		{
			width: 283px;
			height: 78px;
			background: url(/uploads/assets/css/template-images/search-background-field.png) no-repeat;
			position: relative;
		}
			div#search h2
			{
				color: white;
				position: absolute;
				left: 10px;
				top: 5px;		
				margin: 0;
				font-weight: normal;
				font-size: 18px;
			}
			
			div#search span#search-input input
			{
				position: absolute;
				top: 40px;
				left: 15px;
				width: 180px;
				height: 18px;
				border: 0;				
			}
			
			div#search input#search-submit
			{
				position: absolute;
				background: url(/uploads/assets/css/template-images/glass-silver.png);
				top: 37px;
				right: 25px;
				font-weight: bold;
				width: 48px;
				border: 1px solid #000;
				height: 25px;
			}
			
			div#search input#search-submit:hover, div#search input#search-submit:active
			{				
				background: url(/uploads/assets/css/template-images/glass-blue-violet.png);
				color: #FFF;
				cursor: pointer;
			}

		div#panel-content
		{
			padding: 12px;
		}
		
			div#panel-content div.profile img
			{
				float: left;
				margin:0 3px 3px 0;
                                border: 1px solid #000;
			}
		
		div#panel div.panel-red
		{
			height: 44px;
			width: 279px;
			border-top: 1px solid #000;
			background: url(/uploads/assets/css/template-images/panel-red.png) repeat-x;
		}
		
		div#panel div.panel-brown
		{
			height: 44px;
			width: 279px;
			border-top: 1px solid #000;
			background: url(/uploads/assets/css/template-images/panel-brown.png) repeat-x;
		}

	div#footer
	{
		height: 27px;
		margin-left: 7px;
		width: 910px;
		border-top: 1px solid #000;
	}
		div#footer p#footer-copyright
		{
			line-height: 27px;
			margin: 0 0 0 160px;
		}


/*##### End:  ID SELECTORS #####*/

/*##### Begin: Alsett Clear #####*/
.clear:after {/*The peroid is the last thing before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the period is not visible*/
	}
.clear {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clear {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clear {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}
/*##### End: Alsett Clear #####*/

/* End of 'main.css' */


/* End of 'main.css' */

