/*
This is a default CSS layout for an ice cream blog site.  It is free to use and open source.
If you wish to sell templates on for ice cream blog sites.  Get an ice cream account at
http://dynamic.ic3lovestheweb.com/start/

*/

@import url("http://dynamic.icecreamlovestheweb.com/labs/gallery.css");
@import url("http://dynamic.icecreamlovestheweb.com/labs/ie6killer.css");
@import url("http://dynamic.icecreamlovestheweb.com/labs/comment.css");


*{margin:0; padding:0; outline:none;}

body{font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:18px;background:#fff url(images/bgwhite.jpg) fixed repeat-x;}
h1,h2,h3{ color:#4E1540;  font-weight:lighter;}
h1{font-size:36px; text-transform:capitalize; margin:10px 0 20px 0;}
h2{text-transform:uppercase; font-size:18px;}
a{color:#543904; text-decoration:none;}
a:hover{text-decoration:underline;color:#4E1540; }




#container{width:803px; margin:80px auto; background:#fff; padding:10px 0 0;}
.cont{
position:absolute;
top:340px;
width:700px;
z-index:999;
padding:0px 0px 150px 29px;
}
.cont input{
background:transparent url(images/cart_btn.png) no-repeat scroll left top;
border:medium none;
font-weight:bold;
height:50px;
text-decoration:none;
text-transform:uppercase;
width:200px;
padding:0px 0px 10px 0px;
cursor:pointer;
outline:none;
}
.purchform{
background:transparent url(images/bgwhitecc.png) repeat scroll center bottom;
border:1px solid #4E1540;
color:#4E1540;
margin:0px 0px 0px 50px;
padding:20px;
position:absolute;
top:340px;
width:660px;
z-index:999;
}
.text{
background:transparent url(images/bgwhitecc.png) repeat scroll center bottom;
border:1px solid #4E1540;
color:#4E1540;
margin:5px auto;
padding:20px;
text-align:center;
width:700px;
}
.text h1{font-size:23px;}
.text h2{font-size:18px;}

#top{background:#333333; height:271px; margin:0 10px; overflow:hidden; max-height:271px;}


	/* CSS CODING FOR A DROP DOWN MENU */
		
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		#menu li {float:left;position:relative;}
		#menu li li{margin:0px;}

		/* style the links for the top level */
		#menu a, #menu a:visited {display:block;text-decoration:none;}
		
		/* 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:21px;
			left:-20px; 
			width:100px;
			z-index:10;
		}

		
		/* 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:#fff; 
			color:#0c2f59; 
			height:auto; 
			line-height:1em; 
			padding:5px 4px; 
			width:75px;
			border-width:0 1px 1px 1px;
			text-transform:capitalize;
			font-size:13px;
		}
		

		
		/* 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; }
		
		.sub4_1, .sub4_2{display:none!important;}


#menu ul{list-style:none;}
#menu li{display:inline; margin:0 0 0 15px; padding:5px 5px 0px 5px;}
#menu a{color:#fff; text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:bold;}
#menu a:hover{color:#4E1540;}
#menu .clicked{color:#4E1540!important;}





#content{
margin:0 auto;
padding:10px 10px 100px;
width:800px;
}

	.entry{height:121px; margin:10px 0 10px 0; padding:10px 0 10px 0; border-top:1px solid #CCCCCC;}
	.entry img{margin:0 10px 0 0;}
	.paragraph{font-style:italic;}
	.clear{clear:both; height:10px; background:#fff;}
	.home_tags{display:none;}

#news{float:right; width:288px; margin:10px;}
#news h1{font-size:18px;}
#news h3{font-size:11px;}
.news_entry{padding:0 0 5px; border-bottom:1px solid #CCCCCC; margin:0 0 5px 0; font-size:11px; font-style:italic;}

.dotted,.site_names{font-weight:bold;}

#tear_top{background:#fff; padding:60px 0;}
#footer{
background:transparent url(images/footerbg.png) repeat-x scroll center bottom;
bottom:0;
height:120px;
position:fixed;
width:100%;
z-index:999;
}
#footcont{
margin:0 auto;
width:918px;
padding:36px 20px 20px;
text-align:center;
} 
#logohold{
background:transparent url(images/logo_new.gif) no-repeat scroll left top;
margin:30px auto;
height:70px;
width:450px;
}
.copyright{
clear:both;
color:#111111;
font-size:10px;
text-align:right;
 }

#tear_bottom{background:#000; padding:0 0 60px;}

.content_tools_top{text-align:left; margin:30px 0 0 0;}
.content_tools_top ul{margin:0 0 0 0!important;}
.content_tools_top li{display:inline-block; padding:3px 5px; border:1px solid  #CCCCCC; font-weight:bold;}
.content_tools_top a{color:#3399FF;font-size:12px;text-decoration:none;}
.content_tools_top a:hover{color:#000;}

.pdf_record{display:none;}


	.record_nav_top{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #efefef; text-align:right;}
	.record_nav_bottom{text-align:right;}
	.record_box{display:inline-block; padding:3px 5px; border:1px solid #cccccc; font-weight:bold;}
	.record_box a{color:#3399FF; text-decoration:none;}
	.record_box a:hover{color:#2d2d2d;}
	.record_pages{text-transform:uppercase; font-weight:bold;}

#social{position:fixed; top:10px; left:10px;}
.social_jgh{display:none;}
.search_input{padding:3px 4px; margin:0 0 10px 0;}
.keyword{background:url(images/search.png) bottom no-repeat; height:24px; width:27px; border:none; padding:0 0 2px 0;}

#community{position:fixed; margin:51px 0px 0px 7px;}

/*FORM STYLED HERE

.purchbtn{position:absolute; margin:20px;}
.purchbtn a{background:transparent url(images/orderbtn.png) no-repeat top left; padding:94px 0px 0px;}
.purchbtn a:hover{background:transparent url(images/order_hoverbtn.png) no-repeat top left;}
label{text-transform:capitalize; font-weight:bold; float:left; margin:0px 10px 0px 0px; width:100px; color:#4E1540;}
fieldset{border:none; margin:0px 0px 10px 0px;}
input{background:#fff none!important;}
option{text-transform:uppercase;}
.form_checkbox{margin:0px 4px 0px 0px;}
.button{
	background:transparent url(images/sendbtn.png) no-repeat top left!important; 
	width:107px; 
	height:40px; 
	color:#fff; 
	border:none; 
	padding:0px 14px 15px 0px; 
	font-weight:bold;
	cursor:pointer;
}


/*CHANGES TO COMMENT*/

	#ic_comment{text-align:left;}
	.ic_comment_box input{
		border:1px solid #ccc!important;
		font-weight:normal!important;
		padding:2px 3px!important;
		width:485px!important;
		background:none!important;
		height:auto;
		cursor:default;
	}
	#ic_comment a{color:#543904; text-transform:lowercase;}
	#ic_comment a:hover{color:#4E1540; text-decoration:underline;}
	
	.ic_field{
		background:none!important;
		padding:10px!important; 
		width:280px!important; 
		margin:0 0 10px 0!important;
		border:1px solid #ccc!important;
		height:auto!important;
	}
	
	#ic_overlay input{background:none!important; width:auto!important; height:auto!important; padding:3px 5px!important;}