/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */
	
/* Accessibility */
#accessibility {
	overflow: hidden;
	width: 0;
	height: 0;
	display:none;}
	
/* Wrapping */
.wrapper  { width:960px; margin:0 auto;}
	
/* Set some default styles for Float, Width */
.floatleft { float:left; }
.floatright { float:right; }

.width16  { width: 15%; } 
.width20  { width: 20%; } 
.width25  { width: 23.5%;}
.width33  { width: 31.8%;}
.width50  { width: 47.5%;} 
.width75  { width: 74.5%;} 
.width100 { width: 99%;} 



/*	Miscellaneous layout decoration
------------------------------------*/
#site_wrapper {
	width:1013px;
	margin:0 auto}
	
#site_frame {
	background:url(../images/site_frame.png) no-repeat top left;
	height:100%;
	position:fixed;
	z-index:999;}
	
	#site_frame_wrap {
		position:relative;
		overflow:hidden;
		width:255px;
		padding-left:27px;
		max-height:600px} 



/* Header 
------------*/
#header {
	background:url(../images/site_frame.png) no-repeat top right;
	position:fixed;
	width:731px;
	z-index:999;
	margin-left:282px;
	height:99px;}
	

	#logo {
		margin:8px 0 30px -20px;
		text-align:center}
		#logo img {
			float:none;
			margin:0; }



		
		
/* Promo and Footer
---------------------*/
#promo,
#footer {
	clear:both;
	margin:0 0 30px;}

	#footer img {
		margin-top:.75em}


/* IceTabs
------------*/
#icetabs {
	margin:0 -15px 50px;
	overflow:hidden;}
	
	

		
/* Social Module
----------------*/
#social {
	background:#000;
	opacity:.2;
	z-index:99999;
	background:rgba(0,0,0,.8);
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	position:fixed;
	top:0;
	margin:10px 0 0 -17px}
	#social:hover {
		opacity:1}
	
	#social ul {
		margin:0;
		position:relative;
		overflow:hidden;
		padding:10px 10px}
		
	#social ul li {
		display:block;
		width:24px;
		list-style-type:none;
		margin:0}
		
		#social ul li a {
			background:url(../images/social_icons.png) no-repeat center;
			width:24px;
			height:24px;
			margin-bottom:3px;
			display:block;
			float:left;}
			
			#social ul li span {
				display:none}		

		#social ul li.social-facebook a {
			background-position:0 0}
		
		#social ul li.social-twitter a {
			background-position:0 -24px}	
		
		#social ul li.social-youtube a {
			background-position:0 -48px}
		
		#social ul li.social-linkedin a {
			background-position:0 -72px}	
		
		#social ul li.social-flickr a {
			background-position:0 -96px}	
			

		
		
/* Content 
------------*/
#content {
	background:url(../images/content.png) repeat-y left top;
	padding:0;
	overflow:hidden;
	padding-top:90px;
	padding-left:30px;
	padding-right:20px;
	margin:0 26px 0 247px;}
	
	
	
		
/* Columns
------------*/	
#columns-container {
	margin:0 0 40px;
	border-bottom:none;}

    #outer-column-container {
		border-style:solid;
		border-color:transparent;}
		
		#inner-column-container{
			width: 100%;}
									   
			#source-order-container{
				float: left;
				width: 100%;}
	

	#middle-column{
		float: right;
		width: 100%;}			   
		
	#left-column{
		float: left;}
		
	#right-column{
		min-height:500px;
		background:url(../images/right-col.png) no-repeat left top;
		margin:-30px 0 0 -30px;
		padding:30px 0 0 30px;
		float: left;}
		
		#right-column .inside {
			padding-top:20px;
			padding-left:15px}
		
		.clear-columns { clear: both;}
		
		.inside { margin:0; padding:0; }
		
		
		#middle-column .inside {
			min-height:400px;
			padding:0;}
				
				#inner-column-container {}

		
			


	
/*  Copyright 
---------------*/
#copyright {
	clear:both;
	background:#000 url(../images/copyright.png) repeat-x top;
	text-shadow:1px 1px 1px #000;
	position:relative;
	overflow:hidden;
	margin:0 -20px -40px -30px;
	text-align:center;
	padding:20px 20px 65px 30px;}
	
	
	div#copytext {}
	
	div#copytext p {
		color:#777;
		text-shadow:1px 1px 1px #000;
		margin:0 0 .75em}
	
	p#icelogo {
		margin:0;}
		p#icelogo img{
			margin:0;
			float:none!important}	


a#go2top {
	background:url(../images/go2top.png) no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	bottom:55px;
	right:15px;}
	a#go2top:hover {
		-moz-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0px 0px 6px  rgba(255,255,255,.3);
		-webkit-box-shadow:0px 0px 6px  rgba(255,255,255,.3);
		box-shadow:0px 0px 6px  rgba(255,255,255,.3);}

	a#go2top span {
		display:none}



/* fix for the opera browser */
	.opera #copyright {
		padding-bottom:37px}
	
	.opera a#go2top {
		bottom:42px}
		
		
/* ToolTips 
---------------*/
div.tooltip {
	background:none;
	border:none;
	float:none;
	max-width:auto;
	padding:0;
	z-index:13000;}


.tool-tip {
	-moz-border-radius: 10px;
	border-top-left-radius:10px;
	color: #fff;
	width: 139px;
	padding:.75em 1em;
	background:#000;
	-moz-box-shadow:0px 0px 8px  rgba(255,255,255,.6);
	-webkit-box-shadow:0px 0px 8px  rgba(255,255,255,.6);
	box-shadow:0px 0px 8px  rgba(255,255,255,.6);
	z-index: 99999999;}
 
.tool-title {
	font-size:1.1em;
	margin: 0;
	color: #FFCC33;}
 
.tool-text {}
 


/*  Joomla Content sections/categories/articles/frontpage
 -------------------------------------------------------------*/
.contentdescription {
	margin-bottom:2.75em}

/* General styles for content */
p.buttonheading { float:right; margin:-3.8em .5em 0 0}
p.buttonheading img { margin:-2px 1px 2px;}
	
p.iteminfo, 
p.articleinfo { 
	color:#777; 
	background:#000;
	background: -moz-linear-gradient(100% 100% 90deg, #000, #121212);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#141414), to(#0C0C0C)); 
	-moz-border-radius: 15px;
	border-radius:15px;
	width:100%;
	padding:.4em .25em .4em 0;
	font-size:.9em;
	border:1px solid #1A1A1A; 
	margin-bottom:1.9em;
	margin-left:-.25em;
	margin-top:.2em;
	float:left}
	
	p.iteminfo span, 
	p.articleinfo span {margin-left:1.25em} 

.blog div.introtext { clear:both}

.blog .introtext img,
#page #articlewrap img,
.blog .contentdescription img {
	background:#111; 
	background: rgba(0,0,0,.6); 
	padding:9px;
	border:1px solid #222;
	border:1px solid rgba(255,255,255,.1);
	margin-bottom:1em;}
 
	
/* Blog Layout (frontpage/category/section) */
.blog .leading {
	margin-bottom:1.5em}
	
.blog .leading h2 {
	font-size:1.75em;
	margin:0 0 .25em ;  }

/* 2 cols */
.blog .cols2 { width:47.5%; float:left;}
.blog .column1 { margin-right:5%;}
.blog .cols2 h2 { font-size:1.5em; margin-bottom:.5em}	
 
/* 3 cols */
.blog .cols3 { width:31.3%; float:left;}
.blog .column3 { margin-left:3%;}
.blog .cols3 h2 { font-size:1.1em;}	
 
 
.blog .article_column p.iteminfo span { display:block }

p.readmore {}
	
	p.readmore a {
		font-family:Arial, Helvetica, sans-serif;
		border:1px solid #1C1C1C;
		background-color: #0A0A0A;
		background: -moz-linear-gradient(100% 100% 90deg, #0A0A0A, #121212);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#121212), to(#0A0A0A));
		display:inline-block;
		-moz-border-radius:15px;
		border-radius:15px;
		padding:1px 12px 2px; 
		cursor:pointer;
		margin:0 .25em;
		color:#666;
		color:rgba(255,255,255,.4);}
			p.readmore a:hover {
				text-decoration:none;
				color:#ccc;
				color:rgba(255,255,255,.7);}
		
			p.readmore a:active {
				background:#000;}
	

.blog hr:last-child {
	display:none}

/* pagination */
ul.pagination {	clear:both;	list-style-type:none; margin:0 auto .75em; text-align:center;}	
	ul.pagination li { 
		-webkit-box-shadow:0 0 4px rgba(255,255,255,.3);
		-moz-box-shadow: 0 0 4px rgba(255,255,255,.3);
		box-shadow: 0 0 4px rgba(255,255,255,.3);
		display:inline;
		margin:0 3px;
		padding:2px 8px 3px;
		border:1px solid #111;
		 background:#000;
		 -moz-border-radius:15px;
		 border-radius:15px;}
p.counter { margin:0 auto; text-align:center; color:#777} 

/* Page Layout */
#page h1.contentheading {}
	
#page #articlewrap { clear:both}


ol.latestnews,
ol.mostreadmod { margin:.5em 0 0; padding-right:0; padding-left:1.5em; }

ol.latestnews li,
ol.mostreadmod  li { color:#999; margin-bottom:1em}



/* Default Joomla Modules sytling
 ---------------------------------*/
 
/* icedate */
#icedate {
	font-family:Verdana, Geneva, sans-serif;
	margin:9px 0 0 3em;
	font-size:.9em;
	text-shadow:1px 1px 1px #fff;}
	

/* mod_login */
form.loginform {
	padding-top:.75em;
	margin-top:0;}
	
	form.loginform label {
		display:none;}
	
	form.loginform p {
		margin-bottom:1em;}

	form.loginform p .inputbox {
		width:90%}
	
	form.loginform p#login_button {
		margin:0;
		float:left;
		padding:0}	 
	
	form.loginform p#form-login-remember {
		float:right;
		padding:.25em .25em 0 0}
		p#form-login-remember label {
			display:inline;
			color:#999;}
		
	form.loginform ul.login_lost {
		clear:both;
		padding:.5em 0 0 .5em;
		list-style-type:none;
		margin:0}
		form.loginform ul.login_lost li {
			padding:.1em 0}
		
		
		
			 	
/* mod_search
---------------*/
.pixsearch {
	z-index:999;
	position:relative;
	margin:0;}
		
	
/* com_search
---------------*/
#com_search {}
	
	#com_search h3 {
		display:inline}

	#com_search p.searchphase label {
		width:90px}
		

/* mod_latestnews and mod_mostread
-------------------------------------*/	
ol.latestnews,
ol.mostreadmod { margin-bottom:0  }

ol.latestnews li,
ol.mostreadmod li { color:#808080;}

	
/* mod_breadcrumbsd
----------------------*/	
#breadcrumb {
	clear:both;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;}
	
	#breadcrumb p {
		display:inline;
		float:left;
		margin:0}
	#breadcrumb ol{
			list-style-type:none;
			float:left;
			font-size:1em;
			margin:0 0 1em;
			padding:0;}
			#breadcrumb ol li { 
				float:left;
				background:url(../images/breadcrumbs_arrow.png) no-repeat right 45%; 	
				padding:0 25px 0 8px;}
				#breadcrumb ol li a {
					display:block;
					color:#fff;
					margin:0;}
					#breadcrumb ol li a:hover {}
				#breadcrumb ol li.last {
					background:none;}
				#breadcrumb ol li.last span { 
					margin:0;}	
	
	#breadcrumb ol li.breacrumbs_home { 
		padding-left:0;}
		#breadcrumb ol li.breacrumbs_home a { 
			display:block;
			width:22px;
			height:22px;
			text-indent:-9999em;
			background:url(../images/breadcrumbs_home.png) no-repeat top;}
				#breadcrumb ol li.breacrumbs_home a:hover { background-position:bottom}



/* mod_banner
---------------*/	
ul.bannermod {
	margin:0;
	padding:0;
	float:left}
	ul.bannermod li {
		list-style-type:none;
		margin:0;
		display:inline;}	
		ul.bannermod li img {
			margin:0;
			float:none}
			

/* mod_poll
--------------*/
form.poll p.polltitle {
	margin-bottom:10px;
	font-style:italic;
	font-size:1em;} 
form.poll p.pollradio {
	margin:0 0 .33em .25em;}
	
form.poll p.pollbutton {
	padding:1.5em 0 .5em;
	margin:0}

form.poll label {
	width:auto;
	font-size:.9em;}
	
/*
  mod_login
------------- */

form.logout p {
	margin:0 0 15px; }

form.logout button{ 
	margin: 0 0 0 10px}
	

/* Some other styles that do not fit above
----------------------------------------------*/
.our-address { 
	font-size:1.3em; 
	font-style:italic; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	line-height:1.55em; 
	text-align:center;
	margin-bottom:0; 
	padding-bottom:1em;}


/* Template Styles custom code */
ul.ice-template-style {
	margin:0;
	padding:0;
	float:left}
	ul.ice-template-style li {
		float:left;
		margin-bottom:1em;
		list-style-type:none;
		cursor:pointer}
		
	ul.ice-template-style li span {
		width:60px;
		margin-bottom:.5em;
		height:auto;
		color:#fff;
		padding-left:10px}	



/* This styles are used on the Editor Page */
form.editor select{ width:auto;}



/*
 Main Nav
------------*/
#nav-wrapper {
	margin-right:50px;
	float:right;
	z-index:99;}

	#nav_container {
		z-index:99;
		height:53px;
		margin:0;
		padding:7px 0 0}

			
/* footermenu 
---------------*/
#footermenu {
	clear:both}
	
#footermenu ul.menu { 
	margin:.25em 0 0 -1em;
	padding:0;}
	#footermenu ul.menu li {
		display:inline;
		float:left;
		font-size:.9em;
		padding:0 1.1em 0 0;
		border-right:1px dotted #333;
		margin:0 0 0 1.1em;
		list-style-type:none;}
		#footermenu ul.menu li a {
			color:#555;
			text-shadow:1px 1px 1px #000;}
			#footermenu ul.menu li a:hover {
				text-decoration:none;
				color:#ccc;}
		
		#footermenu ul.menu li a img {
			float:none;
			margin:0px 8px -4px 0}
			
		#footermenu ul.menu li:last-child {
			border:none;
			padding-right:0;}			






/* System Messages 
----------------------*/
dl#system-message {
	-moz-border-radius:10px;
	border-radius:10px;
	background:#0D0D0D url(../images/stripes.png) repeat;
	border:1px solid #292929; 
	margin:0 0 20px; 
	padding:15px;}
	
	dt.error,
	dd.error {
		border:none;
		padding:0;
		margin:0;
		color:#990027;
		position:relative;
		overflow:hidden;
		background:none;}

	dl#system-message ul {
		margin:0!important;
		background:none!important;
		border:none!important;}
	
	dt.notice,
	dd.notice {
		border:none;
		padding:0;
		margin:0;
		color:#514721;
		position:relative;
		overflow:hidden;
		background:none;}
		
	
		

/* UserTools 
-------------*/
.ice-usertool-container{
	 background:#111;
	 position:absolute;
	 top:0;
	 padding:5px;
	 right:0;
	 width:22px;
	 overflow:hidden;
	 z-index:10000000} 
	
	.ice-usertool-container .ice-header span{
		background:url(../images/usertools/tool.png) 0 0;
		height:14px;
		width:14px;
		text-align:center;
		margin:0 auto;
		display:block}
		
	.ice-usertool-container .ice-header span.ice-open{
		background-position:0 -14px;} 
		
	.ice-ustslidetop{
		visibility:hidden}
		
		
	.ice-ustslidetop .ice-header { cursor:hand;cursor:pointer }
	
	.ice-usertool-wrapper { 
		position:relative; }
		.ice-usertool-container ul { 
			padding:0 0 12px!important; 
			margin:0!important}
			.ice-usertool-container li{
				background:none!important;
				list-style:none!important;
				margin:0!important;
				padding:0 0 5px!important;
				cursor:hand;
				cursor:pointer}
		
		
		.ice-color-switcher li span { 
			width:20px; 
			height:12px; 
			overflow:hidden;
			border:1px solid #555;
			display:block; 
			margin:0}
		.ice-color-switcher .ice-style1 span{ background:#501818; }
		.ice-color-switcher .ice-style2 span{ background:#351545; }
		.ice-color-switcher .ice-style3 span{ background:#152945; }
		.ice-color-switcher .ice-style4 span{ background:#154515; }
		.ice-color-switcher .ice-style5 span{ background:#505018; }
		.ice-color-switcher .ice-style6 span{ background:#503A18; }
		
		
		ulice-font-switcher li{
			padding-bottom:0!important}
			
		.ice-font-switcher a { 
			background:url(../images/usertools/font.png) no-repeat; 
			width:14px; 
			height:14px;
			text-align:center; 
			overflow:hidden;
			display:block;
			margin:0 auto}
		.ice-font-switcher li.smaller a {  background-position:0 0 }
		.ice-font-switcher li.default a {  background-position:0 -14px }
		.ice-font-switcher li.larger a {  background-position:0 -28px }
			
			.ice-font-switcher li.smaller a:hover {  background-position:0 -42px }
			.ice-font-switcher li.default a:hover {  background-position:0 -56px }
			.ice-font-switcher li.larger a:hover {  background-position:0 -70px }
		
		
	
	
		.ice-fs9  { font-size:50%!important; }
		.ice-fs10 { font-size:60%!important; }
		.ice-fs11 { font-size:70%!important; }
		.ice-fs12 { font-size:80%!important; }
		.ice-fs13 { font-size:90%!important; }
		.ice-fs14 { font-size:100%!important; }
		.ice-fs15 { font-size:110%!important; }




/* Sample Food Menu
---------------------*/
div.icefoodmenu {
	position:relative;
	overflow:hidden;
	margin-bottom:4em}
	
div.icefoodmenu h2{
	margin: 1em auto 0.3em;
    font-size: 250%;
	text-align:center}

div.icefoodmenu dl{
	width: 100%;
	overflow: auto;
	border-bottom:1px dotted rgba(255,255,255,.2);
	margin:0;
	padding-top:1em;}
	div.icefoodmenu dl:hover {
		background:#000}
	
	div.icefoodmenu dl dt {
		background: #270B09;
		float: left;
		font-size:1.4em;
		margin-right:.5em;
		padding:.3em .7em;
		-moz-border-radius: 15px;
		border-radius:15px;
		font-weight:normal;
		color:rgba(255,255,255,.7)}
	
	div.icefoodmenu dl dd.price{
		font-weight:normal;
		padding:0 0 0;
		font-size:1.3em;
		float: right;
		margin-top:-.9em;
		color: #fff;}
	
	div.icefoodmenu dl dd.ingredients	{
		float: left;
		clear:both;
		margin-bottom:.75em;
		padding:0;
		padding-top:.3em;
		margin-left:.4em;
		font-style:italic;
		color: #777}



/* Contact Us form */
table.default_address img {
	margin:0}
	

/* IceAccordion Module
------------------------*/
.iceaccordion h4.toggler {
	border-bottom:1px dotted #333;
	border-bottom:1px dotted rgba(255,255,255,.2)!important;
	background-color:inherit!important;
	padding:.6em 0 .6em!important;
	font-size:1.2em!important;
	color:#999!important;
	background-image: url(../images/iceaccordion/iceaccordion_arrow_closed.png)!important}

	.iceaccordion h4.open  {
		background-image: url(../images/iceaccordion/iceaccordion_arrow_open.png)!important;
		color:#fff!important}
	
	.iceaccordion h4.toggler span {
		display:block;
		padding-right:25px;}
		
	.iceaccordion div.accordion_content img  {
		background:#111!important;
		background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6)!important;
		border:1px solid #222!important;
		border:1px solid rgba(255, 255, 255, 0.1)!important;
		padding:9px!important; 
		margin:0 0 1em!important}
		
		
			
/* Latest Tweets Module 
------------------------*/
div.ltBlock ul.ltBlockList {
	margin-top:-7px!important}
div.ltBlock ul.ltBlockList li {
	padding:5px 0!important}
	

/* IceShare Plugin 
----------------------*/	
#ice-sharing {
	background:#fff;
	border:1px solid #dcdcdc;}	
	
	
/* this code is used if the user screen is lower than 500px 
and we need to make the fixed menu and left column to float */
body.fix-position #header {
	position:absolute;}
	
body.fix-position #site_frame {
	height:auto;
	position:absolute;}
	
body.fix-position #site_frame_b {
	height:70px;
	width:260px;
	position:absolute;
	bottom:-70px;
	background:url(../images/site_frame.png) no-repeat bottom left;}

body.fix-position #social {
	position:absolute;
	top:0;
	margin:10px 0 0 -17px}