/**
 * @package   Next Joomla Template
 * @version   1.0 February 27, 2012
 * @author    7Studio Tomasz Herudziński http://www.7studio.eu
 * @copyright Copyright (C) 2007 - 2012 Agencja Interaktywna 7 Studio Tomasz Herudzinski
 * @license   ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
 
	*** BASED ON ***

 * @package   Gantry Template - RocketTheme
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2012 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */


/* EXTENDED TYPOGRAPHY STYLES
-----------------------------------------------------------------------------------*/

/* PREFORMATTED TEXT
-----------------------------------------------------------------------------------*/
code,
pre { 
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace; 
	color:#555; 
	padding: 12px 24px 24px 24px;  
	line-height:24px; 
	background:#fafafa; 
	border-bottom:1px solid #e2e2e2; 
	margin-bottom:24px;
	display: block;
	margin: 0 0 9px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
}

/* BLOCKQUOTE 
-----------------------------------------------------------------------------------*/
blockquote { 
	font-style:italic; 
	font-size:21px; 
	font-family:"Times New Roman", Georgia, Serif; 
	line-height:30px; 
	background: url(../images/typography/blockquote-icon.png) no-repeat 0 0; 
	padding:32px 32px 12px 32px; 
	color:#222; 
}

/* UNORDERED LISTS
-----------------------------------------------------------------------------------*/
ul.checkmark-list { list-style-type:none; }
ul.checkmark-list li { line-height:30px; background: url(../images/typography/checkmark-list.png) no-repeat 0 50%; padding-left:24px; }
ul.circle-list { list-style-type:none; }
ul.circle-list li { line-height:30px;background: url(../images/typography/circle-list.png) no-repeat 0 50%; padding-left:24px; }
ul.arrow-list { list-style-type:none; }
ul.arrow-list li { line-height:30px; background: url(../images/typography/arrow-list.png) no-repeat 0 50%; padding-left:24px; }

/* PARAPGRAPH ICONS
-----------------------------------------------------------------------------------*/
p.cart-icon { background: url("../images/typography/cart-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.category-icon { background: url("../images/typography/category-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.chart-icon { background: url("../images/typography/chart-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.clipboard-icon { background: url("../images/typography/clipboard-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.clip-icon { background: url("../images/typography/clip-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.clock-icon { background: url("../images/typography/clock-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.cloud-icon { background: url("../images/typography/cloud-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.cog-icon { background: url("../images/typography/cog-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.comment-icon { background: url("../images/typography/comment-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.pdf-icon { background: url("../images/typography/pdf-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.film-icon { background: url("../images/typography/film-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.information-icon { background: url("../images/typography/information-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.marker-icon { background: url("../images/typography/marker-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.megaphone-icon { background: url("../images/typography/megaphone-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.iphone-icon { background: url("../images/typography/iphone-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.price-icon { background: url("../images/typography/price-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.repeat-icon { background: url("../images/typography/repeat-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.search-icon { background: url("../images/typography/search-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.tools-icon { background: url("../images/typography/tools-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.usersgroup-icon { background: url("../images/typography/usersgroup-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }

/* PULL QUOTES
-----------------------------------------------------------------------------------*/
span.pquote-r { float:right; }
span.pquote-l { float:left; }
span.pquote-r,
span.pquote-l { 
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap; 
	width: 50%; 
	padding: 1em; 
	color:#333; 
	margin: 0 0.5em 0.5em 0; 
	font-style:italic; 
	font-size:21px; 
	font-family:"Times New Roman", Georgia, Serif; 
	line-height:30px; 
}

/* DROPCAPS 
-----------------------------------------------------------------------------------*/
p span.dropcaps1,
p span.dropcaps2 { font-family: "Times New Roman", Georgia, serif; font-size:60px; padding:15px 5px 9px 0px; float:left; color:#333; }
p span.dropcaps2 { padding:0px 5px 6px 0px; }

/* SMALL LEGEND
-----------------------------------------------------------------------------------*/
p.small-legend { 
	padding:6px 0;
	border-bottom:1px solid #eaeaea; 
	margin:30px 0; 
	text-align:left; 
	text-transform:uppercase; 
	font-size:14px;
	color:#000;
}

/* BOXES
-----------------------------------------------------------------------------------*/
p.border-gray { border:2px solid #eee; padding:15px; }
p.border-blue { padding:15px; }