/*
Theme Name: Brines Decorating
Theme URI: www.brinesdecorating.com
Description: 2008 Design for Brines Decorating
Author: Point Click Media Productions
Author URI: http://www.pointclickmediaproductions.ca
Version: Alpha build 0.1a
*/

/* -- This filters out different older broswsrs and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 62.5%; text-align:center; color:#000000;}
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	/* a:link,a:visited 	{text-decoration:underline;} */
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0 0 0px 0px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	 p 					{margin:0 0 15px;} 
	h1 					{font-size:large; margin:0px;}
	h2 					{font-size:medium; margin:0;}
	h3 					{font-size:small; margin:0;}
	h4 					{font-size:x-small; margin:0;}
	h5					{font-size:xx-small; margin:0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}

/*------- Basic Layout & Backgrounds ------------*/
	body { /* Set the main background to start the wine pattern */
		background: url(images/bkgrnd_tile.jpg) repeat top left;
	}
	#wrap_viewport { 
		background: url(images/bkgrnd_top.jpg) repeat-x top left;
		width:100%;
	}
	#wrap_pg { /* Sets the width of the page centers it on the page and aligns the content to the left so the Logo sits correctly */
		width:956px;
		margin: 0 auto;
		text-align:left;
		/* border: 1px solid #00FF66; */
	}
	
	p, .content_column {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:19px;
		color:#CCCCCC;
	}
	ul, ol {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:19px;
		color:#CCCCCC;
	}
	a {
		font-size:12px;
		font-weight:bold;
		color:#b7b7b7;
		margin: 0px 3px 0px 3px;
		text-decoration:underline;
	}
	a:hover {
		color:#FFF;
		text-decoration:none;
	}
	.a_cap{
		color:#687583;
		font-weight:normal;
		font-size:19px;
	}
	.linkimg {
		margin:0px;
	}
	
	/* ===== Header ===== */
	#header {
		padding-top:23px;
		margin-left: 10px;
		position:relative; /* set to allow positioning of the menu */
	}
	#main_logo{
		/* float:left; */
	}
	#servicebilingue {
		color:#AAAAAA;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:right;
		width:250px;
	}
	.maphide{
		display:none;
	}
	#gmaps a{
		color:#FFFFFF;
	}
	
	
	/* ================================== */
		
	/* ===== Main Menu ===== */	
	#men_main {
		float:right;
		position:absolute;
		top:111px;
		right:10px;
	}
	#men_main li {
		display:inline;
		list-style:none;
		font-variant:small-caps;
		margin: 0px 5px 0px 5px;
	}
	#men_main a{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#bbbbbb;
		text-decoration:none;
	}
	#men_main  a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}

	/* ================================== */
	
	
	/* ===== Main Body ===== */
	.page_seperator{
		margin: 3px 0px 8px 0px;
	}
	/* ================================== */


	/* ===== Main Content Area ===== */

		.title_column {
			width:188px;
			padding: 0px 5px;
		}	
		.title_column h3 {
			text-align:right;
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:lighter;
			color:#a6a6a6;
		}

		.title_column h3 .title_med{
			display:block;
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-size:17px;
			font-weight:normal;		
			color:#ffffff;	
		}
		
		.content_column{
			padding:0px 5px 0px 8px;
		}
		.content_column ul, .content_column ol {
			margin: 0px 0px 0px 10px;
		}
		.content_column img {
			margin:5px 10px;
		}
		.alignright {
			float:right;
			margin:0 0px 5px 5px;
		}
		.alignleft {
			float:left;
			margin:0 5px 5px 0px;			
		}

	/* ================================== */

	
	/* ===== Footer ===== */
	#footsep{
		background:url(images/foot_sep_mid.jpg) repeat-x;
		height:26px;
		width:100%;
		margin:10px 0px 0px 0px;
	}
	#footer{
		background:url(images/foot_bkgrnd.jpg) repeat-x left top;
		padding:10px 0px 0px 0px;
		width:100%;
		height:86px;
	}
	#wrap_foot { /* Sets the width of the page centers it on the page and aligns the content to the left so the Logo sits correctly */
		width:956px;
		margin: 0 auto;
		text-align:left;
		/* border: 1px solid #00FF66; */
	}
	#foot_men{
		float:left;
		color:#a6a6a6;
	}
	#foot_men ul {
		padding: 8px 0px;
	}
	#foot_men li{
		display:inline;
		list-style:none;
	}
	#foot_men li a{
		font-size:9px;
	}
	#foot_men li #adminlogin{
	 color:#555;
	}
	#foot_men p{
		margin:5px 0px;
		color:#c2c2c2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	#badge {
		float:right;
		margin:8px 10px 20px 0px;
		/* border: #00FF99 solid 1px; */
	}
	/* ================================== */
		
/*------- Page Specific styles ------------*/	

	/* ===== Home Page ===== */	
	
	.page_intro{
		background:url(images/centerimage.jpg) no-repeat top left;
		margin-left:10px;
		width:905px;
		/* height:333px; */
		height:306px;
		padding:28px 0px 0px 32px;
	}
	.page_intro h1, .page_intro h3.titlelarger{
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:lighter;
		color:#a6a6a6;
		/* padding:30px 0px 0px 32px; */
	}
	.page_intro h2,  .page_intro h3.titlesmaller{
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:23px;
		font-weight:lighter;		
		color:#ffffff;
		/* padding:0px 0px 0px 32px; */
	}
	.page_intro p{
		padding-top:10px;
		width:324px;
	}
	.page_intro img{
		display:block;
		margin:-20px 0px 0px;
		padding:24px 0px 0px 130px;		
	}
	
	
	.sub_head_images_table{
		margin:0 auto;
		padding:15px 0px 21px 0px;
	}
	#services_table{
		margin:0 auto;
	}
	#services_table img{
		/* margin:0px 0px 0px 4px; */
	}
	#services_table h3{
		text-align:right;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:lighter;
		color:#a6a6a6;
		margin:6px;
		/* padding:30px 0px 0px 32px; */		
	}
	#services_table h3 .title_larger{
		display:block;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:21px;
		font-weight:normal;		
		color:#ffffff;	
	}
	#services_table p {
		text-align:left;
		padding:0px 8px;
	}
		/* ===== Featured Project Area ===== */
		#feature_proj{
			margin: 8px 15px;
		}
		#feature_proj img {
			margin: 0px 0px 10px 8px;		
		}
		#feature_proj p {
			margin: 10px 0px;
		}		
		.page_titles {
			display:block;
			background: url(images/post_title_bracket.gif) no-repeat left top;
			/* float:left; */
			padding:0px 0px 17px 24px;
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			color:#ffffff;
			height: 55px;		
		}
		.page_titles h1 {
			font-size:27px;
			font-weight:normal;
			line-height:normal;
		}
		.page_titles h2 {
			display:block;
			color:#959595;			
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-size:17px;
			font-weight:lighter;		
		}
		.feat_proj_title {
			display:block;
			background: url(images/post_title_bracket.gif) no-repeat left top;
			float:left;
			padding:4px 0px 5px 18px;
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-size:23px;		
			color:#ffffff;
			height: 50px;
		}
		.feat_proj_title h1, .feat_proj_title h1 a {
			font-weight:lighter;	
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-size:23px;		
			color:#ffffff;
			text-decoration:none;
			/* height: 50px; */
		}
		.feat_proj_title h2, .feat_proj_title h2 a, #sidebar h2 {
			display:block;
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:lighter;	
			color:#cccccc;	
			text-decoration:none;		
		}
		#sidebar h2{
			background:url(images/sidebar_bracket.gif) left no-repeat;
			padding: 0 0 0 9px;
			margin: 0 0 5px 0;
			font-weight:bold;
		}
		#sidebar li form, #sidebar li ul, #sidebar li p {
			margin: 0 0 0 9px;
		}
		#sidebar li ul ul, #sidebar li ul ul li {
			margin:0px;
		}
		#sidebar li {
			margin-bottom: 20px;
		}
		#contact_sidebar {
			margin:20px 0 0 0;
		}
		.feat_date {
			background: url(images/date_bracket.gif) no-repeat right bottom;
			display:block;
			margin:0px 0px 24px 0px;
			padding:14px 17px 4px 0px;
			color:#FFFFFF;
			text-align:right;
		}
		.feat_date .feat_date_num{
			display: block;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
			padding:0px;
			margin:0px;
			line-height:normal;			
		}
		.feat_date .feat_date_month{
			display: block;
			font-size:12px;
			line-height:normal;					
			color:#959595;
			padding:0px;
			margin:0px;
		}
		#nonhomewrap .post, #projlist .post  {
			margin: 0 0 20px 0;
		}
		#projlist {
			width:710px;
			margin: 0 40px 0 0;
			float:left;
		}
		#sidebar{
			width:200px;
			margin: 0 0 0 750px;
		}
		#sidebar p{
			margin:9px;
		}
		#sidebar ul li {
			list-style-type:none;
		}
	/* ================== */	
	
	/* ===== Shadow Box galleries ===== */	
	
	a.hidden, img.hidden {
		display:none;	
	}
	
	
	/* ======= Photogallery styles ===== */
	.slideshowlink {
		display:none;
	}
	h3 {
		color:#EEE;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:18px;
	}
	.ngg-gallery-thumbnail img {
		background-color:#666666 !important;
	}