/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

html { font-size:100.01%; width:100%; margin:0 auto; }

body {
	color: #666;
	background-color:#4c9ab2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.8em;}

img.background {
    position: fixed;
    z-index: -999;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6, p.ice-headline {
	font-family:'Droid Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	line-height: 1.4em;
	margin-bottom:0;
	color: #666; }

h1 { font-size: 2.75em;  }
h2 { font-size: 2.25em;}
h3 { font-size: 1.75em;   }
h4 { font-size: 1.5em;  }
h5 { font-size: 1.25em; font-weight: bold; }
h6 { font-size: 1.25em;}


p.ice-headline {
	font-size:3em;
	text-align:center;}

p.ice-subheadline {
	font-size:1.1em;
	text-align:center;
	margin-top:-3px;
	margin-bottom:18px;
	text-transform:uppercase;
	color:#888}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.25em; }
p.last 		{ margin-bottom:0}
img 		{ }

	.blog-featured img, 
	.blog img,
	#promo img {
		margin:0 10px 10px 0;
		padding:5px;
		float:left;}



a:link { text-decoration: none; outline:none; color:#2e9dcd}
a:visited { text-decoration:none;color:#571586}
a:hover { text-decoration:underline;}



blockquote  {
	position:relative;
 	margin:0 0 1.5em 1em;
 	quotes: "\201C" "\201D";}
	
	 blockquote:before,
	 blockquote:after {
		  position:absolute; 
		  font-weight: bold;
		  font-size:80px;
		  color:#d2f1fd;
		  font-family:Georgia, "Times New Roman", Times, serif; }
	 
	 blockquote:before {
		 content: open-quote;
		 top:25px;
		 left:0; }
	 
	 blockquote:after { 
		 content: close-quote;
		 right:0;
		 bottom:-5px}
	 
	 blockquote p {
		 font-family:"Coming Soon",Georgia, "Times New Roman", Times, serif;
		 font-size:1.25em;
		 margin-bottom:0;
		 line-height:2em;
		 padding:0 4em}
		 
 
strong      { font-weight: bold;  }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

hr 			{ 
	clear:both;
	padding-top:16px;
	margin-bottom:16px;
	border:none;
	border-bottom:1px dashed #9FDFF7;
	height:auto;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


.floatleft { float:left; }
.floatright { float:right;}



/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 2em 1.5em 0; padding-left: 2.5em; }

li          { padding-top:.2em; padding-bottom:.2em}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 2em 0; }
dl dt       { font-weight: bold;  padding-top:.2em; padding-bottom:.2em}
dd          { margin-left: 1.5em; padding-top:.2em; padding-bottom:.2em}

	
	ul.ice-check li, 
	ul.ice-arrow li, 
	ul.ice-cross li,
	ul.ice-light li, 
	ul.ice-star li, 
	ul.ice-note li,
	ul.ice-check2 li,
	ul.ice-help li,
	ul.ice-info li {
		list-style-type:none;
		background-repeat: no-repeat; 
		background-position: center left;
		padding: 4px 0 3px 28px}
		
		ul.ice-check li {
			background-image:url(../images/typo_check.png);}
		ul.ice-arrow li { 
			background-image:url(../images/typo_arrow.png);}
		ul.ice-cross li { 
			background-image:url(../images/typo_cross.png);}
		ul.ice-light li { 
			background-image:url(../images/typo_light.png);}
		ul.ice-star li { 
			background-image:url(../images/typo_star.png);}
		ul.ice-note li { 
			background-image:url(../images/typo_note.png);}	
		ul.ice-check2 li { 
			background-image:url(../images/typo_check2.png);}
		ul.ice-help li { 
			background-image:url(../images/typo_help.png);}
		ul.ice-info li { 
			background-image:url(../images/typo_info.png);}		
				
/* Tables
-------------------------------------------------------------- */

caption     { font-style:italic;  }



/* Table with Decoration
Use the class "custom" to decorate your tables,
Also the table with class "category" below is used by Joomla to output
some of the tables into the the Joomla core components */

table.custom,
table.category { 
	clear:both;
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-shadow: 0 1px 0 #fff;
	background: #fff;
	border:1px solid #C8EDFA;
	border-bottom:none;}
	
	table.custom caption {
		color:#888;
		font-size:1.2em;
		margin-bottom:5px}
		
	table.custom tfoot {
		text-align:left}	
		
		table.custom tfoot th {
			padding: 8px 10px;
			border-bottom: 1px solid #C8EDFA;}
		
	
	table.custom td,
	table.category td {
	  padding: 5px 10px;
	  border-bottom: 1px solid #C8EDFA;
	  -moz-box-shadow: 0 1px 0 #fff;
	  -webkit-box-shadow: 0 1px 0 #fff;
	   box-shadow: 0 1px 0 #fff;}

	  table.custom  tr,
	  table.category  tr {
		-webkit-transition:all .5s ease;
		-moz-transition:all .5s ease;
		-o-transition:all .5s ease;
		transition:all .5s ease;}
		
		table.category tr.cat-list-row1,
		table.custom tr.odd {
			background:#E9F8FD}

	
	table.category thead th,
	table.custom thead th {
		font-size:1.3em;
		font-family:"Droid Sans",Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		padding:7px 10px;
		font-weight:normal;
		color:#fff;
		text-shadow:1px 1px 1px rgba(0,0,0,.7);
		background:#33A6C7;}
		table.category thead th a,
		table.custom thead th a {
			color:#fff!important}




/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .9em; color:#999}
.large      { font-size: 1.2em; line-height: 1.8em; margin-bottom: 1.5em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { font-style:italic; color:#444; background:#F7F7E9; padding:0 .15em!important; font-weight:normal!important; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding-left: 32px;
	border: 1px solid #EAE8CC;
	border-left: 4px solid #33353A;
	background: #FFFEF4;
	color: #333;
	margin:10px 15px;
	padding:10px 15px;
	font: normal 0.92em/18px 'Curier New', monospace!important;}
	
.dropcap {
	color:#555;
	display: block; 
	float:left; 
	font: 6em/75% Georgia, "Times New Roman", Times, serif ;
	padding: 5px 12px 0 0;}



/* custom blocks */
.ice-block1 {
	padding:10px;
	border:1px dashed #999;}
	
.ice-block2 {
	padding:10px;
	background:#fff;
	border:1px dotted #999;}
	
.ice-block3 {
	padding:10px;
	background:#FFFEF4;
	border:1px solid #EAE8CC;}	
	
.ice-block4 {
	padding:10px;
	background:#222;
	color:#ccc;
	border:1px solid #222;}	
	
.ice-block5 {
	padding:10px;
	background:#eee;
	border:1px solid #ccc;}	

.ice-block6 {
	padding:10px;
	background:#CF8080;
	color:#fff;
	border:1px solid #CF8080;}				
		
	.ice-block1 p:last-child,
	.ice-block2 p:last-child,
	.ice-block3 p:last-child,
	.ice-block4 p:last-child,
	.ice-block5 p:last-child,
	.ice-block6 p:last-child {
		margin-bottom:0}
				

/* floated blocks */
.IceBlockTextLeft {
	float:left;
	text-align:left;
	display: block;
	font-size:1.25em;
	font-style: italic;
	line-height:1.7em;
	padding: 30px;
	width: 38%;}
	
.IceBlockTextRight {
	float:right;
	text-align:right;
	display: block;
	font-size:1.25em;
	font-style: italic;
	line-height:1.7em;
	padding: 30px;
	width: 38%;}	


/* Custom CSS3 tooltips */
.tooltip {
	color:#111;
	border-bottom:1px dashed #ccc;
	position: relative;
	cursor: help;
	display: inline-block;
	outline: none;}

	.tooltip span	{
	  visibility: hidden;
	  position: absolute;
	  bottom: 30px;
	  left: 50%;
	  z-index: 999;
	  width: 230px;
	  margin-left: -127px;
	  padding: 10px;
	  border: 2px solid #ccc;
	  opacity: .9;
	  background-color: #ddd;
	  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	  text-shadow: 0 1px 0 rgba(255,255,255,.4);}


	.tooltip:hover span {
	  visibility: visible; }

		.tooltip span:before,
		.tooltip span:after	{
		  content: "";
		  position: absolute;
		  z-index: 1000;
		  bottom: -7px;
		  left: 50%;
		  margin-left: -8px;
		  border-top: 8px solid #ddd;
		  border-left: 8px solid transparent;
		  border-right: 8px solid transparent;
		  border-bottom: 0;}
		
		.tooltip span:before {
		  border-top-color: #ccc;
		  bottom: -8px;}
		  
		  
			  /* Yellow */
			.yellow-tooltip span {
				border-color: #e1ca82;
				background-color: #ffeaa6;}
	
				.yellow-tooltip span:after { 
				  border-top-color: #ffeaa6;}
				
				.yellow-tooltip span:before{
				  border-top-color: #e1ca82;}
				
			/* Navy */
			.navy-tooltip span{
			  color: #fff;
			  text-shadow: 0 1px 0 #000;  
			  border-color: #161a1f;
			  background-color: #1e2227;}
			
				.navy-tooltip span:after{ 
				  border-top-color: #1e2227;}
				
				.navy-tooltip span:before{
				  border-top-color: #161a1f;}
			
			/* Blue */
			.blue-tooltip span {
			  border-color: #59add4;
			  background-color: #61bde7;}
			
				.blue-tooltip span:after{ 
				  border-top-color: #61bde7;}
				
				.blue-tooltip span:before{
				  border-top-color: #59add4;}
			
			/* Pink */
			.pink-tooltip span {
			  border-color: #ce4378;
			  background-color: #ea4c88;}
			
				.pink-tooltip span:after { 
				  border-top-color: #ea4c88;}
				
				.pink-tooltip span:before{
				  border-top-color: #ce4378;}


	
/* used just of the typography page 
dont need to be used for template functions */
span.notice-typo {
	color:#888;}