/************************************/
/*            PRIMI live            */
/*            CSS DOCUMENT          */
/*            VERSION 1.1  2009     */
/************************************/

/* CSS FILE FOR CONTENT SITE 2009 */
	

/*REST OF SITE*/
	*{outline:none; margin:0px; padding:0px;}
	
	body{
		background:#231f20 none;
		color:#555555;
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		font-weight:normal;
		letter-spacing:normal;
		line-height:1.4em;	
	}
	
	.home_tags{display:none;}
	.pdf_record{display:none;}
	.heading_h1{display:none;}
	.home_date{
		background:transparent url(images/home_date_bg.gif) repeat-x scroll left top;
		display:block;
		font-size:10px;
		font-style:italic;
		margin:1px 0px;
		padding:5px 2px 5px 10px;
		color:#333333;
	}
	.readmore{
		background:transparent url(http://primiworld.primi-network.co.za/images/readmore_bg.png) no-repeat scroll left top;
		color:#FFFFFF !important;
		display:block;
		font-size:12px;
		font-weight:bold !important;
		line-height:12px;
		margin-top:5px;
		padding:6px 16px 13px 23px;
		text-decoration:none;
	}	
	.hide_me{display:none;}
	.clear{width:100%; display:block; clear:both;}
	
	#social{position:fixed; margin:5px 0px 0px 11px; z-index:1000;}
	.social_jgh{display:none;}



/*GRID ADJUSTMENTS*/
	#col960{margin:0px auto;}




/*MILKBOX ADJUSTMENTS*/
	.milk_stage_tags{display:none;}
	.milk_stage_close{display:block; color:#FF0066; cursor:pointer;}






/* TOP */

	#top{padding:70px 0px 0px; height:433px;}
	
	.logo{
		background:transparent url(images/primilive_logo.png) no-repeat scroll left top;
		height:100px;
		margin:0 0 0 3px;
		width:392px;	
	}
	
	.top_image{
		text-align:center;  
		background:transparent url(images/mask_topimg.png) no-repeat top left; 
		width:970px; 
		height:334px;
		position:absolute;
		z-index:200;
	}
	#banner{position:absolute;}


/* MENU */

	#menu{text-align:center; margin:1px 0px 0px;}
	#menu li{
		background:transparent url(images/menu_bg.png) no-repeat top left;
		display:inline;
		height:23px;
		padding:0px 0px 5px 0px;
		float:left; 
		position:relative;
	}
	#menu a{
		background:transparent url(images/menu_a_bg.png) no-repeat scroll right bottom;
		color:#FFFFFF;
		font-size:13px;
		font-weight:bold;
		padding:5px 0px 5px;
		margin:0px 8px;
		text-decoration:none;
		text-transform:uppercase;
		border-top:2px solid #231f20;
	}
	#menu a:hover, #menu .clicked{border-top:2px solid #fff;}
	#menu li li a:hover{border-top:none;}
	


/* CSS CODING FOR A DROP DOWN MENU */
		
		#menu { position:relative; z-index:100;}
		/* remove all the bullets, borders and padding from the default list styling */
		#menu ul {padding:0;margin:0;list-style-type:none;}
		#menu ul ul {width:150px;}
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		#menu li li{width:144px; padding:0px;}
		/* style the links for the top level */
		#menu a, #menu a:visited {display:block;text-decoration:none; height:35px;}
		
		/* style the second level background */
		#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		/* style the second level hover */
		#menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		#menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:149px; margin:0px; padding:0px;}
		
		/* position the third level flyout menu */
		#menu ul ul ul{left:149px; top:-1px; width:149px;}
		
		/* position the third level flyout menu for a left flyout */
		#menu ul ul ul.left {left:-149px;}
		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
		#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
		
		/* style the second level links */
		#menu ul ul a, #menu ul ul a:visited {
			background:#dcdbdb; 
			color:#231f20; 
			height:auto; 
			line-height:1em; 
			padding:5px 3px; 
			border-width:0 1px 1px 1px;
			text-transform:capitalize;
		}
		
		/* style the top level hover */
		#menu a:hover{color:#fff;}
		#menu ul ul a:hover{color:#8d8d8d;}
		
		/* make the second level visible when hover on first level list OR link */
		#menu ul li:hover ul,
		#menu ul a:hover ul{visibility:visible; }
		
	
/*CONTENT*/

	#middle{margin:70px 0px 0px;}

	
	.news_block{
		height:346px;
		color:#fff;
		}
	.news_block h1{
		background:transparent url(http://primiworld.ic3lovestheweb.com/images/h1_bg_orange.png) no-repeat scroll 93% top;
		color:#FFFFFF;
		font-size:17px;
		line-height:1.2em;
		margin:0 0 15px 10px;
		padding:9px 0 7px 10px;
		text-transform:uppercase;
	}
	.first{padding:0px 20px 0px 0px;}
	.second{padding:0px 10px;}
	.third{padding:0px 0px 0px 20px;}
	
	.entry{
		border-bottom:1px dashed #CCCCCC;
		margin:0 10px 10px 10px;
		min-height:100px;
		padding:0 0 10px;
	}
	.second .entry{border-bottom:1px dashed #fff; height:110px;}
	
	.entry h1{
		background:none!important; 
		padding:0px!important; 
		margin:0px!important;
		font-size:14px!important;
		font-weight:bolder!important;
	}
	.entry h1 a{
		color:#F58426;
		font-size:16px;
		font-weight:bold;
		line-height:1.5em;
		text-decoration:none;	
	}
	
	.entry img{margin:0px 0px 3px 3px;}
	
	.homegal{margin:0 0 0 11px;}
	.homegal img{margin:0px 10px 10px;}
	



/* CONTENT TOOLS HERE*/

	.content_tools_top{margin:20px 0 10px;}
	.content_tools_top li{list-style:none; display:inline; margin:0px!important; padding:5px 7px; margin:0px 5px 0px 0px;}
	
/* CONTENT */

	
	.text{
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		letter-spacing:0.4px;
		line-height:1.4em;
		padding:0 40px 0 0;
		color:#fff;		
		}
	.text img{}
	.text a{color:#ee7e12; text-decoration:none;}
	.text h1{
		background:transparent url(http://primiworld.ic3lovestheweb.com/images/h1_bg_orange.png) no-repeat scroll right top;
		color:#fff;
		font-size:22px;
		font-weight:lighter;
		margin:0 0 15px;
		padding:10px 0 6px 20px;
		text-transform:uppercase;
	}
	.text h2{
		background:transparent none repeat scroll 0 0;
		color:#F58426;
		font-size:21px;
		font-weight:lighter;
		margin:0 0 15px;
		padding:0;
	}
	.text li{margin:0px 0px 0px 20px;}
	.text .pdf_record{display:block; padding:10px 0px 10px 15px;}
	.text .pdf_record li{list-style-image:url(images/pdficon.gif);}
	.text .pdf_record a{color:#EE7E12; text-decoration:none; text-transform:uppercase;}
	.donegal{
		float:right;
		margin:50px 0 0 20px;
		width:153px;	
	}
	.donegal img{background-repeat:no-repeat!important; background-position:center center!important; background-color:#fff!important; margin:0px 0px 15px 0px;}
	
	.maingal img{margin:40px 48px 0px 0;}
	
	.list{margin:30px 0px 20px 73px;}
	.list h1{text-transform:uppercase; font-size:13px; margin:0px 0px 15px;}
	.list h2{border-bottom:1px solid #ccc;}
	.list a{font-size:12px; text-decoration:none; color:#666666;}
	.list a:hover{color:#000;}
	
	.records{margin:0px 0px 20px; border-bottom:1px dashed #ccc; height:159px;}
	.records .heading_h1{display:none;}
	.records h1{background:none; color:#000; padding:0px;}
	.records h1 a{color:#EE7E12; text-decoration:none;}
	.records img{
		margin:0px 0px 0px 10px !important; 
		background-repeat:no-repeat!important; 
		background-position:center center!important;
		background-color:#fff!important;	
	}

	.right_block{
		min-height:200px;
		padding:0 20px 30px 0;
		margin:0px 0px 30px;
		background:transparent url(images/tuneus_bg.png) no-repeat bottom left;
		}
	.right_block h1{
		background:transparent url(http://primiworld.primi-network.co.za/images/h1_bg_orange.png) no-repeat scroll right top;
		color:#FFFFFF;
		font-size:17px;
		font-weight:bold;
		margin:0 0 15px 9px;
		padding:9px 0 7px 10px;
		text-transform:uppercase;
		width:298px;
	}
	.right_block .entry{border-bottom:1px dashed; margin:0px 0px 10px 22px;}
	
	.gallery{background:none; width:345px;}
	
	.rightgal{margin:0 0 0 19px;}
	.rightgal img{margin:0 26px 18px 0;}

	

/* BOTTOM */

	#bottom{background:transparent url(images/bg_bottom.jpg) repeat-x top left; color:#fff;}
	
	#bottom h1{
		background:transparent url(http://primiworld.primi-network.co.za/images/community_h1_bg.png) no-repeat top left; 
		color:#F58426;
		font-size:13px; 
		text-transform:uppercase;
		padding:5px 0 21px 8px;
	}
	
	.latestfeedback{padding:60px 0 0 40px;}
	
	.latestposts{padding:60px 0 0 84px;}
	
	.bottom_entry{
		background:transparent url(http://www.codp.co.za/images/post.png) no-repeat scroll 0 5%;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		margin:0px 0 0px;
		padding:0 10px 0px 34px;
	}	
	.bottom_entry h2 a{
		color:#555; 
		font-style:normal!important; 
		font-size:15px!important; 
		text-transform:uppercase; 
		text-decoration:none;
	}
	.bottom_entry a:hover{color:#000;}

	
	.tagblock{padding:60px 38px 0 10px;}
	.tagblock h1{text-align:left;}

	.network_more{font-size:11px; font-style:italic; color:#333333; text-decoration:none;}
		
	.date{font-style:italic; font-size:11px;}
	.site_names{display:block; font-weight:bold;}
	.site_names:before{content:"By: ";}
	.site_names a{color:#F58426;}


/*COMMENT CHANGES*/

	#ic_comment a{color:#F58426; text-transform:lowercase;}
	
	#ic_comment_add h1{background:none!important; padding:0px!important;}
	
	#post_button{margin:0px;}

	.ic_comment_box textarea{width:451px;}
	.ic_comment_box input{width:455px;}
	
	.ic_comment_posters{}
	.ic_comment_posters img{margin:0px 10px 0px 0px;}
	
	.ic_bubble{margin-left:127px; min-height:98px; height:auto; width:442px; color:#231f20; letter-spacing:normal; line-height:normal;}
		
	.the_comment{
		background:transparent url(http://primiworld.ic3lovestheweb.com/images/comment_icon.png) no-repeat scroll left center; 
		padding:0 10px 0 34px;
		margin:5px 0 5px;
	}
	.the_comment p{font-size:11px; margin:5px 0 0;}
	.the_comment a{font-weight:bold; color:#333; text-decoration:none;}
	.the_comment a:hover{color:#000;}
	
	.comment_name, .comment_date{font-size:11px;}
	.avatar_name{color:#fff; width:109px;}
	#avatar_pic{margin:0px;}

/*FOOTER STYLED HERE*/

	#footer{
		background:transparent url(images/bg_footer.jpg) repeat-x scroll left bottom;
		color:#555555;
		font-size:11px;
		font-style:italic;
		line-height:12px;
		padding:0px 0 5px 21px;
	}
	
	#footer a{color:#fff; text-decoration:none;}
	#footer a:hover{text-decoration:underline;}
	

/*IE7 FIXEs*/

	*:first-child+html .entry h1{width:175px;}
	
	*:first-child+html #social{left:0;}	
	*:first-child+html #blackstrip{left:0;}	
	
	*:first-child+html #search_site .search_input{margin:0px;}
	
	*:first-child+html .ic_comment_posters{margin:10px 0px 0px;}
	*:first-child+html .ic_comment_box{float:left; width:470px;}
	*:first-child+html .ic_bubble{margin-left:20px;}
	*:first-child+html .ic_comment_box textarea{margin-left:10px;}