/* Club Card theme stylesheet (clubcard.css) for TikiWiki CMS/Groupware.

	This stylesheet is compatible with Tiki 3 and new, and
	is comprised of these sections:
	XHTML elements, Siteheader & Identity; Menus, Links;
	Misc. Center Col.; Misc. Global; Boxes; Tables, Tabs;
	Wiki (inc. plugins, etc.); Articles; Blogs; Forums;
	Galleries; Trackers; Categories, Tags; Polls; FAQs;
	Quizzes;	Shoutbox; Directory; Messages; TikiSheets;
	Calendar; Admin; and Ajax, jquery, etc.

	For more information, visit http://themes.tikiwiki.org or
	http://zukakakina.com.
*/
 
/* Import layout foundation CSS file. */
/* If *litecss-based theme . . .  */
@import "lite/lite.css";

/* Then import the default layout properties file: */
@import "layout/layout.css";
 
/***** XHTML Elements (body tag here,
			others follow Layout) *****/ 
body {
	margin: 0;
	padding: 0;
	background: #fff url(clubcard/img01.jpg) repeat-x left top;
	font-size: 72%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #285c00}

 /***** Layout (overrides layout.css;
		also styling of page layout divs)  *****/

div#middle {padding-top: 10px}

#c1c2 {
	text-align: left;
	font-size: 1.0em}
	
#col1 {padding: 0 17px}

#col1 > .content,
#showhide_columns,
.tellafriend {
	margin-right: 140px
}

#showhide_columns,
.tellafriend,
#tiki-center {
	color: #b0b0b0;
	background: #3e3c3d;
	padding: 4px 20px;
}

body.fullscreen #col1 {
	margin-left: 30px !important;
	margin-right: 30px !important}

#c1c2 #wrapper #col1.marginleft {margin-left: 390px}
#c1c2 #wrapper #col1.marginright {margin-right: 235px}

#c1c2 #col2 {
	width: 390px;
	}

#c1c2 #col2 .content {
	padding-left: 155px}

#col3 {
	margin-left: -235px;
	width: 235px;
	text-align: center}

#col3 .content {
	margin: 0;
	text-align: center}
	
#footer {
 	text-align: center;
 	font-size: .9em;
	min-height: 40px;
	padding: 0;
	margin: 0}
	
* html #footer {height: 40px}

.footerbgtrap {
	margin: 20px 155px 0 155px;
	background: #E5E5E5;
	padding: 10px;
}

#power {
	padding: 0;
	margin: 0;
}

		

/***** XHTML Elements (other than body tag) ******/
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0}

h1 {font-size: 150%}	
h2 {font-size: 140%}	
h3 {font-size: 130%}	
h4 {font-size: 120%}
h5 {font-size: 110%}
	
/*p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
	list-style: none}*/

a {color: #29A0C8}

a:hover {
	text-decoration: none;
	color: #29A0C8}

a:visited {color: #29A0C8}

hr {
	background: #29a0c8;
	color: #29a0c8}

/* Form */

fieldset {
	border: none}

legend {color: #285c00}

input, textarea, select {
	font-size: 13px;
	color: #333333}
	
span.button a,
span.button a:visited,
button,
input[type=reset],
input[type=submit],
span.button input,
.calbuttonBox a {
	padding: 3px;
	border: none;
	background: #5b5b5b;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	/*margin: 1px;*/
}

.button a:hover,
button:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button input:hover,
.calbuttonBox:hover {
	border-top: 1px solid #1e647d;
	border-left: 1px solid #1e647d;
	padding-right: 2px;
	padding-bottom: 2px}

.box-data span.button a,
.box-data span.button a:visited,
.box-data button,
.box-data input[type=reset],
.box-data input[type=submit],
.box-data span.button input {
	background: #678B1D;
}

.box-data .button a:hover,
.box-data button:hover,
.box-data input[type=reset]:hover,
.box-data input[type=submit]:hover,
.box-data .button input:hover {}
	
#header input[type=text],
#header input[type=password] {
	background: #29a0c8;
	border: 2px inset #3e3e3e;
	color: #fff;
}


/***** Site Header & Identity *****/
#header {
	min-height: 200px;
	color: #8e8c8d}

* html #header {height: 200px}

#header-top {
	min-height: 100px;
	}

* html #header-top {
	height: 100px
}

#sioptions {
	padding: 0 155px;
}

#sitetitles {
	text-transform: uppercase;
}
	
#sitetitle,
#sitesubtitle {
	float: left;
}

#sitetitle {
	padding: 40px 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}

#sitetitle a {
	text-decoration: none;
	color: #29A0C8; 
}

#sitetitle a:hover { text-decoration: none; }

#sitesubtitle {
	padding: 50px 0 0 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #8E8C8D;
}

#siteloginbar {
	bottom: 3px;
	right: 155px;
}

#tiki-top {
	height: 50px;
	margin: 0 155px;
	background: url(clubcard/img02.jpg) repeat-x left top;

}

#sitesearchbar {
	padding-top: 10px;
	color: #fff;
}

/****** Menus, Links ******/
/** CSS (suckerfish) menus and PHPL menus **/

#tiki-top ul.cssmenu_horiz li.menuLevel0 a,
.horbar a {
	display: block;
	padding: 17px 20px 17px 20px;
	background: url(clubcard/img03.jpg) no-repeat right 18px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}

#tiki-top ul.cssmenu_horiz li ul,
.mdksubframe {
	background: #5b5b5b;
}

#tiki-top ul.cssmenu_horiz li.menuLevel1 a,
.mdkitem {
	background: none;
	padding: 5px 20px;
}

.cssmenu_vert li ul,
.mdkverbar .mdksubframe {
	background: #95c72a;
	border: 1px dashed #678b1d;
}

#tiki-top .cssmenu_horiz li.menuSection a .sf-sub-indicator {top: 1.8em}
#tiki-top .cssmenu_horiz li.menuSection ul li a .sf-sub-indicator {top: 1em}
/** PHP Layers Menus **/
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float: left;
	height: 50px;
}

#menu a {
	display: block;
	padding: 10px 20px 0px 20px;
	background: url(clubcard/img03.jpg) no-repeat right 18px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}

#menu a:hover { 
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

/** Links in other menus **/
.separator,
.option {
	margin-bottom: 5px}
	
.menusection .option {}

.option a,
.separator a {}
	
.option {padding-left: 10px}
.option a {
	padding: 0 10px;
	background: url(clubcard/img04.jpg) no-repeat left 5px}

/***** Misc. Center Col. *****/

/****** Misc. Global ****/

/***** Boxes *****/
/** Modules **/
.box {
	width: 235px;
	margin-bottom: 10px;
	text-align: left}
	
#tiki-center .box {
	width: auto;
}

h3.box-title {
	height: 35px;
	margin: 0;
	padding: 16px 0px 0px 20px;
	background: #678b1d;
	border-bottom: 1px dashed #95c72a;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #fff;}

.box-title a,
.box-title a:link,
.box-title a:visited {color: #fff !important}

.box-data {
	background: #95c72a;
	color: #06005b;
	padding: 10px 20px 20px}
	
.box a,
.box a:visited {
	color: #285c00;
	text-decoration: none}
	
.box a:hover {text-decoration: underline}
	
.cbox {
	border: none;
	background: #29a0c8;
	color: #fff;
}

.cbox-title {
	border-bottom: 4px solid #5b5b5b;
	padding-bottom: 0 !important;
	font-weight: bold;
}

.cbox a,
.cbox a:visited {
	color: #fff;
}

.simplebox {
	border: none;
	background: #29a0c8;
	color: #fff;
}

.rbox-title,
.rbox-data {
	border: 1px solid #29a0c8}
	
.rbox-title {
	background: #29a0c8;
	border-bottom: none;
	color: #fff;
	font-weight: bold;
	padding-bottom: 2px !important;
}

/***** Tables, Tabs *****/
/** Tables **/
table.normal/*, 
table.admin*/ {
	border-collapse: collapse;
	background: #3e3c3d;
	color: #fff;
}

th,
td.heading,
tr.diffheader {
	background: #29a0c8;
	border-bottom: 3px solid #3e3c3d;
	border-right: 1px solid #3e3c3d;
	color: #fff}

table.normal a.link, 
table.normal a,
th a,
th a:visited,
td.heading a,
td.heading a:visited	{color: #fff !important}

table.admin a.link,
table.admin a,
table.admin label,
fieldset.admin label,
.cbox fieldset.admin a {color:#285C00}

tr.odd td,
td.odd {
	color: #3e3c3d;
	background: #b0b0b0;
	border-right: 1px solid #3e3c3d}

tr.even td,
td.even {background: #5b5b5b;
border-right: 1px solid #3e3c3d}

/** Tabs **/

.tabmark {
	background: #678b1d;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.tabmark a:active {
	background: #678b1d}

.tabmark a:hover {
	background: #95c72a;
	text-decoration: none}

.tabcontent {
	background: #95c72a;
	border: solid 1px #95c72a !important;
	border-top: none !important;
}

.tabcontent h2 {
	color: #fff;
}

/***** Wiki *****/
h1.pagetitle a,
h1.pagetitle a:visited,
h1.pagetitle a:hover,
/*a.pagetitle,
a.pagetitle:visited,
a.pagetitle:hover,*/
div.article h2 {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 3px solid #8e8c8d;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #fff}
	
h1.pagetitle a.tikihelp {
	display: inline;
	margin: auto;
	border-bottom: none;
}
	
body.tiki_cms h1 a.pagetitle,
body.tiki_cms h1 a.pagetitle:visited,
body.tiki_cms h1 a.pagetitle:hover {border-bottom: 0}

.wikitext {
	line-height: 20px}

.codelisting {
	font-size: 11px;
}

/***** Articles ****/
div.article {
	margin-bottom: 60px;
}

.articletitle h2 a {text-decoration: none}

.status {
	background: url(clubcard/img05.jpg) no-repeat left 8px;
	padding-left: 20px;
	padding-bottom: 10px}

/***** Blogs *****/

body.tiki_blogs .author_info {
	text-align: right;
}

.actions {text-align: right}

.author_info {
	font-size: 10px;
	margin: 0 10px 0 0}
	
div#page-bar {
	clear: both
}

/***** Forums *****/
.navbar {
	margin: 5px 0;
}
.postbody-title {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 3px solid #8e8c8d;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #fff}
	
.post .postbody .content {
	float: none}

.post .author {
	float: none;
	text-align: left;
	font-size: 10px;
	margin: -10px 0 10px 0;
}

.post .author_info .icons {
	text-align: left;
}

.forum_actions {
	background: #333;
	padding: 3px;
}
.forum_actions span.title {
	font-weight: bold;
}
/**** Image Galleries ****/

/***** File Galleries *****/

/***** Trackers *****/

/***** Categories, Tags *****/

/***** Tags (freetags) *****/
	
/*****  Polls  *****/

/***** FAQs *****/

/***** Quizzes *****/

/***** Shoutbox *****/

/***** Directory *****/

/***** Messages *****/

/***** TikiSheets *****/


/***** Calendar *****/
.calodd {
	background: #b0b0b0;
}
.caleven {
	background: #5b5b5b;
}
.caldark {
	border: 1px solid #3e3c3d;
}
.caldark .calfocus {
	background: inherit !important
}
/***** Admin *****/
a.admbox span {
	color: #fff
}
a.admbox:hover span {
	color: #29a0c8
}
/***** Ajax, jquery. etc. *****/
/***** Ajax *****/

/***** New (unsorted) *****/

/***** End New (unsorted) *****/

/* End of File */




