/*
Theme Name: Wedding Focus
Description: Built by Mammoth Solutions
Version: 1.3
Author: Mammoth Solutions
Author URI: http://www.mammothsolutions.co.za
*/ 


/*  GLOBAL STYLES  */

	* { padding: 0; margin: 0; } 
	html { 
	margin: 0px; 
	padding: 0px; 
	min-width: 952px; 
	}
	body { 
	background: #EBEBEB url('images/bg.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	}
	img { border: 0; }
	a { color: #C12257; text-decoration: none; }
	a:hover { color: #C12257; text-decoration: underline; }
	.alignright { float: right; }
	.alignleft { float: left; }
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.center { text-align: center; }

/*  MAIN STYLES  */

	/* 30 px margin on either side of content i.e 30px + 912px + 10px */	
	.outer { width: 952px; margin: 0px auto; padding: 0px; background: url('images/bg-drop.jpg') repeat-y; }
	.wrapper { width: 952px; text-align: left; }
	#wrap { width: 952px; margin: 0 auto; }

	/* ------------------------------------------------ */
	/*	HEADER											*/
		
			.header {
			width: 952px;
			height: 146px;
			float: left;
			}
				/* heading one, top links */
				.header_top { width: 952px; height: 22px; float: left; padding: 8px 0px 0px 0px; }
					.ht_left { float: left; padding: 0px 0px 0px 43px; }
					.ht_right { float: right; padding: 0px 31px 0px 0px; }
				/* logo, main nav, search */
				.header_body { width: 952px; height: 74px; float: left; }
					.hb_logo { width: 276px; float: left; }
						.logo { padding: 19px 0px 0px 37px; }
					.hb_nav { width: 476px; float: left; background: url('images/bg-hb_nav.jpg') no-repeat; }
						.hb_nav ul  { margin: 0px 0px 0px 4px; padding: 0px; height: 74px; display: inline; float: left; }
						.hb_nav li { margin: 0px 2px 0px 0px; padding: 0px; height: 31px; display: inline; float: left; }
						.hb_nav li a.home { width: 67px; padding: 43px 0px 10px 29px; overflow: hidden; display: block; 
											background: url('images/nav/home.jpg') no-repeat; }
						.hb_nav li a.photographers { width: 117px; padding: 43px 0px 10px 21px; overflow: hidden; display: block; 
											background: url('images/nav/photographers.jpg') no-repeat; }
						.hb_nav li a.advertise { width: 97px; padding: 43px 0px 10px 14px; overflow: hidden; display: block; 
											background: url('images/nav/advertise.jpg') no-repeat; }
						.hb_nav li a.specials { width: 87px; padding: 43px 0px 10px 26px; overflow: hidden; display: block; 
											background: url('images/nav/specials.jpg') no-repeat; }
						.hb_nav li a.divider { width: 4px; float: left; }
						.hb_nav li a:hover { display: block; overflow: hidden; background-position: 0 -74px; }
					.hb_search { width: 189px; float: left; }
						.hbs_field { width: 151px; height: 28px; float: left; margin: 23px 0px 0px 9px; padding: 1px 0px 0px 0px;
									background: url('images/bg-hbs_field.jpg') no-repeat; display: inline; }
						.hbs_btn { width: 29px; height: 29px; float: left; margin: 23px 0px 0px 0px; display: inline; }
				/* top province nav */
				.header_nav { width: 912px; height: 32px; float: left; margin: 0px 0px 0px 30px; display: inline; }
					.header_nav ul { width: 907px; float: left; margin: 0px 0px 0px 5px; padding: 0px; display: inline; }
					.header_nav li.province { margin: 0px; padding: 8px 10px 0px 10px; height: 24px; display: inline; float: left; }
	
				.header_nav li.divider { width: 2px; height: 32px; margin: 0px; padding: 0px; display: inline; float: left; background: url('images/pink/divider-header_nav.jpg') no-repeat; }
				.header_nav li a:hover { font-size: 12px; font-weight: bold; color: #F398B7; text-decoration: none; line-height: 15px; }
		
	/* ------------------------------------------------ */
	/*	LOCATION										*/
				
		.location {
		width: 952px;
		float: left;
		margin: 7px 0px 0px 30px;
		display: inline;
		}
			/* quicklinks */
			.quicklinks { width: 610px; float: left; padding: 5px 0px 8px 15px; }
			/* customize colours */
			.custom_colours { width: 267px; float: left; }
				.lcc_title { width: 150px; float: left; padding: 5px 0px 0px 0px; }
				.lcc_drop { width: 102px; float: left; }
					.lcc_drop_l { width: 20px; float: left; padding: 4px 0px 2px 4px; background: url('images/bg-lcc_drop_l.jpg') no-repeat; }
					.lcc_drop_c { width: 51px; float: left; padding: 0px 5px 0px 0px; background: url('images/bg-lcc_drop_c.jpg') repeat-x top; }
					.lcc_drop_r { width: 22px; float: left; padding: 1px 0px 0px 0px; background: url('images/bg-lcc_drop_r.jpg') no-repeat; }
					
	/* ------------------------------------------------ */
	/*	CONTENT											*/
	
		.content {
		width: 952px;
		float: left;
		position: relative;
		}
			.content_inner { width: 927px; float: left; padding: 0px 0px 0px 20px; }
				.content_tab { width: 25px; position: absolute; top: 0px; left: 0px; margin: 64px 0px 0px 0px; z-index: 100; }
				.all_tab { width: 25px; position: absolute; top: 0px; left: 0px; margin: 353px 0px 0px 0px; z-index: 100; }
				
				.blog_left {
				width: 616px;
				float: left;
				position: relative;
				}
					.bl_top { float: left; background: url('images/home_feature/drop-hf_top.jpg') no-repeat; }
					.bl_middle { width: 616px; float: left; background: url('images/home_feature/bg-hf_middle.jpg') repeat-y; }
						.bl_title { width: 604px; float: left; padding: 0px 6px 0px 6px;  height: 44px; background: url('images/home_feature/bg-hf_title.jpg') no-repeat; }
						.bl_content { width: 574px; float: left; padding: 20px; min-height: 617px; }
							.bl_content_post { width: 574px; float: left; padding: 0px 0px 15px 0px; }
								.bl_content_post_head { width: 574px; float: left; border-bottom: 1px solid #E7E7E7; }
								.bl_content_post_body { width: 574px; float: left; padding: 15px 0px 0px 0px; }
								.bl_content_post_foot { width: 554px; height: 18px; float: left;font-size: 12px; color: #000000; padding: 7px 10px 3px 10px; background: #E7E7E7; }
								.bl_content_post_foot a { font-size: 12px; color: #C12257; }
					.bl_bottom { float: left; height: 17px; background: url('images/home_feature/drop-hf_bottom.jpg') no-repeat; }
				
				.blog_right {
				width: 308px;
				float: left;
				position: relative;
				}
					.br_top { float: left; background: url('images/latest_addition/drop-la_top.jpg') no-repeat; }
					.br_middle { width: 308px; float: left; background: url('images/latest_addition/drop-la_middle.jpg') repeat-y; }
						.br_title { width: 296px; float: left; padding: 0px 6px 0px 6px;  height: 44px; background: url('images/latest_addition/bg-la_title.jpg') no-repeat; }
						.br_content { width: 256px; float: left; padding: 15px 20px 15px 20px; color: #333333; }
						.br_content p { padding: 0px 0px 11px 0px; }
							.br_content_input { width: 162px; height: 22px; float: left; margin: 2px 0px 0px 0px; background: url('images/bg-input.jpg') no-repeat; }
							.br_content_search { width: 83px; height: 25px; float: left; margin: 0px 0px 0px 10px; }
							.br_content_box { width: 266px; float: left; }
								.br_content_box_title { width: 266px; height: 32px; margin: 5px 0px 0px 0px; float: left; }
									.br_content_box_title p.recent { padding: 7px 10px 7px 10px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; float: left; }
									.br_content_box_title p.cats { padding: 7px 10px 7px 10px; border: 1px solid #E7E7E7; float: left; }
									.br_content_box_title p.recenton { background: #F4F4F4; padding: 7px 10px 7px 10px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; float: left; }
									.br_content_box_title p.catson { background: #F4F4F4; padding: 7px 10px 7px 10px; border: 1px solid #E7E7E7; float: left; }
									.br_content_box_title p a { font-size: 12px; color: #C12257; }
									.br_content_box_body ul { margin: 15px 0px 0px 0px; padding: 0px; list-style-type: none; float: left; }
									.br_content_box_body ul.links { margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; float: left; }
									.br_content_box_body ul li { font-size: 12px; background: url('images/li.jpg') 0px 1px no-repeat; padding: 0px 0px 6px 27px; }
									.br_content_box_body ul li a { color: #333333; }
								.br_content_box_body { width: 266px; float: left; }
					.br_bottom { float: left; height: 16px; background: url('images/latest_addition/drop-la_bottom.jpg') no-repeat; }
				
				.articles { border-top: 1px #bbb dashed; }
				
				#content .showtags {
				    background: #FFFFFF;
				    padding-left: 5px;
				    line-height: 20px;
				    border-bottom: 1px solid #bbb;
				    border-top: 1px dashed #bbb;
				}
				
				#content a img {
				    padding: 1px;
				    border: 2px solid #fff;
				    background: #fff;
				}
				
				#content a img:hover {  
				    padding: 1px; 
				    border: 2px solid #bbb; 
				    background: #bbb; 
				}
				
				.left {
				    width: 568px;
				    float: left;
				    text-align: justify;
				}
				
				.left h2 {
				    color: #000;
				    font-size: 22px;
				    font-weight: 100;
				    padding : 15px 0 15px 0;
				}
				
				.left h2 a {
				    color: #000;
				}
				
				.left h2 a:hover {
				    color: #bbb;
				    text-decoration: underline;
				}
				
				.left ul {
				    padding-left: 3em;
				}
				
				.left ol {
				    padding-left: 3em;
				}
				
				.count {
				    float: right;
				}
				
				.right {
				    width: 160px;
				    float: right;
				    padding: 10px;
				    border-left: 1px solid #bbb;
				}
				
				.right ul {
				    list-style-type: none;
				    padding: 5px 10px 10px 10px;
				}
				
				.right ul ul{
				    margin:0.1667em 0;
				    padding:0 0 0 15px;
				}
				
				.right h2 {
				    height: 30px;
				    font-size: 15px;
				    color: #000;
				    line-height: 30px;
				    text-decoration: underline;
				}
				
				.right a { 
				    text-decoration: none;
				    color: #000;
				}
				
				.right a:hover {
				    text-decoration: underline;
				    color: #bbb;
				}
				
				.nomove {
				    width: 160px;
				    float: right;
				    padding: 10px;
				    border-left: 1px solid #bbb;
				}
				
				.nomove ul {
				    list-style-type: none;
				    padding: 5px 10px 10px 10px;
				}
				
				.nomove h2 {
				    height: 30px;
				    font-size: 15px;
				    color: #000;
				    line-height: 30px;
				}
				
				.nomove a { 
				    font-size: 15px;
				    color: #000;
				}
				
				.nomove a:hover {
				    text-decoration: underline;
				    color: #bbb;
				}
				
				#footer {
				    border-top: 1px solid #bbb;
				    text-align: center;
				    color: #333;
				    font-size: 11px;
				    padding: 0 0 10px 0;
				    margin-top: 10px;
				}
				
				.not {
				    text-decoration: none;
				    padding: 6px 10px 5px 10px;
				}
				
				/* Search */
				
				#search {
					width: 150px;
					height: 25px;
					background: #fff;
					border: none;
				}
				
				#search #x {
					display: none;
				}
				
				#search #s {
					padding: 6px 10px 5px 10px;
					width: 127px;
					height: auto;
					background: none;
					border: none;
					font: normal 10px Arial, Helvetica, sans-serif;
					color: #878C8D;
				}
				
				#search br {
					display: none;
				}
				
				blockquote {
					margin: 0 0 0 1.5em;
					padding-left: 1em;
					border-left: 5px solid #bbb;
				}
				
				#avatar {
				    float: right;
				}
				
				#spacer {
				    padding-top: 10px;
				    border-bottom: 1px #bbb dashed;
				}
				
	/* ------------------------------------------------ */
	/*	FOOTER											*/
	
		.footer {
		width: 100%;
		height: 171px;
		float: left;
		margin: 15px 0px 0px 0px;
		background: url('images/bg-footer.jpg') repeat-x;
		text-align: center;
		}
			.footer_holder { width: 952px; margin: 0px auto; padding: 0px; }
			.footer_contain { width: 972px; text-align: left; }
				/* footer top - top, back */
				.footer_top { width: 952px; height: 40px; float: left; }
					.ft_backtop { width: 415px; float: left; padding: 0px 0px 0px 25px; }
					.ft_addthis { width: 482px; float: left; padding: 0px 30px 0px 0px; text-align: right; }
				/* footer bottom - copyright, links */
				.footer_bottom { width: 952px; padding: 20px 0px 0px 0px; height: 111px; float: left; }
					.fb_legal { width: 455px; float: left; padding: 0px 0px 0px 45px; }
					.fb_credits { width: 422px; float: left; padding: 0px 30px 0px 0px; text-align: right; }

	/* ------------------------------------------------ */
	/*	TAG RESET										*/
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd,
		table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		background: transparent;
		}
		
	/* ------------------------------------------------ */
	/*	GLOBAL TEXT STYLES								*/
	
		body, div { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; font-weight: normal; color: #CCCCCC; line-height: 13px; text-decoration: none; }
		.txt { font-size: 11px; font-weight: normal; color: #000000; line-height: 13px; }
		.body { font-size: 12px; font-weight: normal; color: #000000; line-height: 14px; }
		h1 { color: #868484; font-weight: normal; }
		h2 { font-size: 16px; font-weight: bold; color: #000000; line-height: 18px; padding: 12px 0px 0px 14px; }
		.lightgrey { color: #999999; }
		textarea { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; font-weight: normal; color: #333333; line-height: 13px; text-decoration: none; }
		
		/* ------------------------------------------------ */
		/*	HEADER TEXT STYLES								*/
			
			.ht_left, .ht_right { color: #868484; }
			.header_top a { color: #B3B3B3; text-decoration: none; }
			.header_top a:hover { color: #B3B3B3; text-decoration: underline; }
			.hb_nav ul li a { font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 20px; }
			.header_nav li a { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 15px; }
			
		/* ------------------------------------------------ */
		/*	LOCATION TEXT STYLES							*/
		
			.quicklinks, .lcc_title { color: #333333; }
			.quicklinks a { color: #C02358; text-decoration: underline; }
			.lcc_drop_c { color: #000000; line-height: 24px; }
			
		/* POST STYLES */
		
			.bl_content_post_head h3 { font-size: 20px; font-weight: bold; color: #000000; line-height: 22px; padding: 0px 0px 8px 0px; }
			.bl_content_post_head h3 a { color: #000000; }
			.bl_content_post_head p { font-size: 11px; color: #717171; padding: 0px 0px 8px 15px; background: url('images/icon-meta.jpg') no-repeat; }
			.bl_content_post_body p { font-size: 12px; color: #000000; line-height: 15px; padding: 0px 0px 15px 0px; float: left; }
			.bl_content_post_body ul { font-size: 12px; color: #000000; line-height: 15px; padding: 0px 0px 15px 15px;  }
			.bl_content_post_body li { font-size: 12px; color: #000000; line-height: 15px;  }