/*------------------------------------------------------------------------

# Whitesquid 1.0 - 2008

# ------------------------------------------------------------------------

# Copyright (C) 2008 Marcofolio.net

# Design by Dezinerfolio

# Websites:  http://www.marcofolio.net -  http://www.dezinerfolio.com/

-------------------------------------------------------------------------*/





/* COMMON STYLE

--------------------------------------------------------- */

* {

	margin: 0;

	padding: 0;

}



body {

	color: #1a1a1a;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.5;

}



body#bd {

	background:#000 url(../images/headerstripe_loop.jpg) repeat-x left top; /* a trick to stick the footer at the bottom :) */

}



body.contentpane {

	width: auto;

	margin: 1em 2em;

	background: #1a1a1a;

	color: #1a1a1a;

	font-size: 12pt;

	font-family: serif;

	line-height: 140%;

}



body.fs1{

	font-size: 10px;

}



body.fs2{

	font-size: 11px;

}



body.fs3{

	font-size: 12px;

}



body.fs4{

	font-size: 13px;

}



body.fs5{

	font-size: 14px;

}



body.fs6{

	font-size: 15px;

}



/* Normal link */

a {

	color: #877D58;

	text-decoration: underline;

}



a:hover, a:active, a:focus {

	color: #484848;

	text-decoration: underline;

}



/* Small text */

.small, .smalldark, .createdate, .modifydate, .mosimage_caption,

.back_button, .pagenavcounter, .pagenav, .pagenavbar {

	font-size: 0.89em;

}



/* Heading */

h1 {

	font-size: 1.7em;

	font-weight: normal;

}



h2 {

	font-size: 1.5em;

	font-weight: normal;

}



h3 {

	font-size: 1.35em;

}



h4 {

	font-size: 1em;

	text-transform: uppercase;

}



p {

	margin: 5px 0 15px;

}



ul {

	margin-top: 5px;

	margin-bottom: 15px;

	list-style: none;

}



ul li {

	padding-left: 35px;

	background: url(../images/bullet-list.gif) no-repeat 22px 6px;

}



ol {

	margin-top: 5px;

	margin-bottom: 15px;

}



ol li {

	margin-left: 35px;

}



th {

	padding: 4px;

	font-weight: bold;

	text-align: left;

}



fieldset {

	border: none;

}



fieldset a {

	font-weight: bold;

}



hr {

	border-top: 1px solid #D1D1C7;

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

}



a img {

	border: none;

}



td, div {

	font-size: 1em;

}



/* Code text */

pre, .code {

	padding: 10px 15px;

	margin: 5px 0 15px;

	border-left: 5px solid #DDDAB5;

	background: #F5F3DE;

	font: 1em/1.5 "Courier News", monospace;

}



blockquote {

	padding: 15px 40px;

	background: url(../images/quote.gif) 10px 10px no-repeat;

	font: italic 1em/1.5 Georgia, Times, serif;

}

 

.dropcap {

	float: left;

	padding: 3px 3px 0 0;

	display: block;

	color: #484848;

	font: 50px/40px Georgia, Times, serif;

}



/* Tips, Error, Message, Hightlight*/

.error {

	padding-left: 22px;

	color: #CC0000;

	background: url(../images/bullet-error.gif) no-repeat top left;

}



.message {

	padding-left: 22px;

	color: #4D84A7;

	background: url(../images/bullet-info.gif) no-repeat top left;

}



.tips {

	padding-left: 22px;

	color: #CC7400;

	background: url(../images/bullet-tips.gif) no-repeat top left;

}



.highlight {

	border-bottom: 1px dotted;

	background: #F5F3DE;

	font-weight: bold;

}



/* FORM

--------------------------------------------------------- */

form {

	margin: 0;

	padding: 0;
}



input, select {

	font: 12px/normal Arial, Helvetica, sans-serif;

}



select, .inputbox {

	padding: 2px;

}



textarea {

	padding-left: 2px;

}



.button {

	border: 1px solid #D1D1C7;

	padding: 1px 8px;

	background: url(../images/button-bg.gif) top #EDEDE1;

	color: #666666;

}



.button:hover, .button:focus {

	border: 1px solid #A7A79F;

	color: #484848;

}



.inputbox {

	border: 1px solid #D1D1C7;

	background: #F7F6F0;

}



.inputbox:hover, .inputbox:focus {

	border: 1px solid #A7A79F;

}



/* MODULE

--------------------------------------------------------- */

div.module h3 {

	margin: 0 0 15px;

	font-size: 1em;

}



div.module {

	margin-bottom: 15px;

	padding: 0;

	float: left;

	width: 100%;

	background: url(../images/box-br.gif) no-repeat bottom right;

}



div.module div {

	padding: 0;

	background: url(../images/box-bl.gif) no-repeat bottom left;

}



div.module div div {

	padding: 0;

	background: url(../images/box-tr.gif) no-repeat top right;

}



div.module div div div {

	padding: 9px 15px 20px;

	background: url(../images/box-tl.gif) no-repeat top left;

}



div.module div div div div {

	margin: 0;

	padding: 0;

	background: none;

}



div.module-notitle {

	margin-bottom: 15px;

	padding: 0;

	float: left;

	width: 100%;

	background: url(../images/box-br.gif) no-repeat bottom right;

}



div.module-notitle div {

	padding: 0;

	background: url(../images/box-bl.gif) no-repeat bottom left;

}



div.module-notitle div div {

	padding: 0;

	background: url(../images/box-tr-yellow.gif) no-repeat top right;

}



div.module-notitle div div div {

	padding: 9px 15px 20px;

	background: url(../images/box-tl-yellow.gif) no-repeat top left;

}



div.module-notitle div div div div {

	margin: 0;

	padding: 0;

	background: none;

}



/* JOOMLA STYLE

--------------------------------------------------------- */

table.blog {


}



table.blog .article_seperator {

	display: block;

	height: 30px;

	background: url(../images/seperator.gif) repeat-x center;

}



#mf-leftcol .article_seperator, #mf-rightcol .article_seperator {

	display: none;

}



table.contentpane {

	border: none;

	width: 100%;

}



table.contentpaneopen {

	border: none;
background: #BBBBBB;
}



table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 35%;

}



table.contenttoc a {

	text-decoration: none;

}



table.contenttoc td {

	padding: 1px 5px 1px 18px;

	background: url(../images/arrow-off.gif) no-repeat 7px 7px;

}



table.contenttoc th {

	padding: 1px 4px;

	border-bottom: 1px solid #D1D1C7;

	color: #877D58;

	text-indent: 5px;

}



table.poll {

	padding: 0;

	width: 100%;

	border-collapse: collapse;
	color: #918E7F;
}



table.pollstableborder {

	padding: 0;

	width: 100%;

	border: none;

	text-align: left;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	padding: 2px!important;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px!important;

}



.adminform textarea {

	width: auto; /*Control the Frontend Editor area width*/

}



.adminform textarea.inputbox {

}



.blog_more {

	margin: 10px 0;

}



.blog_more strong {

	margin: 0 0 5px;

	padding-left: 13px;

	display: block;

	color: #666666;

	text-transform: uppercase;

}



td.buttonheading {

	padding: 0 3px!important;
	text-align: center;

}



.category {

	font-weight: bold;

}



.clr {

	clear: both;

}



.componentheading {

	margin: 0 0 15px;

	font-size: 2em;

	line-height: normal;

	padding: 2px 0 3px;

	border-bottom: 1px solid #D1D1C7;

}



.contentdescription {

	padding-bottom: 30px;

}



table.blog .contentheading {

	font-size: 1.7em;

}



.contentheading {

	color: #67a400;

	font-size: 2em;
	
	font-weight: bold;
}



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none!important;

}



a.readon {

	text-decoration: none;

	display: block;

	float: right;

	font-weight: bold;

}



a.readon:hover, a.readon:active, a.readon:focus {

	text-decoration: none!important;

}



table.contentpaneopen td, table.contentpane td {

}



table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

}



.createdate {

	padding-bottom: 10px;

	color: #918E7F;

	font-weight: bold;

	line-height: 10px;

}



.modifydate {

	color: #918E7F;

	height: 15px;

}



.moduletable {

	padding: 0;

}



.mosimage {

	padding: 0;

	margin: 8px 15px 0 0!important;

	margin: 8px 5px 0 0;

}



.mosimage img {

	padding: 0;

	margin: 0!important;

}



.mosimage_caption {

	margin-top: 2px;

	padding: 1px 2px;

	color: #918E7F;

}



a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

	padding: 2px 5px 2px;

	border: 1px solid #D1D1C7;

	background: url(../images/button-bg.gif) top #EDEDE1;

	text-decoration: none;

	color: #666666;

}



a.pagenav:hover, a.pagenav:active, a.pagenav:focus,

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,

.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,

.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {

	border: 1px solid #A7A79F;

	text-decoration: none;

	color: #484848;

}



.pagenavbar {

	padding-left: 14px;

	background: url(../images/pages.gif) no-repeat center left;

}



.pagenavcounter {

	padding: 8px 14px 0 14px;

	background: url(../images/pages.gif) no-repeat 0 11px;

}



.sectiontableheader {

	padding: 5px;

	font-weight: bold;
	background: #bbbbbb;
}



tr.sectiontableentry1 td {

	padding: 5px;
	background: #ffffff;
}



tr.sectiontableentry2 td {
	color: #918E7F;
	padding: 5px;
	background: #eeeeee;
}



.small {

	color: #918E7F;

}



.smalldark {

	text-align: left;

}



div.syndicate div {

	border: 1px solid #1a1a1a;

	text-align: center;

}



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#mf-headerwrap,

#mf-subnavwrap,

#mf-containerwrap,

#mf-footerwrap {

	text-align: center;

	width: 100%;

}



#mf-header,

#mf-subnav,

#mf-container,

#mf-footer {

	margin: 0 auto;

	width: 750px;

	text-align: left;

}



.wide #mf-header,

.wide #mf-subnav,

.wide #mf-container,

.wide #mf-footer {

	width: 950px;

}



.auto #mf-header,

.auto #mf-subnav,

.auto #mf-container,

.auto #mf-footer {

	width: 95%;

	min-width: 750px;

	max-width: 1150px;

}



#mf-containerwrap {

	clear: both;

	border-top: 1px solid #A7A79F;

	background: url(../images/containerwrap-bg.gif) repeat-x top #1a1a1a;

}



#mf-container {

	padding: 5px 0 20px;

}





/* HEADER

--------------------------------------------------------- */

#mf-headerwrap {



}



#mf-header {

	text-align: left;

	line-height: normal;

}



#mf-header h1 {

	font-size: 2em;

	height: 100px;

}



#mf-header h1 img {

	float: left;

}



#mf-usertoolswrap {

	padding: 0;

	background: url(../images/usertools-left-bg.gif) no-repeat top left;

	height: 25px;

	float: right;

	padding-left: 6px;

}



#mf-usertools {

	padding: 0 10px 0 4px;

	float: left;

	display: block;

	background: url(../images/usertools-right-bg.gif) no-repeat top right;

	font-size: 11px;

	height: 25px;

}



#mf-usertools span {

	float: left;

	margin-right: 30px;

	display: block;

}



#mf-usertools img {

	padding: 5px 2px 0;

}



#mf-usertools a {

}



#mf-usertools a:hover, #mf-usertools a:active, #mf-usertools a:focus {

}



#mf-search {

	width: 120px;

	float: left;

	display: block;

}

 

#mf-usertools div.search {

	padding-left: 20px;

	background: url(../images/icon-search.gif) no-repeat center left;

}



#mf-usertools .inputbox {

	border: none!important;

	width: 100px;

	background: none;

	color: #918E7F;

}



#mf-usertools .inputbox:hover,

#mf-usertools .inputbox:focus {

}



/* MAIN NAVIGATION

--------------------------------------------------------- */

#mf-mainnav {

	font-size: 1em;

	font-weight: bold;

	line-height: normal;

	clear: both;

	float: left;

}



#mf-subnavwrap {

	width: 100%;

	float: left;

	background: #BDBAA6;

}



/* Default Joomla! Menu */

a.mainlevel {

	padding: 4px;

	border-top: none;

	border-right: none;

	border-bottom: 1px solid #D1D1C7;

	border-left: none;

	display: block;

	color: #484848;

	text-decoration: none;

}



a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus,

a.mainlevel#active_menu {

	border-top: none!important;

	border-right: none!important;

	border-bottom: 1px solid #323232;

	border-left: none!important;

	background: url(../images/arrow-on.gif) no-repeat center right #EDEDE1!important;

	display:block;

	color:#646464;

	text-decoration: none;

}



a.sublevel {

	padding: 3px 4px 3px 15px;

	display: block;

	text-decoration: none;

}



a.sublevel:hover,

a.sublevel:active,

a.sublevel:focus {

}



#mf-leftcol #active_menu, #mf-rightcol #active_menu {

	color: #484848;

	background: #EDEDE1;

	text-decoration: none;

	border: 1px solid #D1D1C7;

}

/*End: Default Joomla! Menu  */



/* SPOTLIGHT

--------------------------------------------------------- */

.mf-box {

	float: left;

	overflow: hidden;

}



.mf-box h3 {

	margin-bottom: 5px;

	font-size: 1em;

	text-indent: 3px;

}



.mf-box div.moduletable {

	margin: 0 25px 0 0;

}



.mf-box ul {

	padding: 0;

	margin: 0!important;

}



.mf-box li {

	padding: 0;

	margin: 0;

	background: none;

}



.mf-box li a {

	padding: 4px;

	border-bottom: 1px solid #D1D1C7;

	width: 99%; /*This is required for IE6*/

	display: block;

	text-decoration: none;

}



.mf-box li a:hover,

.mf-box li a:active,

.mf-box li a:focus {

	background: url(../images/arrow-on.gif) no-repeat center right #DFDFD4;

	text-decoration: none;

}



.mf-box td {

	padding: 0;

}



.mf-box  .article_seperator {

	display: none;

}



.box-ended div.moduletable {

	margin-right: 0!important;

}



/* PATHWAY

---------------------------------------------------------*/

#mf-pathway {

	margin-left: 3px;

	color: #1a1a1a;

}



#mf-pathway img {

	display: none; /* DO NOT SHOW PATHWAY DEFAULT ARROW */

}



#mf-pathway a {

	padding-right: 20px;

	background: url(../images/slash.gif) no-repeat center right;

	font-size: 0.89em;

}



#mf-pathway a:hover, #mf-pathway a:active {

}



/* CONTENT COLUMN

--------------------------------------------------------- */

#mf-mainbody, #mf-mainbody-fl, #mf-mainbody-fr, #mf-mainbody-f {

	margin: 25px 0;

}



#mf-mainbody {

	float: left;

	width: 80%;

}



#mf-mainbody #mf-content {

	float: right;

	width: 70%;

	padding-top: 2.5%;

	padding-right: 2.5%;

	padding-left: 2.5%;

	padding-bottom: 15%;

	background:#bbbbbb url(../images/mainpagebg.jpg) no-repeat left bottom;

}



#mf-mainbody-fl {

	float: left;

	width: 80%;

}



#mf-mainbody-fl #mf-content {

	float: left;

	width: 97.5%;

	padding-top: 2.5%;

	padding-right: 2.5%;

	padding-bottom: 15%;

	background:#FFF url(../images/mainpagebg.jpg) no-repeat left bottom;

}



#mf-mainbody-fr{

	float: left;

	width: 100%;

}



#mf-mainbody-fr #mf-content {

	float: right;

	width: 77.5%;

	padding-top: 2.5%;

	padding-left: 2.5%;

	padding-bottom: 15%;

	background:#FFF url(../images/mainpagebg.jpg) no-repeat left bottom;

}



#mf-mainbody-fr #mf-leftcol {

	width: 20%;

}



#mf-mainbody-f {

	float: left;

	width: 100%;

}



/* LEFT COLUMN

--------------------------------------------------------- */

#mf-leftcol {

	float: left;

	width: 25%;

}



/* RIGHT COLUMN

--------------------------------------------------------- */

#mf-rightcol {

	float: right;

	width: 20%;

	margin: 25px 0;

}



/* FOOTER

--------------------------------------------------------- */

#mf-footerwrap {

	clear: both;

	background: url(../images/footer-bg.gif) repeat-x top #EDEDE1;

}



#mf-footer {

	padding: 4px;

}



#mf-bottomline {

	padding: 15px 0;

	color: #666666;

	float: left;

}



#mf-cert {

	padding-top: 20px;

	float: right;

}



#mf-cert a {

	padding-right: 5px;

}



/* MISCELLANOUS

----------------------------------------------------------- */

div.back_button a,

div.back_button a:hover,

div.back_button a:active {

	margin: 10px 0;

	display: block;

	color: #918E7F;

	background: none!important;

	text-decoration: none!important;

}



#mod_login_password, #mod_login_username {

	width: 90%;

}



#mod_login_password {

}



#mod_login_username {

}



#mod_login_remember {

	border: none;

	background: none;

}



/* Clearfix */

.clearfix:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}



* html > body .clearfix {

	width: 100%;

	display: block;

}



* html .clearfix {

	height: 1%;

}



/* Firefox Scrollbar Hack - Do not remove */

html {

	margin-bottom: 1px;

	height: 100%!important;

	height: auto;

}



/* mf CoolAds Module */

#mf-coolads {

	height: 0;

	overflow: hidden;

	position: relative;

}



#mf-coolads-container {

	overflow: hidden;

	margin-right: 5%;

}



#mf-coolads-container div.moduletable {

	overflow: hidden;

}