@charset "utf-8";/**
 * @copyright	(C) 2006 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(/templates/system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(/templates/system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(/templates/system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(/templates/system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(/templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(/templates/system/images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(/templates/system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(/templates/system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote {
	margin: 0;
	padding : 0;
	color: #717376;
}

body{
	color: #65696b;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height:1.6;
	font-weight: 300;
}


h1, div#bot h3.module, div.main_menu li.current.active a, div.user4 .menu li.active a, #k2-menu-container li a.selected, div#k2Container.itemListView .element .header h2, div.itemCommentsForm form input#submitCommentButton, div.tip-title, div.main_menu ul li.active a,a#active_menu:link,a#active_menu:visited, li.active.deeper.parent a, li.active.deeper.parent span.separator, div.itemListCategory h2, button.button.validate, #system-message-container #system-message .error {
	font-weight: 600;
}

div#wrapper, div#wrapper-ct {background: #fff}
div#wrapper-ct {background: #fff;border-right: 1px solid #EDEDED; border-left: 1px solid #ededed;}
div#top .inner, div#bot .inner {max-width: 960px;}

.padder {padding: 20px;background: white;}

div.moduletable h3 {margin: 16px 0}

.inputbox, .registration input, #login-form input, .contact-form input, #jform_contact_message {
	border: solid 1px #d1d1d1;
	margin: 2px 0;
	padding: 6px 9px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

h1{
	font-size: 300%;
}

#left h1 {
	border-bottom: none;
}

.componentheading {
	margin: 0 0 20px;
}

.componentheading.portfolio{padding:0 20px}

h2 {
	font-size: 250%;
}

h3 {
	font-size: 150%;
}

h4, h5, h6 {
	font-size : 100%;
}


ul {
	list-style : none;
}

address, caption, cite, code, dfn, th, var {
	font-style : normal;
	font-weight : normal;
}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

fieldset, img {
	border : 0;
}

img {
    border: 0 none;
	max-width: 100%;
	height: auto;
    vertical-align: middle;
}

#google-map img, .box_skitter .image img, .box_clone img {
	max-width: none !important;
}

caption, th {
	text-align : left;
}

q:before, q:after {
	content :'';
}

a {
	text-decoration : none;
	color : #626262;
}

div.commentAuthorName a {
	text-decoration: none!important;
}

.clearfix::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}


*:hover, *:active, *:focus, input:focus, textarea:focus {
	outline:none !important;
}

div.tooltip {
	padding: 7px 10px;
	background: #ededed;
	border: 1px solid #b4b9af;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	position: absolute !important;
	z-index: 99;
}

div.tip-title {
	color: #121212;
}

div.separator {
	margin: 35px 0;
	background: transparent url(/templates/jf_creativia/images/separator.png) bottom center no-repeat;
	height: 10px;
	clear: both;
}

div.separator-c {
	background: url(/templates/jf_creativia/images/separator-c.png) 0 repeat-x;
	padding: 5px 0;
	margin: 15px 0;
}

div#left {width: 25%; float: left; }
div#left > div { margin: 0 0 20px; }
div#left div.rotate {margin: 0;}
a:link, a:visited {
	color : #7ba7ce;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#cholder-l {width: 75%; float: right;}
div.contact, div#k2Container, div.blog, div.item-page {position: relative; z-index: 9;}
div.cholder-inner {padding: 0 0 30px 20px; border-left: 1px solid #ededed; margin-left: 20px;}

div#startingpage-logo,div.main_menu li a, div.main_menu li span.separator, div.user4 .menu li a, a.jflink, div.itemBackToTop {
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}
	
	
div#startingpage-logo:hover,div.main_menu li a:hover, div.main_menu li span.separator:hover, div.user4 .menu li:hover a,div.main_menu li.current.active a, div.user4 .menu li.active a, a.jflink:hover, div.itemBackToTop:hover {
		opacity : 1.0 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100); 											/* hack IE7		*/
}


div#soverlay {
	position:absolute;
	z-index: 9999; width: 100%; height: 100%; overflow: hidden;
	background: #fcfff4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmY2ZmZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmY2ZiZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmOWY4ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTNlMWQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #fcfff4 0%, #fcfbf9 25%, #fefefe 50%, #f9f8f6 75%, #e3e1d5 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfff4), color-stop(25%,#fcfbf9), color-stop(50%,#fefefe), color-stop(75%,#f9f8f6), color-stop(100%,#e3e1d5)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #fcfff4 0%,#fcfbf9 25%,#fefefe 50%,#f9f8f6 75%,#e3e1d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #fcfff4 0%,#fcfbf9 25%,#fefefe 50%,#f9f8f6 75%,#e3e1d5 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #fcfff4 0%,#fcfbf9 25%,#fefefe 50%,#f9f8f6 75%,#e3e1d5 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #fcfff4 0%,#fcfbf9 25%,#fefefe 50%,#f9f8f6 75%,#e3e1d5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e3e1d5',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


div#startingpage-logo {
	z-index: 100;
	position: absolute;
	left: 50%; top: 50%;
	overflow: hidden!important;
	-webkit-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity: 0.25;
}


#wrapper-bg {
	background: #f3f2ed;
}

.site {
	border-bottom: 1px solid #e6e6e6;
	min-height:100%;
}


#top{
	background : #ededed;
	border-bottom: 1px solid #f2e7a5;	
}
	
	
#top .inner {
	margin: 0 auto;
	padding: 0 10px;
}


#top .inner .padder{
	padding: 0 10px;
}

#jf_logo {
	float: left;
	padding-top: 40px;
	padding-bottom: 30px;
}

#jf_logo img{
	-webkit-filter: saturate(30%);
	-moz-filter: saturate(30%);
	-o-filter: saturate(30%);
	-ms-filter: saturate(30%);
	filter: saturate(30%);
	
	-webkit-transition: -webkit-filter 2s;
	-moz-transition: -moz-filter 1s;
	-o-transition: -o-filter 1s;
	-ms-transition: -ms-filter 1s;
	atransition: filter 1s;
}
#jf_logo img:hover{
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}

/** 		main menu box 		**/
#navbutton {
	display: none;
}

#navbutton a {
    background: url("/templates/jf_creativia/images/collapse-icon.png") no-repeat scroll right center #F5F5F5;
    border: 1px solid #BBBBBB;
    color: #5C686D;
    cursor: pointer;
    display: block;
    font-size: 18px;
    padding: 6px 10px;
}
	
.main_menu_box {
	float: right;
	padding-top: 85px;
}


.main_menu {
	position:relative;
	padding : 0 10px;
	z-index:10;
}


.main_menu h3 {
	display : none;
}


.top {
	position : relative;
	padding:10px 0;
	z-index:1;
}


.bottom {
	position : relative;
	padding-top:10px;
	z-index:1;
}


.top .moduletable, .bottom .moduletable {
	margin-bottom:10px;
}

#slideshow a {
	text-decoration: none;
}

#slideshow .jflabel_skitter a:hover {
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}

.left_column {
	position:relative;
	float:left;
	width:20%;
	margin: 0px 50px 0px 0;
	padding-right:4px;
	z-index:1;
}


.left_column .moduletable {
	margin-bottom:25px;
}


.right_column {
	position:relative;
	overflow:hidden;
	padding: 0px 0 0px 0px;
	z-index:1;
}


.right-module-position {
	float:right;
	width:180px;
	margin-left:30px;
}


.right-module-position .moduletable {
	position:relative;
	z-index:1;
}


.right-module-position .moduletable {
	margin-bottom:20px;
}


.main-content {
	position:relative;
	overflow:hidden;
	z-index:1;
}



	/**  ARTICLE  JOOMLA **/
	
/**	icons	**/
	
ul.actions {
	margin:10px 10px 0 3px;
	padding:0;
	text-align:right;
	float:right;
}


ul.actions li {
	display:inline;
}


ul.actions a {
	text-decoration:none;
}


/**	article info	**/
	
.article-info  {
	font-size:90%;
	margin:8px 0 15px 0;
}


.article-info-term  {
	display:none;
}


/**		article index	**/
	
#article-index {
	background: transparent url(/templates/jf_creativia/images/black-03.png) 0 0 repeat;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	float: right;
	margin: 10px 0 20px 30px;
	clear : both;
	padding: 8px 12px;
	width: 17%;
}

li.pagenav-prev a {	float: left; margin: 30px 0}
li.pagenav-next a { float: right; margin: 30px 0}

/* ++++++++++++++  position  ++++++++++++++ */
	
.blog-featured {
	padding: 0;
}


.items-leading {
	padding:8px 5px 10px 5px;
	overflow:hidden;
	margin-bottom:10px;
	background : transparent url(/templates/jf_creativia/images/underline.png) 0 0 repeat-x;
}


.row-separator {
	display: block;
	clear: both;
	margin: 0;
	border: 0px;
	height:1px;
}


.item-separator {
	display: none;
	margin: 0px;
}


.shownocolumns {
	width:98% !important;
}


/* ++++++++++++++  blog  ++++++++++++++ */
	
.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}


.cols-2 .column-1 {
	width:46%;
	float:left;
}


.cols-2 .column-2 {
	width:46%;
	float:right;
	margin:0;
}


.cols-3 .column-1 {
	float:left;
	width:29%;
	padding:0px 5px;
	margin-right:4%;
}


.cols-3 .column-2 {
	float:left;
	width:29%;
	margin-left:0;
	padding:0px 5px;
}


.cols-3 .column-3 {
	float:right;
	width:29%;
	padding:0px 5px;
}


.items-row {
	background: url(/templates/jf_creativia/images/separator.png) no-repeat bottom center;
	overflow:hidden;
	margin-bottom:35px !important;
	padding-bottom: 35px;
}


.column-2 {
	width:55%;
	margin-left:40%;
}


.column-3 {
	width:30%;
}

.page-header h2 a, .page-header h1 a {
	text-decoration: none;
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}

.page-header h2 a:hover, .page-header h1 a:hover {
	opacity : 1.0 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100);
}

.blog-more {
	padding:10px 5px
}


span.content_rating img {
	display:inline-block;
	margin:0 1px;
}


span.content_vote input {
	display:inline-block;
	margin:0 2px;
}

/**		FOOTER		**/
	
.bottom-site {
	clear:both;
	padding : 15px 0 40px 0;
	border-top : 1px solid #f6f6f6;
	z-index:1;
}


.bottom_menu {
	float:right;
	margin-left: 16px;
}


.bottom_menu.with_social_icons {
	float:none;
	clear:both;
	margin:0 0 0 -17px;
	padding-top:0px;
}


.address {
	float:left;
	margin: 6px 0 0 0;
}


.address p {
	margin: 0px;
}



	/**	social icons	**/
	
#social-links {
	float:left;
	list-style:none;
	padding:0 0 0 3px;
	margin: 20px 0;
}


#social-links li {
	float:left;
	margin-right:20px;
}


#social-links li a {
	-webkit-transition : none;
	-moz-transition : none;
	-ms-transition : none;
	-o-transition : none;
	transition : none;
}


#social-links li a img {
	opacity : 0.4 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=40)";  	/* hack IE8 	*/
	filter: apha(opacity = 40); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}


#social-links li a:hover img {
	opacity : 1.0 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100); 											/* hack IE7		*/
}

/* Copyright*/
#copyright {
	clear: both;
}

#copyright .copyright {
	float: left;
	margin-right: 10px;
}

#copyright .copyright p {
	margin: 0;
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60);
}

#copyright ul {
	float: left;
}

#copyright ul li {
    border-left: 1px solid;
    display: inline;
    padding: 0 5px;
}

#copyright ul li a {
	color: #717376;
	font-size: 12px;
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
	text-transform: none;
}

#copyright ul li a:hover {
	opacity : 1.0 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100);
}

#copyright ul li a:hover {
	text-decoration: underline;
}

/**  OTHERS  	**/
	

.clr {
	clear:both;
	height: 0;
	line-height: 0;
	width: 0;
}


/**	JF	**/
	
.jf {
	clear:both;
	padding:15px 0 40px 0;
	margin:0 auto;
	text-align:center;
	height:40px;
	width:172px;
}


.jflink {
	float:left;
	text-indent:-9999px;
	height:40px;
	width:172px;
	background : transparent url(/templates/jf_creativia/images/jf.png) 0 0 no-repeat;
}



/**	contact	**/
	
.contact h3 {
	margin:20px 0;
}


.contact .panel .contact-form form, .contact .panel .contact-address {
	margin:20px 0 0 0;
}

.button, .btn-primary, .item:hover div.catItemReadMore a,.item:hover div.userItemReadMore a,.item:hover div.tagItemReadMore a, .catItemReadMore a,
.userItemReadMore a, p.readmore a, div.tagItemReadMore a {
	color: #fff!important;
	cursor: pointer;
	background: #626262;
	border: 1px solid #626262;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: block;
	padding: 10px 20px;
	text-decoration: none !important;
}

button, .button {
	font-family: 'Open Sans',sans-serif;
}

.button:hover,.button:focus,.button:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .catItemReadMore a:hover,.catItemReadMore a:focus,.catItemReadMore a:active,.userItemReadMore a:hover,.userItemReadMore a:focus,.userItemReadMore a:active,.tagItemReadMore a:hover,.tagItemReadMore a:focus,.tagItemReadMore a:active, li.pagenav-prev a:hover, li.pagenav-next a:hover, p.readmore a:hover {
	background: url(/templates/jf_creativia/images/trans-grad-black-20.png) repeat-x center #121212;
	cursor: pointer;
} 

.item:hover div.catItemReadMore a,.item:hover div.userItemReadMore a,.item:hover div.tagItemReadMore a, .catItemReadMore a,
.userItemReadMore a,.tagItemReadMore a {
	float: right; 
}

.contact-email div {
	margin:0 0 10px;
	padding:2px 0;
}


.contact-email label {
	float:left;
	width:17em;
}


#contact-email-copy  {
	float:left;
	margin-right:10px;
}


fieldset {
	padding-bottom:20px;
}


fieldset > div {
	margin-bottom:12px;
}


fieldset dt {
	clear:left ;
	float:left;n;
	padding:3px 20px 3px 0 ;
	margin-bottom:10px;
}


fieldset dd {
	float:left;
	padding:3px 0 ;
}


#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg {
	width:240px;
}

#jform_contact_message {width: 615px; resize: none}


.contact .button {
	clear: left;
	display: block;
	float: none !important;
}


legend {
	margin-bottom:15px;
	font-weight:normal;
	color: #111;
	font-size:85%;
}


.panel h3.pane-toggler a {
	display:block;
	background: transparent url(/templates/jf_creativia/images/slider_plus.png) right top no-repeat;
}

.panel h3.pane-toggler-down a {
	display:block;
	background: transparent  url(/templates/jf_creativia/images/slider_minus.png) right top no-repeat;
	border-bottom:solid 1px #ddd;
	padding-bottom:7px;
}


#member-registration > div, #user-registration > div {
	margin-top:22px;
}


#editor-xtd-buttons {
	float:left;
}


#editor-xtd-buttons .readmore a {
	padding: 0 24px 0 6px;
	border:none;
	text-shadow:none;
	margin-right:0;
	font-style:normal;
	font-size:11px;
	color:#666;
	float:left;
	background-image:none;
}


.toggle-editor {
	margin: 5px 0 0 0px;
}


/**  Error Message contact form  **/
	p.error {
	padding:10px;
}


/**  editor  **/
.contentpaneopen_edit {
	float: left;
}


.contentpaneopen_edit img {
}



	/**	form required	**/
	
.form-required {
	background: transparent url(/templates/jf_creativia/images/req.png) 0 7px no-repeat;
	font-weight:bold;
	margin:10px 0;
	padding:10px 40px;
}


/**  pagebreak  **/
	table.contenttoc {
	padding:10px;
	margin:10px;
}


table.contenttoc tr td {
	padding:1px 0px
}


.pagenavcounter {
	font-weight:bold;
}


/**  Error Message contact form  **/
p.error {
}

#system-message-container #system-message .error {
	font-size:140%;
	color: red ;
}


#system-message-container #system-message .message {
	font-size:100%;
	color: #000 !important;
}


#system-message-container ul {
	margin : 0 !important;
}


#system-message-container li {
	background-image : none !important;
	padding : 8px 0 0 0 !important;
}


/**  C-Bottom  **/


div.c-bottom1, div.c-bottom2, div.c-bottom3 {
	float: left;
	margin-bottom: 20px;
}

div.c-bottom1 > div, div.c-bottom2 > div, div.c-bottom3 > div {
	padding-right: 10px;
}

div.moduletable-v1 h3, div.moduletable-v1 a {color: #a36700}
div.moduletable-v2 h3, div.moduletable-v2 a {color: #a3001f}
div.moduletable-v3 h3, div.moduletable-v3 a {color: #0068a3}


/**  Bottom  **/

#bot{
	border-top: 1px solid #EDEDED;
	background: url(/templates/jf_creativia/images/bottom-bg.png) 0 0 repeat;
}

#bot div.moduletable h3 {
	font-weight: 600;
	margin: 0 0 12px;
}

#bot .inner {
	font-size: 12px;
	margin: 0 auto;
	padding: 35px 10px 0 10px;
}


aside.users_bottom {margin-bottom: 40px;}
	div#bot h3.module {color: #626262; font-size: 16px; margin-bottom: 15px;}

.user1, .user2, .user3, .user4, .user5, .user6{
	padding-top: 7px;
	font-size: 14px;
	float:left;
	background: transparent url(/templates/jf_creativia/images/bottom-border-right.png) top right no-repeat;
	min-height: 128px;
}

.user3, .user6 {
	background: none;
}

.user2 div.content-module a, .user3 div.content-module a, .user5 div.content-module a, .user6 div.content-module a {
	text-decoration: underline!important;
}
	
.user2 > div, .user5 > div {padding: 0 30px;}
.user3 > div, .user6 > div {padding-left: 30px;}
	
div.moduletable.blog {background: transparent url(/templates/jf_creativia/images/blog-icon.png) 100% 2% no-repeat;}

div.Itemleft {background: white;float: left;width: 236px;}
div.Itemright {border-left: 1px solid #EDEDED;background: white;float: right;width: 672px;padding: 20px;}

#google-map {
	float: right; 
	margin: 37px 15px 0 0;
	height: 175px;
	width: 355px;
}

.control-group {
	margin: 13px 0;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.pull-right.item-image {
	margin: 0 0 15px 15px;
}

.itemView .pull-left {
	width: 180px;
}

/* K2 Gallery */
ul.sigProClassic {
	float: none;
	text-align: center;
}

ul.sigProClassic li.sigProThumb {
	margin: 0;
	float: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
	background: none;
	padding: 0;
	float: none;
}

ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
	border: none;
	padding: 0;
	margin: 0;
	float: none;
}

ul.sigProClassic li.sigProThumb a.sigProLink, ul.sigProClassic li.sigProThumb a.sigProLink:hover {
	float: none;
}

/* Go to top */
.backToTop {	
	text-align: center;
	position: absolute;
	bottom: 50px;
	z-index: 999;	
}

.backToTop a {
	background: url(/templates/jf_creativia/images/gototop.png) no-repeat top center;
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-top: 45px;
	font-size: 30px;
	text-decoration: none;
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}

.backToTop a:hover {
	opacity : 1 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100); 
}

/* Joomla Article */
/*
.item-header {
	position: absolute;
	left: 0;
	bottom: 280px;
}

.item-header h1 {
	border-bottom: none;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	writing-mode: lr-tb;
	display: block;
}
*/
.img-intro-right, .img-fulltext-left {
	float: right;
	margin: 0 0 15px 15px;
}

p.readmore {
	clear: both;
	float: right;
}

.k2Pagination, .pagination {
	text-align: center;
}
	
	
.k2Pagination ul, .pagination ul {
	display: block;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
	
.k2Pagination ul li, .pagination ul li {
	background: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.k2Pagination ul li.pagination-start {border-left: none;}
	
.k2Pagination ul li .pagenav, .pagination ul li .pagenav {
	padding: 10px 15px;
	display: inline-block;
	color: #626262 !important;
	font-size: 48px;
	text-decoration: none !important;
}

.k2Pagination ul li span.pagenav, .pagination ul li span.pagenav {
	font-weight: 600;
}
	
.k2Pagination p.page-count, .pagination p.counter {
	color: #333;
	display: block;
	margin: 10px 0 10px 20px;
}

#k2-menu-container ul#filters {
	float: right;
	padding: 14px 13px 13px;
}

#k2-menu-container li {
	float: left;
	font-size: 24px;
	padding: 0 0 0 35px;
	background: url(/templates/jf_creativia/images/k2-menu-container-separator.png) 15px 22px no-repeat;
}
	
#k2-menu-container li a {
	color: #626262;
	text-decoration: none;
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}

#k2-menu-container li a:hover, #k2-menu-container li a.selected {
	opacity : 1.0 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100); 
}

#k2-menu-container li:first-child {
	background: none;
}

.isotope-item div.catItemImageBlock {
	float: none;
	margin: 0;
}

.isotope-item img {
	width: 100% !important;
}

.portfolio .isotope-item img {
	width: 50% !important;
}

.isotope-item .item-inner {
	border: none;
	position: relative;
	margin: 0;
	padding: 0;
}
	
.isotope-item .loading {
	background-image: url(/templates/jf_creativia/images/ajax-loader.gif);
	top: 20px;
	right: 20px;
}
	
.isotope-item:hover .element-image img,
.isotope-item:hover .element-image img,
.isotope-item.clicked .element-image img {
	opacity: 0.1;
	filter: alpha(opacity=10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.isotope-item:hover .element-main {display: block !important;}
	
.isotope-item .element-main {
	display: none;
	padding: 0px 10px 0px 10px;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.isotope-item  div.catItemHeader h3.catItemTitle {
    display: block;
    font-size: 20px;
	font-weight: 600;
    margin-top: 0;
    padding-top: 15px;
    text-align: center;
    text-transform: lowercase;
}
.isotope-item div.catItemIntroText{text-align:center;}
	
/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */

div.featured, div.Itemfeatured {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
	background:url(/templates/jf_creativia/images/system/featuredItem.png) no-repeat 100% 0;
	width: 52px;
	height: 52px;
}

div#k2Container.itemView.itemIsFeatured {
	text-align: justify;
}

/* Submenu */
#submenu {
	background: url(/templates/jf_creativia/images/k2-menu-container.gif) repeat-x scroll left top #ebe6d6;
}

#submenu ul {
	float: right;
    padding: 16px 13px;
}

#submenu ul li {
    background: url(/templates/jf_creativia/images/k2-menu-container-separator.png) no-repeat scroll 15px 22px;
    float: left;
    font-size: 24px;
    padding: 0 0 0 35px;
	width: auto;
}

#submenu ul li:first-child {
    background: none;
}

#submenu ul li a {
    color: #626262;
	font-size: 24px;
    text-decoration: none;
	opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;
}

#submenu ul li a:hover {
	opacity : 1 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100); 
}

#submenu ul li.current a {
	font-weight: 600;
	opacity : 1 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100); 
}


.item-page ul {list-style-type:disc;padding:10px 0 10px 20px;}

.blog [class^="leading-"]{clear:both;}
/**	MAIN MENU **/
div.main_menu li { float: left; }
div.main_menu li:hover, div.main_menu li:focus {}
div.main_menu li ul { position: absolute; width: 220px; left: -999em; top: 50px; z-index: 999; background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;border: 1px solid #EDEDED; margin: 0; padding: 0; -moz-box-shadow: 0px 0px 15px #121212; -webkit-box-shadow: 0px 0px 15px #121212; box-shadow: 0px 0px 15px #666666; }
div.main_menu li ul ul {}
div.main_menu li ul:hover {}
div.main_menu li li ul:hover {}
div.main_menu li li {}
div.main_menu li a, div.main_menu li span.separator { cursor: pointer; display : block; padding: 7px 0 25px 23px; text-transform: lowercase; color : #6e6e6e; font-size:24px; text-decoration: none; }
div.main_menu li.active ul li a {font-weight: 300 !important;}
div.main_menu li ul li a, div.main_menu li ul li span.separator { font-size:17px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EDEDED; }
div.main_menu li:hover ul, div.main_menu li.sfhover ul {left: auto;}
div.main_menu li ul li {white-space: nowrap;width: 220px;}
li.active.deeper.parent span.separator { opacity : 1.0 ; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* hack IE8 */	filter: apha(opacity = 100);/* hack IE7	*/}


/** DEFAULT MENU **/
.submenu ul, .submenu ul li, .submenu ul ul { list-style: none; margin: 0; padding: 0; }
.submenu li { display:block; vertical-align: middle; border:none; margin:0 0 7px 0; zoom: 1; }
.submenu li a, .submenu li span.separator { display : block; position : relative; /**	change	**/
color:#67655E; padding: 10px 10px 8px 3%; text-transform: uppercase; letter-spacing: -0.5px; font-weight: normal; font-size:100%; text-decoration: none; z-index:10; }
.submenu ul ul { margin: 0 0 0 4px; }
.submenu li li { margin: 0; }
.submenu li li a, .submenu li li span.separator { font-size:100%; text-transform: none; color:#666; background: transparent url(/templates/jf_creativia/images/puce-link.png) 5px 16px no-repeat; padding-left:16px; margin-left: 0; }

/** if hover or active **/
.submenu li > a:hover, .submenu li > span.separator:hover, .submenu li.current > a { color: #99CC66; }
.submenu ul ul ul { margin: 0 0 0 20px; }
.submenu li li li a, .submenu li li li span.separator { font-size:95%; text-transform: none; font-weight: normal; color:#777; text-indent:0; background-image :none; border:none; }
.submenu li li li a:hover, .submenu li li li span.separator:hover, .submenu li li li a, .submenu li li li span.separator { background-image: none; border:none; }


/**	BOTTOM MENU		**/
div.user4 .menu ul { margin : 2px 0 3px 0; }
div.user4 .menu li { padding:0; margin:0; display:inline-block; list-style : none; }
div.user4 .menu li a, div.user4 .menu li span.separator { text-decoration: none!important; text-transform: lowercase; color: #626262; font-size:18px; padding: 0px 3px; }
div.user4 .menu li.active a, div.user4 .menu li:hover a,div.user4 .menu li a:active {text-decoration: none;}


/**LEFT	 MENU		**/
#left ul.menu { margin: 0; list-style: none; }
#left ul.menu li { padding: 0; margin: 0;}
#left ul.menu li a { display: block; padding: 15px; margin: 0; color: #626262; text-decoration: none; border-bottom: 1px solid #F2E7A5; }
#left ul.menu li a:hover, #left ul.menu li a:active { color: #121212; background: #EDEDED; }
#wrapper, #wrapper-k2, #wrapper-ct, .wrapper {
    max-width: 960px; /* 960 px */
    margin: 0 auto;
	position: relative;
}

#container {
	width: 100%;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}

.isotope-item {
  width: 240px;
  height: 175px;
  overflow: hidden;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}



/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**
 * @version		$Id: k2.css 1913 2013-02-08 22:35:11Z joomlaworks $
 * @package		K2
 * @author		JoomlaWorks http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2013 JoomlaWorks Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */

/*
### Legend ###
Font families used:
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-family:Arial, Helvetica, sans-serif;

Colors used:
	#f7fafe (light blue) used as background on all toolbars, category and user/author boxes

*/



/*----------------------------------------------------------------------
	Common Elements
----------------------------------------------------------------------*/

/* --- Basic typography --- */
a:active,
a:focus {outline:0;}
img {border:none;}

/* --- Global K2 container --- */
body.contentpane #k2Container {padding:16px;} /* used in popups */

/* --- General padding --- */
.k2Padding {padding:4px;}

/* --- Clearing --- */
.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}

/* --- RSS feed icon --- */
div.k2FeedIcon {border-bottom:1px solid #ededed;padding-bottom:10px;margin-bottom:20px;}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:48px;height:48px;background:url(/templates/jf_creativia/images/fugue/icon-feed.png) no-repeat 50% 50%;}
div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {display:none;}

/* --- Rating --- */
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(/templates/jf_creativia/images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:transparent url(/templates/jf_creativia/images/system/transparent_star.png) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
span.siteRoot {display:none;}

/* --- CSS added with Javascript --- */
.smallerFontSize {font-size:100%;line-height:inherit;}
.largerFontSize {font-size:150%;line-height:140%;}

/* --- ReCaptcha --- */
.recaptchatable .recaptcha_image_cell,
#recaptcha_table {background-color:#fff !important;}
#recaptcha_table {border-color: #ccc !important;}
#recaptcha_response_field {border-color: #ccc !important;background-color:#fff !important;}

/* --- Primary lists in modules --- */
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/

div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/

.clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */
.lastItem {border:none;} /* class appended on last list item */

/* --- Avatars --- */
.k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;}

/* --- Read more --- */
a.k2ReadMore {}
a.k2ReadMore:hover {}

/* --- Pagination --- */
div.k2Pagination {text-align:center;}

/* --- Pagination (additional styling for Joomla! 1.6+) --- */
div.k2Pagination ul {text-align:center;}
div.k2Pagination ul li {display:inline;}

/* --- Extra fields: CSV data styling --- */
table.csvData {}
table.csvData tr th {}
table.csvData tr td {}

/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {background:url(/templates/jf_creativia/images/system/featuredItem.png) no-repeat 100% 0;}



/*----------------------------------------------------------------------
	Component: Item view
----------------------------------------------------------------------*/
a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:4px;background:#F7FAFE;border:1px solid #ccc;text-align:center;color:#555;font-size:13px;}
a.itemPrintThisPage:hover {background:#eee;text-decoration:none;}

div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;} /* this is the item container for this view */
div.itemIsFeatured {} /* Attach a class for each featured item */

span.itemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.itemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.itemEditLink a:hover {background:#ffffcc;}

div.itemHeader {}	
	div.itemHeader h2.itemTitle {padding: 0 0 20px;margin:0;}
	div.itemHeader h2.itemTitle span {}
	div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */
	div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;}
	div.itemHeader span.itemAuthor a {}
	div.itemHeader span.itemAuthor a:hover {}

div.itemToolbar {}
	div.itemToolbar ul {list-style:none;padding:0;margin:0;}
	div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;}
	div.itemToolbar ul > li:first-child {border:none;} /* remove the first CSS border from the left of the toolbar */
	div.itemToolbar ul li a {}
	div.itemToolbar ul li a:hover {}
	div.itemToolbar ul li a span {}
	div.itemToolbar ul li a.itemPrintLink {}
	div.itemToolbar ul li a.itemPrintLink span {}
	div.itemToolbar ul li a.itemEmailLink {}
	div.itemToolbar ul li a.itemEmailLink span {}
	div.itemToolbar ul li a.itemVideoLink {}
	div.itemToolbar ul li a.itemVideoLink span {}
	div.itemToolbar ul li a.itemImageGalleryLink {}
	div.itemToolbar ul li a.itemImageGalleryLink span {}
	div.itemToolbar ul li a.itemCommentsLink {}
	div.itemToolbar ul li a.itemCommentsLink span {}
	div.itemToolbar ul li a img {vertical-align:middle;}
	div.itemToolbar ul li span.itemTextResizerTitle {color: #666666;font-weight:bold;margin: 5px 0 0;}
	div.itemToolbar ul li a#fontDecrease {margin:0 5px;text-decoration:none;}
	div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;background:url(/templates/jf_creativia/images/system/font_decrease.gif) no-repeat;}
	div.itemToolbar ul li a#fontIncrease {margin:0 5px;text-decoration:none;}
	div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;background:url(/templates/jf_creativia/images/system/font_increase.gif) no-repeat;}
	div.itemToolbar ul li a#fontDecrease span,
	div.itemToolbar ul li a#fontIncrease span {display:none;}

div.itemRatingBlock {padding:20px 0;}
	div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}

div.itemBody {padding:20px 0 35px;margin:0 0 35px;background:url(/templates/jf_creativia/images/separator.png) no-repeat bottom center;}

div.itemImageBlock {padding:0;margin:0 0 16px 0;}
	span.itemImage {display:block;text-align:center;margin:0 0 5px;}
	span.itemImage img {min-width: 100%;}
	span.itemImageCaption {color:#666;float:left;display:block;}
	span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;}
	
span.itemDateCreated {float: right;padding-top:20px;}

div.itemIntroText {font-weight:bold;}
	div.itemIntroText img {}

div.itemFullText {}
	div.itemFullText h3 {margin:0;padding:16px 0 4px 0;}
	div.itemFullText p {}
	div.itemFullText img {}

div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
	div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
	div.itemExtraFields ul {margin:0;padding:0;list-style:none;}
	div.itemExtraFields ul li {display:block;}
	div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
	div.itemExtraFields ul li span.itemExtraFieldsValue {}

div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;}
	span.itemHits {float:left;}
	span.itemDateModified {}
	
div.itemHitsBlock, div.itemDateModifiedBlock {margin: 0 0 20px;}

div.itemSocialSharing {margin:0 0 20px;}
	div.itemTwitterButton {float:left;margin:2px 24px 0 0;}
	div.itemFacebookButton {float:left;margin-right:24px;width:200px;}
	div.itemGooglePlusOneButton {}

div.itemLinks {margin:16px 0;padding:0;}

div.itemCategory {margin:0 0 20px;}
	div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.itemCategory a {}
div.itemTagsBlock {}
	div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.itemTagsBlock ul.itemTags li a {}
	div.itemTagsBlock ul.itemTags li a:hover {}

div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;}
	div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
	div.itemAttachmentsBlock ul.itemAttachments li a {}
	div.itemAttachmentsBlock ul.itemAttachments li a:hover {}
	div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;}

/* Author block */
div.itemAuthorBlock {border:1px solid #ddd;margin:0 0 16px 0;padding:8px;}
	div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
	div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:0;}
	div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;}
	div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;}
	div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {}
	div.itemAuthorBlock div.itemAuthorDetails p {}
	div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;}
	div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;}
	div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
	div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;}

/* Author latest */
div.itemAuthorLatest {margin-bottom:16px;padding:0;}
	div.itemAuthorLatest h3 {}
	div.itemAuthorLatest ul {}
		div.itemAuthorLatest ul li {}
			div.itemAuthorLatest ul li a {}
			div.itemAuthorLatest ul li a:hover {}

/* Related by tag */
div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
	div.itemRelated h3 {}
	div.itemRelated ul {overflow:hidden;}
		div.itemRelated ul li {float:left;width:25%;}
		div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */
		div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
			a.itemRelTitle {}
			div.itemRelCat {}
				div.itemRelCat a {}
			div.itemRelAuthor {}
				div.itemRelAuthor a {}
			img.itemRelImg {}
			div.itemRelIntrotext {}
			div.itemRelFulltext {}
			div.itemRelMedia {}
			div.itemRelImageGallery {}

/* Video */
div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/templates/jf_creativia/images/system/videoplayer-bg.gif) repeat-x bottom;}
	div.itemVideoBlock div.itemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */
	div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;}
	div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;}
	div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;}

/* Image Gallery */
div.itemImageGallery {margin:0 0 16px 0;padding:0;}

/* Article navigation */
div.itemNavigation {padding:0;margin:0 0 24px 0;}
	div.itemNavigation span.itemNavigationTitle {color:#999;}
	div.itemNavigation a.itemPrevious {padding:0 12px;}
	div.itemNavigation a.itemNext {padding:0 12px;}

/* Comments */
div.itemComments {}
	h3.itemCommentsTitle {font-size:48px;margin:0 0 15px;}
	div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;}
	div.itemComments ul.itemCommentsList li {padding:0;margin:0;}
	div.itemComments ul.itemCommentsList li.authorResponse {background:url(/templates/jf_creativia/images/system/stripes.png) repeat;}
	div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;}
	div.itemComments ul.itemCommentsList li img {margin:4px 4px 4px 0;padding:4px;background:#fff;}
	div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;}
	div.itemComments ul.itemCommentsList li span.commentAuthorName {color:#313B3D;}
	div.itemComments ul.itemCommentsList li p {padding:0;margin:0;}
	div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;}
	div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;}
	div.itemComments ul.itemCommentsList li span.commentLink a {text-decoration:underline;}
	div.itemComments ul.itemCommentsList li span.commentLink a:hover {text-decoration:none;}

	div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;}
	div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;}
	div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;}
	div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(/templates/jf_creativia/images/system/searchLoader.gif) no-repeat 100% 50%;}

div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;}
	div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;}

div.itemCommentsForm h3 {margin:0;padding:0;font-size:48px;}
	div.itemCommentsForm p.itemCommentsFormNotes {}
	div.itemCommentsForm form {}
	div.itemCommentsForm form label.formComment {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form textarea.inputbox {display:block;width:95%;height:160px;margin:0;}
	div.itemCommentsForm form input.inputbox {display:block;width:95%;margin:0;}
	div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:10px 20px;border:1px solid #626262;background:#626262;font-family: 'Open Sans',sans-serif;font-size:14px;float:right;}
	div.itemCommentsForm form input#submitCommentButton:hover {background: url(/templates/jf_creativia/images/trans-grad-black-20.png) repeat-x center #121212;}
	div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;}
	div.itemCommentsForm form .formLogLoading {background:url(/templates/jf_creativia/images/system/loading.gif) no-repeat left center;}
	
	div.commentimgholder {float: left;width: 9%;margin-right:20px;}

	div.commentholder {overflow: hidden;border: 1px solid #eeeeee;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px;padding: 15px;margin-bottom: 30px;}
	div.itemCommentsForm .pull-left {width:30%}
	div.itemCommentsForm .pull-right {width:60%;}

/* "Report comment" form */
div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;}
	div.k2ReportCommentFormContainer blockquote {width:462px;background:#f7fafe;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;}
	div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;}
	div.k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;}
	div.k2ReportCommentFormContainer blockquote span.theComment {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px;}
	div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;}
	div.k2ReportCommentFormContainer form input,
	div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;}
	div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;}
	div.k2ReportCommentFormContainer form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;}
	div.k2ReportCommentFormContainer form .formLogLoading {background:url(/templates/jf_creativia/images/system/loading.gif) no-repeat left center;}

/* Back to top link */
div.itemBackToTop {text-align:right;}
	div.itemBackToTop a {text-decoration:underline;}
	div.itemBackToTop a:hover {text-decoration:underline;}



/*----------------------------------------------------------------------
	Component: Itemlist view (category)
----------------------------------------------------------------------*/

div.itemListCategoriesBlock {}

/* --- Category block --- */
div.itemListCategory {border-bottom:1px solid #EDEDED;}
	span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;}
	span.catItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;}
	span.catItemAddLink a:hover {background:#ffffcc;}
	div.itemListCategory img {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
	div.itemListCategory h2 {margin-bottom: 15px;}
	div.itemListCategory p {}

/* --- Sub-category block --- */
div.itemListSubCategories {}
	div.itemListSubCategories h3 {}
		div.subCategoryContainer {float:left;}
		div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
			div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;}
				div.subCategory a.subCategoryImage,
				div.subCategory a.subCategoryImage:hover {text-align:center;display:block;}
				div.subCategory a.subCategoryImage img,
				div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
				div.subCategory h2 {}
				div.subCategory h2 a {}
				div.subCategory h2 a:hover {}
				div.subCategory p {}

/* --- Item groups --- */
div.itemList {}
	div#itemListLeading {}
	div#itemListPrimary {}
	div#itemListSecondary {}
	div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;}

		div.itemContainer {float:left;}
		div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */

/* --- Item block for each item group --- */
div.catItemView {} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */

	/* Additional class appended to the element above for further styling per group item */
	div.groupLeading {}
	div.groupPrimary {}
	div.groupSecondary {}
	div.groupLinks {padding:0;margin:0;}

	div.catItemIsFeatured {} /* Attach a class for each featured item */

span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.catItemEditLink a:hover {background:#ffffcc;}

div.catItemHeader {margin: 0 0 20px;}
	div.catItemHeader span.catItemDateCreated {}
	div.catItemHeader h3.catItemTitle {padding:0;margin:0 0 20px;font-size:300%;color:#626262;}
	div.catItemHeader h3.catItemTitle a {color:#626262;text-decoration: none;opacity : 0.6 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";  	/* hack IE8 	*/
	filter: apha(opacity = 60); 											/* hack IE7		*/
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition : all 0.2s ease-in-out;
	-ms-transition : all 0.2s ease-in-out;
	-o-transition : all 0.2s ease-in-out;
	transition : all 0.2s ease-in-out;}
	div.catItemHeader h3.catItemTitle a:hover {
	opacity : 1.0 ;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
	filter: apha(opacity = 100);
	}
	div.catItemHeader h3.catItemTitle span {}
	div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */
	div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;}
	div.catItemHeader span.catItemAuthor a {}
	div.catItemHeader span.catItemAuthor a:hover {}

div.catItemRatingBlock {padding:0;float:right;}
	div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}

div.catItemBody {padding:0;margin:0;}

div.catItemImageBlock {padding:0;margin:0 0 15px 15px;float:right;}
	span.catItemImage {display:block;text-align:center;margin:0;}
	span.catItemImage img {}

div.catItemIntroText {padding:0; text-align: justify;}
	div.catItemIntroText img {}

div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
	div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
	div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;}
	div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;}
	div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
	div.catItemExtraFields ul li span.catItemExtraFieldsValue {}

div.catItemLinks {margin:0 0 50px 0;padding:0;}

div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	span.catItemHits {}

div.catItemCategory {padding:0;}
	div.catItemCategory span {padding:0 4px 0 0;}
	div.catItemCategory a {}

div.catItemTagsBlock {padding:0;}
	div.catItemTagsBlock span {padding:0 4px 0 0;}
	div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.catItemTagsBlock ul.catItemTags li a {}
	div.catItemTagsBlock ul.catItemTags li a:hover {}

div.catItemAttachmentsBlock {}
	div.catItemAttachmentsBlock span {padding:0 4px 0 0;}
	div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;}
	div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
	div.catItemAttachmentsBlock ul.catItemAttachments li a {}
	div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {}
	div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;}

/* Video */
div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/templates/jf_creativia/images/system/videoplayer-bg.gif) repeat-x bottom;}
	div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */
	div.catItemVideoBlock span.catItemVideo {display:block;}

/* Image Gallery */
div.catItemImageGallery {margin:0 0 16px 0;padding:0;}

/* Anchor link to comments */
div.catItemRatingComment {float:right;}
div.catItemCommentsLink {float:right;margin-left:25px;}
	div.catItemCommentsLink a.numOfComments, div.userItemCommentsLink a.numOfComments {background:url(/templates/jf_creativia/images/comment.png) no-repeat;display:block;height:36px;width:47px;color:#626262;font-weight:600;text-align:center;text-decoration:none;}
	div.catItemCommentsLink a:hover {}

/* Read more link */
div.catItemReadMore {display:inline;}
	div.catItemReadMore a {}
	div.catItemReadMore a:hover {}

/* Modified date */
span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;}



/*----------------------------------------------------------------------
	Component: Itemlist view (user)
----------------------------------------------------------------------*/

/* User info block */
div.userView {}
	div.userBlock {border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;}

		span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;}
		span.userItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;}
		span.userItemAddLink a:hover {background:#ffffcc;}

		div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
		div.userBlock h2 {}
		div.userBlock div.userDescription {padding:4px 0;}
		div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;}
			span.userURL {font-weight:bold;color:#555;display:block;}
			span.userEmail {font-weight:bold;color:#555;display:block;}

		div.userItemList {}

/* User items */
div.userItemView {background:url(/templates/jf_creativia/images/separator.png) no-repeat bottom center;padding: 0 0 35px 0;margin:0 0 35px;} /* this is the item container for this view */
div.userItemIsFeatured {} /* Attach a class for each featured item */

div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;}

span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
	span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
	span.userItemEditLink a:hover {background:#ffffcc;}

div.userItemHeader {margin:0 0 20px;}
	div.userItemHeader span.userItemDateCreated {}
	div.userItemHeader h3.userItemTitle {padding:0;margin:0 0 20px;font-size:300%;color:#626262;}
	div.userItemHeader h3.userItemTitle a {color:#626262;text-decoration:none;}
	div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */

div.userItemBody {padding:0 0 5px;margin:0;}

div.userItemImageBlock {padding:0;margin:0 0 15px 15px;float:right;}
	span.userItemImage {display:block;text-align:center;margin:0;}

div.userItemIntroText {padding:0;}
	div.userItemIntroText img {}

div.userItemLinks {margin:0 0 16px 0;padding:0;}

div.userItemCategory {}
	div.userItemCategory span {padding:0 4px 0 0;}
	div.userItemCategory a {}

div.userItemTagsBlock {}
	div.userItemTagsBlock span {padding:0 4px 0 0;}
	div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.userItemTagsBlock ul.userItemTags li a {}
	div.userItemTagsBlock ul.userItemTags li a:hover {}

/* Anchor link to comments */
div.userItemCommentsLink {float:right;margin-left: 25px;}
	div.userItemCommentsLink a {}
	div.userItemCommentsLink a:hover {}

/* Read more link */
div.userItemReadMore {display:inline;}
	div.userItemReadMore a {}
	div.userItemReadMore a:hover {}



/*----------------------------------------------------------------------
	Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagView {}

div.tagItemList {}

div.tagItemView {padding:0 0 35px;margin:0 0 35px;background:url(/templates/jf_creativia/images/separator.png) no-repeat bottom center;} /* this is the item container for this view */

div.tagItemHeader {margin: 0 0 20px;}
	div.tagItemHeader span.tagItemDateCreated {}
	div.tagItemHeader h2.tagItemTitle {font-size:48px;padding:0;margin:0 0 20px;}
	div.tagItemHeader h2.tagItemTitle a {color:#626262;text-decoration:none;}

div.tagItemBody {padding:0 0 5px;margin:0;}

div.tagItemImageBlock {padding:0;margin:0 0 15px 15px;float:right;}
	span.tagItemImage {display:block;text-align:center;margin:0;}

div.tagItemIntroText {padding:0;}
	div.tagItemIntroText img {}

	div.tagItemExtraFields {}
		div.tagItemExtraFields h4 {}
		div.tagItemExtraFields ul {}
			div.tagItemExtraFields ul li {}
				div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {}
				div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {}

	div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;}
		div.tagItemCategory span {padding:0 4px 0 0;}
		div.tagItemCategory a {}

/* Read more link */
div.tagItemReadMore {display:inline;}
	div.tagItemReadMore a {}
	div.tagItemReadMore a:hover {}



/*----------------------------------------------------------------------
	Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericView {}

div.genericItemList {}

div.genericItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */

div.genericItemHeader {}
	div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;}
	div.genericItemHeader h2.genericItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}

div.genericItemBody {padding:8px 0;margin:0;}

div.genericItemImageBlock {padding:0;margin:0;float:left;}
	span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
	span.genericItemImage img {border:1px solid #ccc;padding:8px;}

div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.genericItemIntroText img {}

	div.genericItemExtraFields {}
		div.genericItemExtraFields h4 {}
		div.genericItemExtraFields ul {}
			div.genericItemExtraFields ul li {}
				div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {}
				div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {}

	div.genericItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
		div.genericItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
		div.genericItemCategory a {}

/* Read more link */
div.genericItemReadMore {display:inline;}
	div.genericItemReadMore a {}
	div.genericItemReadMore a:hover {}

/* No results found message */
div#genericItemListNothingFound {padding:40px;text-align:center;}
	div#genericItemListNothingFound p {font-size:20px;color:#999;}

/* --- Google Search (use Firebug or similar tools to inspect the generated HTML, then style accordingly --- */
#k2GoogleSearchContainer .gsc-control {width:auto !important;}
#k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area,
#k2GoogleSearchContainer .gsc-control .gsc-resultsHeader,
#k2GoogleSearchContainer .gsc-control .gsc-url-bottom {display:none !important;} /* Hide unneeded elements of the results page */



/*----------------------------------------------------------------------
	Component: Latest view
----------------------------------------------------------------------*/

div.latestItemsContainer {float:left;}

/* Category info block */
div.latestItemsCategory {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;}
	div.latestItemsCategoryImage {text-align:center;}
	div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.latestItemsCategory h2 {}
div.latestItemsCategory p {}

/* User info block */
div.latestItemsUser {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both;}
	div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
	div.latestItemsUser h2 {}
	div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;}
	div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;}
		span.latestItemsUserURL {font-weight:bold;color:#555;display:block;}
		span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;}

/* Latest items list */
div.latestItemList {padding:0 8px 8px 0;}

div.latestItemView {} /* this is the item container for this view */

div.latestItemHeader {}
	div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}

span.latestItemDateCreated {color:#999;font-size:11px;}

div.latestItemBody {padding:8px 0;margin:0;}

div.latestItemImageBlock {padding:0;margin:0;float:left;}
	span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
	span.latestItemImage img {border:1px solid #ccc;padding:8px;}

div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.latestItemIntroText img {}

div.latestItemLinks {margin:0 0 16px 0;padding:0;}

div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
	div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.latestItemCategory a {}

div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.latestItemTagsBlock ul.latestItemTags li a {}
	div.latestItemTagsBlock ul.latestItemTags li a:hover {}

/* Video */
div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/templates/jf_creativia/images/system/videoplayer-bg.gif) repeat-x bottom;}
	div.latestItemVideoBlock span.latestItemVideo {display:block;}

/* Anchor link to comments */
div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
	div.latestItemCommentsLink a {}
	div.latestItemCommentsLink a:hover {}

/* Read more link */
div.latestItemReadMore {display:inline;}
	div.latestItemReadMore a {}
	div.latestItemReadMore a:hover {}

/* Items presented in a list */
h2.latestItemTitleList {font-size:14px;padding:2px 0;margin:8px 0 2px 0;font-family:Arial, Helvetica, sans-serif;border-bottom:1px dotted #ccc;line-height:normal;}



/*----------------------------------------------------------------------
	Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage {}
.k2AccountPage table {}
.k2AccountPage table tr th {}
.k2AccountPage table tr td {}
.k2AccountPage table tr td label {white-space:nowrap;}
img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;}
.k2AccountPage div.k2AccountPageNotice {padding:8px;}
.k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;}

.k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/}
.k2AccountPage td#userAdminParams {padding:0;margin:0;}
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;}

/* Profile edit */
.k2AccountPage table.admintable {}
.k2AccountPage table.admintable tr td {}
.k2AccountPage table.admintable tr td span {}
.k2AccountPage table.admintable tr td span label {}



/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/

/* Latest Comments */
div.k2LatestCommentsBlock {}
div.k2LatestCommentsBlock ul {}
div.k2LatestCommentsBlock ul li {}
div.k2LatestCommentsBlock ul li.lastItem {}
div.k2LatestCommentsBlock ul li a.lcAvatar img {}
div.k2LatestCommentsBlock ul li a {}
div.k2LatestCommentsBlock ul li a:hover {}
div.k2LatestCommentsBlock ul li span.lcComment {}
div.k2LatestCommentsBlock ul li span.lcUsername {}
div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;}
div.k2LatestCommentsBlock ul li span.lcItemTitle {}
div.k2LatestCommentsBlock ul li span.lcItemCategory {}

/* Top Commenters */
div.k2TopCommentersBlock {}
div.k2TopCommentersBlock ul {}
div.k2TopCommentersBlock ul li {}
div.k2TopCommentersBlock ul li.lastItem {}
div.k2TopCommentersBlock ul li a.tcAvatar img {}
div.k2TopCommentersBlock ul li a.tcLink {}
div.k2TopCommentersBlock ul li a.tcLink:hover {}
div.k2TopCommentersBlock ul li span.tcUsername {}
div.k2TopCommentersBlock ul li span.tcCommentsCounter {}
div.k2TopCommentersBlock ul li a.tcLatestComment {}
div.k2TopCommentersBlock ul li a.tcLatestComment:hover {}
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}



/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/

div.k2ItemsBlock {}

div.k2ItemsBlock p.modulePretext {}

div.k2ItemsBlock ul {}
div.k2ItemsBlock ul li {padding: 0 0 10px;}
div.k2ItemsBlock ul li a {}
div.k2ItemsBlock ul li a:hover {}
div.k2ItemsBlock ul li.lastItem {}

div.k2ItemsBlock ul li a.moduleItemTitle {text-decoration:none;}
div.k2ItemsBlock ul li a.moduleItemTitle:hover {}

div.k2ItemsBlock ul li div.moduleItemAuthor {}
div.k2ItemsBlock ul li div.moduleItemAuthor a {}
div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {}

div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {}

div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd;}

div.k2ItemsBlock ul li div.moduleItemExtraFields {}
	div.moduleItemExtraFields ul {}
	div.moduleItemExtraFields ul li {}
	div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
	div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {}

div.k2ItemsBlock ul li div.moduleItemVideo {}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {}

div.k2ItemsBlock ul li span.moduleItemDateCreated {}

div.k2ItemsBlock ul li a.moduleItemCategory {}

div.k2ItemsBlock ul li div.moduleItemTags {}
div.k2ItemsBlock ul li div.moduleItemTags b {}
div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;}
div.k2ItemsBlock ul li div.moduleItemTags a:hover {}

div.k2ItemsBlock ul li div.moduleAttachments {}

div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemComments:hover {}
div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemReadMore {text-decoration: underline;}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {text-decoration: none;}

div.k2ItemsBlock a.moduleCustomLink {}
div.k2ItemsBlock a.moduleCustomLink:hover {}



/*----------------------------------------------------------------------
	Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/

div.k2LoginBlock {}
	div.k2LoginBlock p.preText {}

	div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;}
	div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;}
	div.k2LoginBlock fieldset.input p label {display:block;}
	div.k2LoginBlock fieldset.input p input {display:block;}
	div.k2LoginBlock fieldset.input p#form-login-remember label,
	div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;}
	div.k2LoginBlock fieldset.input input.button {}

	div.k2LoginBlock ul {}
	div.k2LoginBlock ul li {}

	div.k2LoginBlock p.postText {}

div.k2UserBlock {}
	div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;}
	div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {}
	div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;}
	div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {}

	div.k2UserBlock ul.k2UserBlockActions {}
		div.k2UserBlock ul.k2UserBlockActions li {}
		div.k2UserBlock ul.k2UserBlockActions li a {}
		div.k2UserBlock ul.k2UserBlockActions li a:hover {}

	div.k2UserBlock ul.k2UserBlockRenderedMenu {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li a {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {}

	div.k2UserBlock form {}
	div.k2UserBlock form input.ubLogout {}



/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/

/* --- Archives --- */
div.k2ArchivesBlock {}
div.k2ArchivesBlock ul {}
div.k2ArchivesBlock ul li {}
div.k2ArchivesBlock ul li a {}
div.k2ArchivesBlock ul li a:hover {}

/* --- Authors --- */
div.k2AuthorsListBlock {}
div.k2AuthorsListBlock ul {}
div.k2AuthorsListBlock ul li {}
div.k2AuthorsListBlock ul li a.abAuthorAvatar img {}
div.k2AuthorsListBlock ul li a.abAuthorName {}
div.k2AuthorsListBlock ul li a.abAuthorName:hover {}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {}
div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {}

/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock {}
div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;}
div.k2BreadcrumbsBlock a {}
div.k2BreadcrumbsBlock a:hover {}
div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;}

/* --- Calendar --- */
div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader {background:#fff url(/templates/jf_creativia/images/system/k2CalendarLoader.gif) no-repeat 50% 50%;}
table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;}
table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;}
table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;}
table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;}
table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;}
table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;}
table.calendar tr td.calendarDateEmpty {background:#fbfbfb;}
table.calendar tr td.calendarDate {}
table.calendar tr td.calendarDateLinked {padding:0;}
table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;}
table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;}
table.calendar tr td.calendarToday {background:#135cae;color:#fff;}
table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;}
table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;}
table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}

/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock {}
div.k2CategorySelectBlock form select {width:auto;}
div.k2CategorySelectBlock form select option {}

/* --- Category List/Menu --- */
div.k2CategoriesListBlock {}
div.k2CategoriesListBlock ul {}
div.k2CategoriesListBlock ul li {}
div.k2CategoriesListBlock ul li a {}
div.k2CategoriesListBlock ul li a:hover {}
div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;}
div.k2CategoriesListBlock ul li a span.catCounter {}
div.k2CategoriesListBlock ul li a:hover span.catTitle {}
div.k2CategoriesListBlock ul li a:hover span.catCounter {}
div.k2CategoriesListBlock ul li.activeCategory {}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}

	/* Root level (0) */
	ul.level0 {}
	ul.level0 li {}
	ul.level0 li a {}
	ul.level0 li a:hover {}
	ul.level0 li a span {}
	ul.level0 li a:hover span {}

		/* First level (1) */
		ul.level1 {}
		ul.level1 li {}
		ul.level1 li a {}
		ul.level1 li a:hover {}
		ul.level1 li a span {}
		ul.level1 li a:hover span {}

			/* n level (n) - like the above... */

/* --- Search Box --- */
div.k2SearchBlock {position:relative;}
div.k2SearchBlock form {}
div.k2SearchBlock form input.inputbox {}
div.k2SearchBlock form input.button {}
div.k2SearchBlock form input.k2SearchLoading {background:url(/templates/jf_creativia/images/system/searchLoader.gif) no-repeat 100% 50%;}
div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;}
	/* Live search results (fetched via ajax) */
	div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;}
	div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;}
	div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;}
	div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;}

/* --- Tag Cloud --- */
div.k2TagCloudBlock {padding:0;}
div.k2TagCloudBlock a {}
div.k2TagCloudBlock a:hover {}

/* --- Custom Code --- */
div.k2CustomCodeBlock {}



/*----------------------------------------------------------------------
	Modules: mod_k2_users
----------------------------------------------------------------------*/

div.k2UsersBlock {}
div.k2UsersBlock ul {}
div.k2UsersBlock ul li {}
div.k2UsersBlock ul li.lastItem {}
div.k2UsersBlock ul li a.ubUserAvatar img {}
div.k2UsersBlock ul li a.ubUserName {}
div.k2UsersBlock ul li a.ubUserName:hover {}
div.k2UsersBlock ul li div.ubUserDescription {}
div.k2UsersBlock ul li div.ubUserAdditionalInfo {}
	a.ubUserFeedIcon,
	a.ubUserFeedIcon:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(/templates/jf_creativia/images/fugue/feed.png) no-repeat 50% 50%;}
	a.ubUserFeedIcon span,
	a.ubUserFeedIcon:hover span {display:none;}
	a.ubUserURL,
	a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(/templates/jf_creativia/images/fugue/globe.png) no-repeat 50% 50%;}
	a.ubUserURL span,
	a.ubUserURL:hover span {display:none;}
	span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(/templates/jf_creativia/images/fugue/mail.png) no-repeat 50% 50%;overflow:hidden;}
	span.ubUserEmail a {display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px;}

div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;}
div.k2UsersBlock ul li ul.ubUserItems {}
div.k2UsersBlock ul li ul.ubUserItems li {}



/* --- END --- */
@media (min-width: 1200px) {
/* Joomla Article */
.backToCategory {
	position: absolute;
	left: 0;
	top: 120px;
	right: 0;
	z-index: 1;
}
.backToCategory p {
	border-bottom: none;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -sand-transform: rotate(90deg);
	writing-mode: lr-tb;
	display: block;
	position: relative;
}

.backToCategory p {
	color: #000;
	font-size: 32px;
	margin: 0;
}

.backToCategory a {
	color: #fff;
	font-size: 72px;
	text-decoration: none;
}
}

@media (min-width: 768px) {
/* Joomla Article */
.rotate {
	position: absolute;
	left: 0;
	top: 120px;
	right: 0;
	z-index: 1;
}

.rotate h1 {
	border-bottom: none;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -sand-transform: rotate(90deg);
	writing-mode: lr-tb;
	display: block;
	position: relative;
}

.rotate h1 a {
	color: #717376;
	text-decoration: none;
}
}

@media (min-width: 768px) and (max-width: 959px) {
.jflabel_skitter {
    left: 15% !important;
    position: absolute;
    top: 25% !important;
}

#google-map {
	float: none;
	width: 100%;
}

#jform_contact_message {
	max-width: 100%;
	width: auto;
	padding: 5px;
}

span.catItemImage img, span.userItemImage img, span.tagItemImage img, .blog .item img {
	max-width: 370px;
}

div.catItemLinks, div.userItemLinks, div.tagItemLinks {
	margin: 0 0 30px;
}

.items-row {
	margin-bottom: 20px !important;
    padding-bottom: 20px;
}

.rotate h1 a {
	color: #717376;
	text-decoration: none;
}
}

@media screen and (max-width: 767px) {
h2 {
	font-size: x-large;
}

h1, div.catItemHeader h3.catItemTitle, .page-header h1, .page-header h2, .itemView h2.itemTitle {	
	font-size: xx-large;
	line-height: 1.2em;
}

#jf_logo {
	padding: 30px 0;
}

div.catItemHeader h3.catItemTitle, .page-header h1, .page-header h2 {
	margin-bottom: 15px;
}

.k2Pagination ul li .pagenav, .pagination ul li .pagenav {
	font-size: x-large;
}

#jf_logo, .main_menu_box {
	float: none;	
}

#jf_logo {
	text-align: center;
}

.main_menu_box {
	padding-top: 0;
}

#submenu ul li:first-child, #k2-menu-container li:first-child {
	background: url(/templates/jf_creativia/images/k2-menu-container-separator.png) no-repeat scroll 15px 22px;
}

#mod_jfslideshow_wrapper {
	z-index: 9;
}

.jflabel_skitter {
	left: 10% !important;
	top: 20% !important;
}

.label_skitter_container {
	padding: 10px;
}

.slidedescription {
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

div#left, div#cholder-l {
	border-left: medium none;
    float: none;
    padding: 0;
    width: 100%;
}

div.cholder-inner {
	border-left: none;
	margin: 0;
	padding: 0;
}

div.catItemRatingComment {
	float: none;
	margin: 10px 0 0;
}

div.catItemImageBlock, div.userItemImageBlock, div.tagItemImageBlock {
	float: none;
	margin: 0 0 15px;
}

span.catItemImage img, span.userItemImage img, span.tagItemImage img {
	min-width: 100%;
}

#google-map {
	float: none;
	width: 100%;
	margin: 27px 0 0;
}

fieldset dt {
	padding: 3px 0;
}

#jform_contact_message {
	max-width: 100%;
	width: auto;
	padding: 5px;
}

.backToTop {
	position: static;
	margin-left: 0 !important;
}

#bot .user {
	float: none;
	padding: 0;
	width: auto !important;
}

.user1, .user2, .user3, .user4, .user5, .user6 {
	background: none;
}

.user2 > div, .user5 > div, .user3 > div, .user6 > div {
	padding: 0 3px;
}

#k2-menu-container ul#filters {
	background-color: #EBE6D6;
}

div.catItemLinks, div.userItemLinks, div.tagItemLinks {
	margin: 0 0 20px;
}

div.separator {
	margin: 25px 0 20px;
}

.items-row {
	margin-bottom: 20px !important;
    padding-bottom: 20px;
}

p.readmore {
	margin: 0 0 12px;
}

.rotate h1 a {
	color: #717376;
	text-decoration: none;
}
}

@media screen and (max-width: 600px) {
.pull-right.item-image {
	float: none;
	margin: 0 0 15px;
	text-align: center;
}

.jfprev_button, .jfnext_button {
	display: none;
}

.jflabel_skitter {
	left: 0 !important;
	top: 20% !important;
}
}

@media screen and (max-width: 400px) {
.k2Pagination ul li .pagenav, .pagination ul li .pagenav {
	font-size: x-large;
}

#jf_logo, .main_menu_box {
	float: none;	
}

.main_menu_box {
	padding-top: 0;
	margin-bottom: 30px;
}

#navbutton {
    display: block;
}

.main_menu {
	background-color: #F5F5F5;
	display: none;
	padding: 0;
}

div.main_menu li {
	float: none;
	border: 1px solid #bbb;
	border-top: none;
	padding: 0 10px;
}

div.main_menu li a, div.main_menu li span.separator {
	font-size: 18px;
	padding: 3px 0;
}

div.main_menu li ul {
	position: static; 
	width: auto; 
	background: none; 
	border: none; 
	margin: 0; 
	padding: 0; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
}

div.main_menu li:hover ul {
	left: auto;
	top: auto;
	width: auto;
}

div.main_menu li ul li {
	border: none;
	width: auto;
}

div.main_menu li ul li a, div.main_menu li ul li span.separator {
    border-bottom: 1px solid #EDEDED;
    padding: 3px 0;
}

#submenu ul, #submenu ul li, #k2-menu-container ul#filters, #k2-menu-container li {
	float: none;
}

#submenu ul li:first-child, #k2-menu-container li:first-child {
	background: url(/templates/jf_creativia/images/k2-menu-container-separator.png) no-repeat scroll 15px 22px;
}

.jfprev_button, .jfnext_button {
	display: none;
}

.jflabel_skitter {
	left: 0 !important;
	top: 0 !important;
}

.slidedescription {
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

div.catItemCommentsLink {
	margin-bottom: 10px;
}

div.c-bottom1, div.c-bottom2, div.c-bottom3 {
	float: none;
	width: 100% !important;
}

div#left, div#cholder-l {
	border-left: medium none;
    float: none;
    padding: 0;
    width: 100%;
}

div.cholder-inner {
	border-left: none;
	margin: 0;
	padding: 0;
}

.backToTop {
	position: static;
	margin-left: 0 !important;
}

#google-map {
	float: none;
	width: 100%;
	margin: 27px 0 0;
}

#jform_contact_message {
	width: 240px;
}

#bot .user {
	float: none;
	padding: 0;
	width: auto !important;
}

.user1, .user2, .user3, .user4, .user5, .user6 {
	background: none;
}

.user2 > div, .user5 > div, .user3 > div, .user6 > div {
	padding: 0 3px;
}
}
body.contentpane {
	padding: 20px;
}

div.mailto-close {
	margin: 10px 0;
}

#mailtoForm .formelm {
	margin-bottom: 10px;
}

#mailtoForm label {
	display: block;
}

#mailtoForm button {
	display: inline;
}