/*
VERSION: 1.0.0.1
PLATFORM: Catalogue - Wireframe 0001
LAST UPDATED: 13 June 2010 (Jens Herf) 13:347M
SKIN NAME: Generic Wireframe 0001

NOTES: 
---------------------------------------------------------------------------------------------
DD MMM YYYY|Your name|: Your message
---------------------------------------------------------------------------------------------

How to use the CSS INDEX: Press Ctrl+F "Find" and search for the
chapter you wish to view

--------------CSS INDEX-----------------------------------------
  CHP| Title									  | [CHP]		|
----------------------------------------------------------------|
  1.0 HTML DEFAULTS, default html elements			[1.0]		|
																|
  2.0 PAGE ELEMENTS									[2.0]  		|
   -2.1 Top											[2.1]		|
   -2.2 Header										[2.2]		|
   -2.3 Body										[2.3]		|
   -2.4 Footer										[2.4]		|
   -2.5 Copyright									[2.5]		|
																|
  3.0 NAVIGATION, main menu							[3.0]  		|
   -3.1 Menu General								[3.1]		|
   -3.1 Submenu General								[3.2]		|
   -3.2 Horizontal									[3.3]		|
   -3.3 Horizontal Copyright						[3.4]		|
   -3.4 Vertical									[3.5]		|
																|
  4.0 LOGO ELEMENTS									[4.0]		|
																|
  5.0 SEARCH ELEMENTS								[5.0]		|
																|
  6.0 FORM ELEMENTS									[6.0]		|
																|
  7.0 Content Elements								[7.0]  		|
   -7.1 General										[7.1]		|
   -7.2 Block Styles								[7.2]		|
   -7.3 Content Tools(Share, Back, Print, Query)	[7.3]		| 
   -7.4 Content Styles								[7.4]		| 
   -7.5 Dates										[7.5]		| 
   -7.6 Gallery Images								[7.6]		| 
   -7.7 Slide Function								[7.7]		| 
																|
  8.0 GRID ELEMENTS									[7.0]  		|
   -8.1 Grid 1										[7.1]		|
   -8.2 Grid 2										[7.2]		|
   -8.3 Grid 3										[7.3]		|
   -8.4 Grid 4										[7.4]		|
   -8.5 Grid 5										[7.5]		|
   -8.6 Grid 6										[7.6]		|
   -8.7 Grid 7										[7.7]		|
   -8.8 Grid 8										[7.8]		|
   -8.9 Grid 9										[7.9]		|
   -8.10 Grid 10									[7.10]		|
   -8.11 Grid 11									[7.11]		|
   -8.12 Grid 12									[7.12]		|
																|
  9.0 FLOAT ELEMENTS								[8.0]  		|
																|
  10.0 EXTRA DIVS									[9.0]  		|
																|
  11.0 COMMENT API, Commenting function				[10.0]  		|
																|
  12.0 MILKBOX										[11.0] 		|
																|
  13.0 GENERIC STYLES, repeated styles				[12.0]  	|
   -13.1 CSS3										[12.1]  	|
   -13.2 Buttons									[12.2] 		|
   -13.3 ICECREAM TOOLS								[12.3]  	|
   -12.4 Clearing Elements							[12.4] 		|
																|
  14.0 IE FIXES										[13.0]  	|
																|
--------------CSS INDEX-----------------------------------------
*/

/*----------------------	HTML DEFAULTS [1.0]------------------------------------------------------------------------------*/
	*{margin:0; padding:0; outline:none;}
	body {
		background:url("http://cataloguemaster.icecreamcatalogue.com/images/bg.png") repeat fixed 0 0 #ccc;
		color:#333; 
		font:12px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
		line-height:18px;
	}
		
	/*Default styles [1.1]	*/
	a{color:#333; text-decoration:underline;}
	a:hover{color:#999; text-decoration:none;}
	p{display:block;}
	ul, ol{padding:20px;}
	li{list-style:disc inside none;}
	blockquote{padding:20px; font-style:italic;}
	h1, h2, h3, h4{text-transform:uppercase;font-weight:lighter;color:#2d2d2d; font-family:Arial, Helvetica, sans-serif;}
	h1{font-size:25px;letter-spacing:-2px;line-height:25px;}
	h2{font-size:20px;letter-spacing:-1px; margin:10px 0px 0px;}
	h3{font-size:16px;letter-spacing:-1px; margin:5px 0px 0px;}
	h4{font-size:14px;letter-spacing:-1px;}
	img{border:1px solid #999;margin:10px 10px 10px 0;}
	
	.padding{padding:20px;}
	.box-radius{-moz-border-radius:3px; -webkit-border-radius:5px; border-radius:5px;background:#fff;-moz-box-shadow:0 0 3px #999;}
	.container_12{padding:0px;}
	
	/*SOCIAL 	*/
	#social{position:absolute; top:10px; right:10px;}
	#social img{border:none;}
	.social_jgh{display:none;}
		
	.p_milk {background:url("http://cataloguemaster.icecreamcatalogue.com/images/loader.gif") no-repeat scroll center center transparent!important;display:table-cell;float:left;height:200px!important; text-align:center;vertical-align:middle;width:100%;}
	.clear{display:block; clear:both; width:100%;}
	.hide-me{display:none;}
	
	.content ul{padding:20px;}
	.content ol{padding:20px;}
	
	.date{
		clear:both;
		display:block;	
	}
	
	


	
	

	


/*----------------------	PAGE ELEMENTS  [2.0]------------------------------------------------------------------------------*/


	/*Top [2.1]	*/
	#top{}
	/*Header [2.2]	*/
	#header{} 
	/*Body [2.3]	*/
	#body{}
	#body h1{padding:0px 0 10px 0}
	/*Footer [2.4]	*/
	#footer{}
	/*Copyright [2.5]	*/
	#copyright{}

/*----------------------	NAVIGATION  [3.0]------------------------------------------------------------------------------*/

	/*Menu Controls - General [3.1]	*/
	.menu  {}
	.menu ul{padding:0px;}
	.menu li{display:block;list-style:none outside none;text-transform:uppercase;}
	.menu ul li a{}
	.menu ul li a:hover{color:#999;text-decoration:none;}
	.menu .active a{color:#999;text-decoration:none;}
	
	/*SubMenu Controls - General [3.2]	*/ 
	.sub_menu  {}
	.sub_menu ul{padding:0px;}
	.sub_menu li{display:block;list-style:none outside none;text-transform:uppercase;}
	.sub_menu ul li a{}
	.sub_menu ul li a:hover{color:#999;text-decoration:none;}
	.sub_menu .active a{color:#999;text-decoration:none;}
	.sub_menu a{font-size:11px;}

	/*Menu Controls - Horizontal [3.3]	*/
	.horizontal {border-left:1px solid #999999;float:left;margin:0 0 20px;}
	.horizontal li{float:left;padding:0px 10px;border-right:1px solid #999;}
	.horizontal .active a{}

	/*Menu Controls - Horizontal Bottom [3.4]	*/
	#copyright .horizontal {margin-left:0px;border:none;float:none;height:30px;}
	#copyright .horizontal li{background:none;border:none;padding:5px 10px 5px 0;}
	#copyright .horizontal  li a{font-size:11px;}


	/*Menu Controls - Vertical [3.5]	*/
	.vertical {}
	.vertical li{}
	
	.vertical .sub_menu{padding:5px;}
	.vertical .sub_menu li{}
	

/*----------------------	LOGO ELEMENTS  [4.0]------------------------------------------------------------------------------*/
	.logo {clear:both;float:left;padding-bottom:20px;}
	.logo img{margin:0;border:none;}



/*----------------------	SEARCH  [5.0]------------------------------------------------------------------------------*/
  
	
	.search{float:right;padding:0 0 10px;width:260px;}
	#search_site{background:none repeat scroll 0 0 #FFFFFF !important;border:1px solid #999999;float:right;width:250px;}
	.search_input{background:none repeat scroll 0 0 transparent;border:medium none;float:left;padding:5px 10px;width:180px;}
	.keyword{background:url("http://cataloguemaster.icecreamcatalogue.com/images/searchicon.png") no-repeat scroll center 0 transparent;border:medium none;cursor:pointer;float:right;height:25px;padding:0;width:25px;}



/*----------------------	FORM [6.0]------------------------------------------------------------------------------*/
  
	.lick_form {padding:20px 0;}
	.lick_form label{text-transform:capitalize;}
	.lick_form fieldset{border:medium none;margin:5px 0;}
	.lick_form fieldset textarea{border:1px solid;padding:3px;width:380px;font:12px arial;}
	.lick_form fieldset input{border:1px solid;padding:3px;}
	.lick_form .button{ cursor:pointer;float:left;padding:5px 10px;text-transform:uppercase;-moz-border-radius:10px; -webkit-border-radius:5px; border-radius:5px;background:#efefef;-moz-box-shadow:0 0 3px #000000;}
	.lick_form .button:hover{ background:#fff;}

/*----------------------	CONTENT ELEMENTS  [7.0]------------------------------------------------------------------------------*/


	/*General [7.1]	*/
	.content_stats{float:right;width:60px;}
	.content_stats_comments {background:url("http://cataloguemaster.icecreamcatalogue.com/images/comment-count.png") no-repeat scroll center 3px  transparent;color:#fff;float:right;font:18px Arial,Helvetica,sans-serif;padding:7px 25px 19px;}
	.read_more{display:block;}
	.record_nav_top{border-bottom:1px solid #333333;clear:both;color:#333333;margin:10px 0;text-align:right;padding:0 0 10px;}
	.record_nav_bottom{border-bottom:none;border-top:1px solid #333333;padding:10px 0 0 ;}

	/*Block Styles [7.2]	*/
	 .id1{}
	 .id2{}
	 .id3{}
	 .id4{}
	 .id5{}
	 .id6{}
	 .id7{}
	 .id8{}
	 .id9{}
	 .id10{}
	 .id11{}
	 .id12{}
	 .id13{}
	 .id14{}
	 .id15{}
 
	/*Content Tools  - Share, Back, Print, Query [7.3]	*/
	
	.content_tools_top{clear:both;display:block;float:left;}
	.content_tools_bottom{padding:20px 0;}
	.content_tools_top ul{float:right;padding:0 0 10px 0;}
	.content_tools_top li{float:left;list-style:none outside none;padding:5px;}
	.content_tools_top li a{}
	.content_tools_top li a:hover{}
	
	/*Content Styles   [7.4]	*/
	.fulltext{}
	.recordsets{border-bottom:1px solid #EFEFEF;clear:both;float:left;margin-bottom:10px;padding-bottom:10px; width:100%;}
	.recordsets h1 a{}
	
	/*Dates  [7.5]	*/
	.dotted{}
	
	/*Gallery Images  [7.6]	*/
	.gallery img{width:50px;}
	
	
	
	/*Slide Function [7.7]	*/
    .right{background:url(http://cataloguemaster.icecreamcatalogue.com/images/right.png) center center no-repeat;position:absolute;width:50px;height:57px;z-index:999;cursor:pointer;margin:164px 0 0 800px;}
    .left{background:url(http://cataloguemaster.icecreamcatalogue.com/images/left.png) center center no-repeat;position:absolute;width:50px;height:57px;z-index:999;cursor:pointer;margin:164px 0 0 -50px;}
	#slider_menu{display:none;}
	.slider_panels img{margin:5px;}
	#slider h1{padding:0px 0 0}
	 
	

/*----------------------	GRID ELEMENTS  [8.0]------------------------------------------------------------------------------*/
	
	/*Grid 1   [9.1]	*/
	/*Grid 2   [9.2]	*/
	.grid_2 .recordsets .gallery img{width:25px;margin:5px 5px 0px 0;}
	.grid_2 .recordsets  a{}
	.grid_2 .recordsets  img{width:50px;margin:5px 5px 5px 0;}
	.grid_2 p{margin:5px 0 10px;}
	.grid_2 h2{}
	
	/*Grid 3   [9.3]	*/
	.grid_3 .recordsets .gallery img{width:25px;margin:5px 5px 0px 0;}
	.grid_3 .recordsets  img{width:50px;margin:5px 5px 5px 0;}
	.grid_3 p{margin:5px 0 10px;}
	.grid_3 h2{}
	.grid_3 h3{}
	.grid_3 h3 a{} 

	/*Grid 4   [9.4]	*/
	.grid_4 .recordsets .gallery img{width:25px;margin:5px 5px 0px 0;}
	.grid_4 .recordsets  img{width:50px;margin:5px 5px 5px 0;}
	.grid_4 p{margin:5px 0 10px;}
	
	/*Grid 5   [9.5]	*/

	/*Grid 6   [9.6]	*/
	.grid_6 .content_tools_top{width:420px;}
	.grid_6 #ic_comment{width:400px;}
	.grid_6 .ic_comment_poster{width:150px;}
	.grid_6 .ic_comment_box fieldset input{width:200px;}
	.grid_6 .ic_comment_box fieldset textarea{width:200px;}
	.grid_6 .ic_comment_posters{width:150px;}
	.grid_6 .ic_bubble{width:200px;}
	.grid_6 .fulltext .gallery img{width:50px;}
	.grid_6 .recordsets .gallery img{width:50px;}
	.grid_6 .recordsets  img{width:50px;}
	.grid_6 .split2{width:45%;float:left;padding:0px 10px;}
	
	

	/*Grid 7   [9.7]	*/
	.grid_7 #ic_comment{width:480px;}
	.grid_7 .ic_comment_poster{width:150px;}
	.grid_7 .ic_comment_box fieldset input{width:280px;}
	.grid_7 .ic_comment_box fieldset textarea{width:280px;}
	.grid_7 .ic_comment_posters{width:150px;}
	.grid_7 .ic_bubble{width:375px;}
	.grid_7 .fulltext .gallery img{width:100px;}
	.grid_7 .recordsets .gallery img{width:90px;}
	.grid_7 .recordsets  img{width:100px;}
	
	/*Grid 8   [9.8]	*/
	.grid_8 .content_tools_top{width:580px;}
	.grid_8  #ic_comment{width:560px;}
	.grid_8  .ic_comment_poster{width:150px;}
	.grid_8  .ic_comment_box fieldset input{width:380px;}
	.grid_8  .ic_comment_posters{width:150px;}
	.grid_8  .ic_bubble{width:375px;}
	.grid_8 .fulltext .gallery img{width:100px;}
	.grid_8 .recordsets .gallery img{width:90px;}
	.grid_8 .recordsets  img{width:100px;}
	.grid_8 .split4{width:21%; float:left; padding:0 10px;}

	/*Grid 9    [9.9]	*/
	.grid_9 .content_tools_top{width:640px;}
	.grid_9  #ic_comment{width:640px;}
	.grid_9  .ic_comment_poster{width:150px;}
	.grid_9  .ic_comment_box fieldset input{width:460px;}
	.grid_9  .ic_comment_box fieldset textarea{width:460px;}
	.grid_9  .ic_comment_posters{width:150px;}
	.grid_9  .ic_bubble{width:475px;}
	.grid_9 .fulltext .gallery img{width:100px;}
	.grid_9 .recordsets  img{width:100px;}
	.grid_9 .split2{width:46%; float:left;padding:0px 10px;}
	.grid_9 .split3{width:30%; float:left;padding:0px 10px;}
	.grid_9 .split4{width:21%; float:left;padding:0px 10px;}
	.grid_9 #slider{width:600px;overflow:hidden;visibility:hidden; padding:0px 0 0 50px;}
    .grid_9 .slider_scroll{overflow: auto;position: relative;clear: left;left:auto;height:350px;background:none repeat scroll 0 0 #FFFFFF;}
    .grid_9 .slider_panels{width:800px; padding:0px 0 0px 0px; margin:0 0px 0 0;background:none repeat scroll 0 0 #FFFFFF;}
	.grid_9 #load{background:url(http://cataloguemaster.icecreamcatalogue.com/images/loader.gif) center center no-repeat;height:100px;margin:100px 275px;position:absolute;width:100px;}
	.grid_9 .right{margin:164px 0 0 560px;}

	/*Grid 10   [9.10]	*/
	/*Grid 11   [9.11]	*/
	.grid_11 .split3{width:31%;float:left;padding:0px 10px;}
	.grid_11 .split3 img{width:265px;}
	.grid_11 .split5{width:17.67%;float:left;padding:0px 10px;}
	.grid_11 .split5 img{width:150px;}

	/*Grid 12   [9.12]	*/
	.grid_12 .content_tools_top{width:900px;}
	.grid_12  #ic_comment{width:880px;}
	.grid_12  .ic_comment_poster{width:150px;}
	.grid_12  .ic_comment_box fieldset textarea{width:600px;}
	.grid_12  .ic_comment_box fieldset input{width:600px;}
	.grid_12  .ic_comment_posters{width:150px;}
	.grid_12  .ic_bubble{width:675px;}
	.grid_12 .fulltext .gallery img{width:100px;background-repeat:no-repeat !important;}
	.grid_12 .recordsets .gallery img{background-repeat:no-repeat !important;width:200px;}
	.grid_12 .recordsets  img{width:100px;}
	.grid_12 p{margin:10px 0 20px;}
	.grid_12 .split2{width:47%;float:left;padding:0px 10px;}
	.grid_12 .split3{width:31%;float:left;padding:0px 10px;}
    .grid_12 #slider{width:800px;overflow:hidden;visibility:hidden; padding:0px 0 0 50px;}
    .grid_12 .slider_scroll{overflow: auto;position: relative;clear: left;left:auto;height:350px;background:none repeat scroll 0 0 #FFFFFF;}
    .grid_12 .slider_panels{width:800px; padding:0px 0 0px 0px; margin:0 0px 0 0;background:none repeat scroll 0 0 #FFFFFF;}
	.grid_12 #load{background:url(http://cataloguemaster.icecreamcatalogue.com/images/loader.gif) center center no-repeat;height:100px;margin:100px 400px;position:absolute;width:100px;}
	




/*----------------------	EXTRA DIVS [9.0]------------------------------------------------------------------------------*/


	.extra_div1{}
	.extra_div2{}
	.extra_div3{}
	.extra_div4{}
	.extra_div5{}



/*----------------------	COMMENT API  [10.0]------------------------------------------------------------------------------*/

	#ic_comment{background:none repeat scroll 0 0 #EFEFEF;float:left;margin:20px 0;padding:10px;}
	#ic_comment_add{}
	.icp{}
	.icp a{}
	.discuss{}
	.error_comment{}
	.ic_comment_poster{float:right;text-align:center;}
	.ic_comment_poster img{}
	#ADD_ICC{}
	#avatar_pic{margin:0;}
	.avatar_name_say{}
	.post_date{clear:both;font-size:11px;display:block;}
	.avatar_name{clear:both;font-size:11px;display:block;}
	.ic_comment_box{}
	.ic_comment_box fieldset{border:medium none;margin:5px 0;}
	.ic_comment_box fieldset textarea{border:1px solid;padding:10px;width:380px;font:12px arial;}
	#icc_message{}
	.ic_comment_box fieldset input{border:1px solid;padding:10px;}
	#icc_name{}
	#icc_email{}
	#icc_url{}
	#comment_error{}
	#post_button{ cursor:pointer;float:left;padding:5px 10px;text-transform:uppercase;-moz-border-radius:10px; -webkit-border-radius:5px; border-radius:5px;background:#efefef;-moz-box-shadow:0 0 3px #000000;}
	#post_button:hover{ background:#fff;}
	.ic_comment_posters{float:right;text-align:center;}
	.ic_comment_posters img{margin:0px 0px 0 0;}
	.ic_comment_tools{background:none repeat scroll 0 0 #fff;clear:both;margin:10px 0;padding:10px;}
	.flag_spam{} 
	.ic_bubble{float:left;padding:10px;}
	
	.the_comment{border-bottom:1px dashed #fff; margin:0px 0px 10px; padding:0px 0px 10px;}



/*----------------------	MILKBOX  [11.0]------------------------------------------------------------------------------*/


	#milk_stage{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999;}
	
	#milk_stage_overlay{background:url(http://cataloguemaster.icecreamcatalogue.com/images/milk-bg.png); position:fixed; width:100%; height:100%; z-index:8999; top:0; left:0;}
	
	#milk_stage{padding:10px; background:#fff;}/*White border contains current viewed image*/
	
	#milk_description{padding:10px 0; background:#fff; font:11px Arial, Helvetica, sans-serif; color:#333/*Off Grey*/; line-height:14px; text-align:left;}
	
	/*NOTES ON DESCRIPTION : you can write an entire essay in milk descriptions it won't matter*/
	#milk_description p{float:left; width:80%; /*Depending on your design for thumbnail button you may need to change this use on %*/}
	#milk_description .clear{clear:both;/*Clear flaots on description*/}
	
	#milk_description .milk_tools{margin:0 0 0 10px; float:right; text-align:right;} /* right function inside #milk description div */
	
	#milk_count{font-weight:bold;}
	
	#milk_thumbnail_button{cursor:pointer;background:url(http://cataloguemaster.icecreamcatalogue.com/images/thumbnails.png) no-repeat; width:55px; height:40px;}/*empty divs for custom naming and design*/
	
	
	/*NOTES ON NAVIGATION .milk_nav is NEXT PREV buttons*/
	.milk_nav{cursor:pointer; height:50px; width:50px;position:fixed;top:40%; z-index:9000}/*General left right nav styling*/
	#milk_left{left:60px;background:url(http://cataloguemaster.icecreamcatalogue.com/images/prev.png) no-repeat center center;}/*empty divs for custom naming and design*/
	#milk_right{right:60px;background:url(http://cataloguemaster.icecreamcatalogue.com/images/next.png) no-repeat center center;}/*empty divs for custom naming and design*/

	/*NOTES ON NAVIGATION .fast_milk_nav is REWIND FASTFOWARD buttons [optional] */
	.fast_milk_nav{cursor:pointer; height:50px; width:50px;position:fixed;top:40%; z-index:9000}/*General left right nav styling*/
	#milk_rewind{left:10px;background:url(http://cataloguemaster.icecreamcatalogue.com/images/rwd.png) no-repeat center center;}/*empty divs for custom naming and design*/
	#milk_fastfoward{right:10px;background:url(http://cataloguemaster.icecreamcatalogue.com/images/ffwd.png) no-repeat center center;}/*empty divs for custom naming and design*/
	
	
	.p_milk{display:table-cell; width:100%;float:left; text-align:center; height:400px; vertical-align:middle; background: url(http://cataloguemaster.icecreamcatalogue.com/images/pre-load.gif) center center no-repeat;}

	#milk_thumbnails{padding:10px 0;background:#fff; text-align:center;}
	#milk_thumbnails img{margin:5px;}

	.milk_stage_close{display:block; width:60px; padding:2px 3px; background:#000; color:#fff; font-weight:bold; text-align:center; cursor:pointer; margin:5px 0 0 0;}

	/*STYLE LOADING*/
	.milk_loading{background:url(http://cataloguemaster.icecreamcatalogue.com/images/milk-load.gif) no-repeat center center;}




/*----------------------	GENERIC STYLES  [12.0]------------------------------------------------------------------------------*/


	/*Buttons [11.1]	*/
	/*ICECREAM TOOLS [11.2]	*/
	/*Clearing Elements [11.3]	*/ 





/*----------------------	IE FIXES  [13.0]------------------------------------------------------------------------------*/