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


/* ---------------------- general.css --------------------------
This CSS file containt almost all the styles for the template
decoration and the layout position. You are free to change the 
styles here to suit to your projet needs.

Also remember you dont need to worry about the size of this file
when you see all this comments. Tthe IceSpeed plugin that we
provide inside the template package will strip all of this
comments plus it will comprees all the CSS.
---------------------------------------------------------------- */


/* 
Accessibility Feature
----------------------
Used in case if the user hase disabled the stylesheets and wants
to skip to the main parts of the website
---------------------------------------------------------------- */
#accessibility {
	display:none;}
	
	
/* 
Site Main Wrapping
------------------
We use the 960px width which is the easiest way to separate the 
content because of its ability to be splited in many ways. 
Please be careful when you decide to change the value because 
some of the images used for decoration are meant to be used with
this width so you need to change them to.
---------------------------------------------------------------- */
.wrapper  { width:960px; margin:0 auto;}
	
	
/* 
General Styles
--------------
Below you will find some genaral classes that we use to position 
our layout. We suggest you to not change them as it may break the 
layout in several places, anyway if you do so please be careful 
to note where the changes are done.
---------------------------------------------------------------- */
.floatleft { float:left; }
.floatright { float:right;}

.width20  { width: 20%; } 
.width25  { width: 22.6%;}
.width33  { width: 31.2%;}
.width50  { width: 47.5%;} 
.width75  { width: 74.5%;} 
.width100 { width: 99%;} 
	
	#promo .width33 { width:31.5%}
		
	#footer .width20 { width: 18.3%;}
	#footer .width25 { width: 23.4%;}


/* Layout
--------------
The layout section contains all the CSS codes that we used to built
this template structure like header, content, bottom etc. Normally
this section contains the CSS codes that are need to handle the 
structure but you may find some other CSS codes that are not 
directly related to the structure like the codes for the the logo,
search, copyright etc 
---------------------------------------------------------------- */


/* TopBar
------------*/	
#topbar {
	min-height:28px;
	padding-top:12px;
	position:relative;
	overflow:hidden;}
	
	

/* Header
------------*/	
#header {
	min-height:110px;
	background:#fff;
	background: -moz-linear-gradient(100% 100% 90deg, #E6E6E6, #fff);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E6E6E6)); 
	border:1px solid #d9d9d9;
	border-bottom:none;
	border-top-color:#666}
	

/* Logo
------------*/
#logo {
	position:relative;
	overflow:visible;
	margin:5px 0px 0px 0px;
	text-align:center}
	#logo img {
		float:none;
		margin:0;
margin-top:-5px;
 }



/* Content
------------*/
#content {
	background:#fff;
	border:1px solid #d9d9d9;}
			

	/* Main Column Separator 
	   This code separate the "left" module position from the content. */	
	#columns-container {
		position:relative;
		margin:0;
		border-bottom:none;}
	
		#outer-column-container {
			border-style:solid;
			border-color:transparent;}
			
			#inner-column-container{
				width: 100%;
				border-right:1px solid #D9D9D9;}
										   
				#source-order-container{
					float: left;
					width: 100%;}
	
					#middle-column{
    float: right;
    width: 100%;}			   
						
					#left-column {
						float:left;}
						
						.inside { margin:0; padding:10px 0 0; }
										
							.clear-columns { clear:both;}
	
	
	
	/* Second Column Separator 
	   This code separate the "right" module position from the content.*/	
	#columns-container-inside{
		position:relative;
		margin:0 1px 0 0;
		border-bottom:none;}
	
		#outer-column-container-inside {
			border-style:solid;
			border-color:#F2F2F2;}
			
			#inner-column-container-inside{
				width: 100%;
				border-right:1px solid #D9D9D9;}
										   
				#source-order-container-inside{
					float: left;
					width: 100%;}
	
					#middle-column-inside{
						float: right;
						width: 100%;}
						
					#right-column {
						float: left;}
						
						.inside { margin:0; padding:0; }
		
					#middle-column-inside .inside { padding:10px}

/* Promo
------------*/		
#promo {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #D9D9D9}	


/* IceTabs 	
------------*/	
#icetabs {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #D9D9D9}		
	
		
/* Bottom
------------*/
#bottom {
	padding:10px 0 10px 10px;
	border-top:1px solid #D9D9D9}	
	
	
/* Footer
------------*/
#footer {
	border-bottom:1px solid #fff;}
	#footer_effect {
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
		margin:30px 0 0}

	
/*  Copyright 
---------------*/
#copyright {
	margin:0;
	padding:25px 0 10px;
	text-align:center;
	text-shadow:1px 1px 1px #fff;}
	
	/* Logo Small */ 
	#copyright #logo-small p {
		margin-bottom:1em;
		position:relative;}

		#copyright #logo-small img {}	
	
	
	div#copytext { clear:both;}
		div#copytext p { margin:0 0 .75em}
	
		
	/* IceTheme Copyright Logo */ 	
	div#icelogo { clear:both; padding:15px 0 0;}
		div#icelogo p { margin:0;}
			div#icelogo p a {
				display:block;
				background:url(../images/icetheme.png) no-repeat;
				width:120px;
				height:20px;
				margin:0 auto;
				opacity:.4;
				-webkit-transition:all .5s ease-in;
				-moz-transition:all .5s ease-in;
				-o-transition:all .5s ease-in; 
				transition:all .5s ease-in;}
				div#icelogo p a:hover {
					opacity:1;
					-webkit-transform:rotate(360deg);
					-moz-transform:rotate(360deg);
					-o-transform:rotate(360deg);
					transform:rotate(360deg);}
					div#icelogo p a span { display:none}



	/* Go to Top */
	a#go2top {
		clear:right;
		float:right;
		padding:0 ;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		color:#666;
		font-size:.9em;}
		a#go2top:hover {
			color:#222;
			text-decoration:none;}
			
		a#go2top span {
			padding-left:5px;
			font-size:1.3em}


		


/* Joomla Content
------------------
Below you will find all the CSS codes that are needed to render
the layout for Joomla Section, Category, Article and other 
elements related to those parts like the pagination, readmore etc
---------------------------------------------------------------- */

/* The content description is used on the begging of each section
or catgory to display the page title and the page description */
.contentdescription {
	margin-bottom:2.75em}


/* Buttonheading is used to render the CSS for the icons like
print, email, pdf  */
p.buttonheading { float:right; margin:0}
p.buttonheading img { margin:-2px 1px 2px;}
	
/* The code below is used to render the published date, 
last updated date and the author name on each category,
section or article */	
p.iteminfo, 
p.articleinfo { 
	color:#999;
	font-size:.9em;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	float:left}
	p.iteminfo span, 
	p.articleinfo span {margin-right:1.25em} 


/* The readmore code is used to make readmore links for each article
on the Section and Category view */
p.readmore {}
	p.readmore a {}
	

/* Pagination makes a unested list of links on the end of each 
cateogry/section but it may be used by other extensions as well
for the same reason, so be careful as this other extensions 
may use their own code to display the pagination */
ul.pagination {	
	clear:both;	
	list-style-type:none; 
	margin:0 auto .75em; 
	text-align:center;}	
	ul.pagination li {
		display:inline;
		margin:0 3px;
		padding:2px 8px 3px;
		border:1px solid #dedede;
		 background:#F2F2F2}
		 
	p.counter { 
		margin:0 auto; 
		text-align:center; 
		color:#777} 




.blog div.introtext { clear:both}

.blog .introtext img,
#page #articlewrap img,
.blog .contentdescription img {
	background:#F1F1F1;  
	padding:5px;
	border:1px solid #DEDEDE;
	margin-bottom:1em;}
 

/* Below you will find the CSS codes for the blog layout which
is used by Joomla to display Sections and Articles in a blog
format */
.blog .leading {
	margin-bottom:1.5em}
	.blog .leading h2 {
		font-size:1.75em;
		margin:0 0 .25em ; }

.blog .cols2 { width:47.5%; float:left;}
.blog .column1 { margin-right:5%;}
.blog .cols2 h2 { font-size:1.5em; margin-bottom:.5em}	
 
.blog .cols3 { width:31.3%; float:left;}
.blog .column3 { margin-left:3%;}
.blog .cols3 h2 { font-size:1.1em;}	
 


/* Below are the codea used on each Joomla Articles */
#page h1.contentheading {}
	
	#page #articlewrap { clear:both}
	#page #articlewrap p{ 
	text-align:justify;
	
	}
	#page {

	text-align:right;
	direction:ltr;
	padding:20px;
	}



/* Default Joomla Extensions
------------------------------
Below you will find the CSS codes that are needed by the Default
Joomla Extensions like the mod_latestnews, mod_login, mod_search,
etc.
---------------------------------------------------------------- */
 
/* mod_latestnews and mod_mostread */
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}


/* 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}
		
	form.logout p {
	margin:0 0 15px; }

	form.logout button{ 
		margin: 0 0 0 10px}
	
		
				
/* mod_pixsearch
---------------*/
#searcharea {
    float: right;
    margin: -59px 20px 0 0;
    position: relative;
    z-index: 999;
	}
		
	
	
/* com_search
---------------*/
#com_search {}
	
	#com_search h3 {
		display:inline}

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

	
/* mod_breadcrumbs
----------------------*/	
#breadcrumb {
	clear:both;
	text-shadow:1px 1px 1px #fff;
	margin:-22px 0 0 10px;
	padding:0;}

	#breadcrumb ol{
		list-style-type:none;
		float:left;
		font-size:1em;
		margin:0 0 1em;
		padding:0;}
		#breadcrumb ol li { 
			float:left;
			padding:0}
			#breadcrumb ol li a {
				display:block;
				margin:0;}
				#breadcrumb ol li a:hover {}
			#breadcrumb ol li.last {
				background:none;}
			#breadcrumb ol li.last span { 
				margin:0;}	
	
		#breadcrumb .separator {
			border:none;
			float:left;
			margin:0;
			display:block;
			padding:0 10px}


/* 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; direction:rtl}
	form.poll p.pollradio input {
		margin-left:0; padding-left:0}
	
form.poll p.pollbutton {
	padding:1.5em 0 .5em;
	margin:0}

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

	

/* Miscellaneous CSS
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */

		
/* Social Paramters
----------------*/
#social {
	margin:0;
	float:right;}
	
	#social ul {
		margin:0;
		float:left;
		padding:0 0 0 1.5em}
		
	#social ul li {
		float:left;
		padding:0;
		list-style-type:none;
		margin:0}
		
		#social ul li a {
			background:url(../images/social_icons.png) no-repeat center;
			width:20px;
			opacity:.2;
			height:20px;
			margin:0 0 0 6px;
			display:block;
			float:left;
			-moz-transition: all .4s ease-in;
			-o-transition: all .4s ease-in;
			-webkit-transition: all .4s ease-in;
			transition: all .4s ease-in;}
			
			#social ul li a:hover {
				opacity:1}
			
			#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 -20px}	
		
		#social ul li.social-youtube a {
			background-position:0 -40px}
		
		#social ul li.social-linkedin a {
			background-position:0 -60px}	
		
		#social ul li.social-flickr a {
			background-position:0 -80px}	
			
			
			
/* ToolTips 
---------------*/
div.tooltip {
	background:none;
	border:none;
	float:none;
	max-width:auto;
	padding:0;
	z-index:13000;}


.tool-tip {
	color: #fff;
	width: 139px;
	padding:.75em 1em;
	background:#242424;
	border:1px solid #fff;
	-moz-box-shadow:0px 0px 8px  rgba(0,0,0,.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 {}
 
 
 
/* 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;}


/* System Messages 
----------------------*/
dl#system-message {
	padding:.6em 1em 0.6em 3.4em;
	border:1px solid #fff;
	margin:1em 1em 1.5em;
	color: #514721;
	background:#FFF6BF url(../images/typo_note.png) no-repeat 10px center;
	-moz-box-shadow: 0 0 8px #877736;
	-webkit-box-shadow: 0 0 8px 877736;
	box-shadow: 0 0 8px #877736;}
	
	
	dl#system-message dd {
		text-indent:0}
		
		
	dt.error,
	dd.error {
		-moz-box-shadow:none;
		box-shadow:none;
		border:none;
		padding:0;
		margin:0;
		color:#990027;
		position:relative;
		overflow:hidden;
		background:none;}

	#system-message dd ul {
		margin:0!important;
		padding: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;}
		


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


/* Menus
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used 
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */

/* MainMenu 
Only the wrapper part is here the rest of the codes that
generates the mainmenu can be found on 
modules/mod_icemenu/tmpl/default/icemenu.css   #264C0D, #3C7815
---------------*/
#nav-wrapper {
	background:#264C0D;
	background: -moz-linear-gradient(100% 100% 90deg, #264C0D, #3C7815);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C7815), to(#264C0D)); 
	height:40px;
	margin-bottom:40px;}

	#nav_container {
		margin:0;
		padding:0}


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

/* Footerlinks 
---------------*/
#footerlinks {
	margin-top:-10px;
	padding:0 0 20px;
	clear:both}
	
#footerlinks ul { 
	margin:0 0 0 -1em;
	padding:0;}
	#footerlinks ul li {
		display:inline-block;
		
		font-size:1em;
		padding:0 1.1em 0 0;
		border-right:1px dotted #999;
		margin:0 0 0 1.1em;
		text-transform:uppercase;
		list-style-type:none;}
		#footerlinks ul li a {
			color:#444;
			text-shadow:1px 1px 1px #fff;}
			#footerlinks ul li a:hover {
				text-decoration:none;
				color:#000;}
			
			#footerlinks ul li.activeCategory a {	
				color:#000;}
			
		#footerlinks ul li:last-child {
			border:none;
			padding-right:0;}			





/* FooterMenu 
---------------*/
#footermenu {
	padding:0;
	float:right}
	
#footermenu ul.menu { 
	margin:.25em 0 0 -1em;
	padding:0;}
	#footermenu ul.menu li {
		display:inline;
		float:left;
		font-size:.9em;
		padding:0 2em 0 0;
		margin:0;
		list-style-type:none;}
		#footermenu ul.menu li a {}
			#footermenu ul.menu li a:hover {}
		
		#footermenu ul.menu li a img {
			float:none;
			margin:0px 8px -4px 0}
			
		#footermenu ul.menu li:last-child {
			border:none;
			padding-right:0;}			



/* 
Extensions Overwrites
----------------------
Below you will find the CSS codes for the extensions that we
provide along with this template. Note that almost all the
extensions found here have their own CSS file on their 
respective folders. Also note that all the CSS codes here
overwrite the CSS code on the module folders. That's why we have
userd the !important feature many times below.
---------------------------------------------------------------- */

/* IceAccordion Module
------------------------*/
.iceaccordion h4.toggler {
	background-color:inherit!important;
	padding:.6em 0 .6em!important;
	font-size:1em!important;
	color:#555!important;}

	.iceaccordion h4.open  {
		color:#000!important}
	
	.iceaccordion h4.toggler span {
    display: block;
    padding-left: 25px;
    padding-right: 0;}
		
	.iceaccordion div.accordion_content img  {
		background:#f1f1f1!important;
		border:1px solid #DEDEDE!important;
		padding:5px!important; 
		margin:0 0 1em!important}
		
		
			
/* Latest Tweets Module 
------------------------*/
div.ltBlock ul.ltBlockList {
	overflow:hidden!important;
	margin-top:-4px!important}
div.ltBlock ul.ltBlockList li {
	padding:5px 0!important}

div.ltFollowUsLink {
	padding:7px 0 0!important}

div.ltFollowUsLink a {
	text-align:left!important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;}
		
	
	

/* IceShare Plugin 
----------------------*/	
#ice-sharing {
	display:none;
	padding:10px 10px 0;
	opacity:.3;
	background:#fff;
	border:1px solid #dcdcdc;
	-webkit-transition:opacity .5s ease-out;
	-moz-transition:opacity .5s ease-out;
	-o-transition:opacity .5s ease-out; 
	transition:opacity .5s ease-out;}	
	#ice-sharing:hover {
		opacity:1;}
	

/* IceCaption Module 
----------------------*/
.ice-caption {
	margin-bottom:0!important}
		
.ice-caption-horizontal .ice-caption {
	padding:5px;
	font-size:1em;
	background:#F1F1F1;
	margin-bottom:0;
	border:1px solid #DEDEDE;}
	
.ice-caption-horizontal	.ice-caption-cover{
	bottom:5px;}

.ice-caption-horizontal .ice-caption .ice-opacity {
	background:#111;
	margin:5px;
	margin-top:0; }	
	
.ice-caption-horizontal	.ice-caption .ice-infor {
	padding:0.25em 1em;
	text-align: left;
	font-size: 11px;
	}
	
.ice-caption-horizontal	.ice-caption .ice-title {
	font-size: 11px;
	line-height:1.5em;
	font-weight:normal;}
	
.ice-caption-horizontal	.ice-caption .ice-desc {
	font-size:1em;
	line-height:1.5em}
	
	
	
/* Jweather Module
----------------------*/	
.jweather img.jweather_icon {
	margin:0!important;}	
	
.jweather {
	font-size:1em!important;
	padding-top:0!important}
	
.jweather_day {
	color:#999!important}

.jweather table  {
	margin-bottom:5px} 
	
.jweather td {
	 padding: 5px 2px 0 3px;}
	 

/* mod_vergefacebooklike
----------------------*/
#fb-like {
	clear:left;
	margin: -10px 0 0 20px;
	float:left;} 	 	 
	 
	 
/* mod_db8sitelastmodified
-----------------------------*/
#modified {
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	text-shadow:1px 1px 1px #fff}
	
	#modified span {
		padding-right:7px;
		color:#888}
		
.componentheading {
display:none;
}

p.buttonarea {
float:right;
}

table.default_address {
direction:ltr;
}

.accordion_content .more-link {
    display: block;
    margin-right: 155px;
    margin-top: 0px;
}

ul.star {
width:185px;
}

.latestItemDateCreated {
    color: grey;
    font-family: times New Roman;
    font-size: 8pt;

}

.latestItemDateCreated0 {
    color: grey;
    font-family: times New Roman;
    font-size: 8pt;

clear:both;
}