/*
 * DesktopChaos Theme
 *
 * @copyright       Xoops Project <http://www.xoops.org/>
 * @license         http://www.fsf.org/copyleft/gpl.html GNU public license 3.0
 * @package         themes
 * @since           2.4.x
 * @author          Kris_fr for Xoops Design Theme <http://www.xoops.org/>
 * @maintained      Xoops Design Theme <http://www.xoops.org/>
 *
 * @version         $Id$
*/

/* IMPORTANT !!! :
	propriety semantic order =	position box, width, heigth, margin, background-color, background-image, padding, content (color, style font, ...), border, ...
*/

/* include style sheets */
@import url(reset.css); /* reset css for web browsers*/
@import url(fonts.css); /* reset css for web browsers*/
/*@import url(dev.css);*/ /* dev css only for web development */
@import url(socialbookmark.css); /* style for socialbookmark bar - xo_socialbookmark.html */
@import url(tplsystem.css); /* style for templates system : siteclosed, redirection, debug mode, core messages, ... */
@import url(extras.css); /* extras style for perzonalisation templates */
/*  for html 5 in next time */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block;}

/* beginning of the applicable styles */
html, body {
	max-width: 			100%;
	margin:				0 auto;
	background-color: 	#6c3c24;
	color:				#000;
	line-height:		1.5em;
}
html {font-size:100.01%;}
body {font-size:75%;
	background:url(../img/page-back.gif) repeat-x #6c3c24;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* ======= Body box ======= */
#xo-wrapper {background:url(../img/paper-back.jpg) repeat-y 50% 0;}
#xo-bgstatic {}
#xo-canvas {	background:url(../img/outer-back.jpg) no-repeat top center; z-index:100;}
#xo-canvas-content {	width:960px; margin:0 auto;}
#xo-canvas-columns {}
#xo-page {font-family: Times New Roman, Times, Georgia, serif; font-size: 1.2em;}
/* ===== header ===== */
#xo-header {	width:960px; height: 160px;	margin:0 auto;}
#xo-headerlogo {
	display: block;
	width: 400px;
	height: 56px;
	padding: 50px 0 0 60px;
	overflow: hidden;
	color: 000;
	font-size: 2em;
	font-family: Times New Roman, Times, Georgia, serif;
}
#xo-headerlogo a {	color:#000;	text-decoration:none;}
#xo-slogan {font-size: .5em; font-style: italic; font-weight: normal;}
#xo-searchbar {	padding:6px 20px 0 0;	text-align:right;	font-family: Tahoma, Arial, Helvetica, sans-serif;}
#xo-searchbar  form { margin:0; padding:0;}
#xo-searchbar input {
	width:158px;
	margin:0;
	background:transparent;
	padding:3px;
	border:1px solid #fff;
}
#xo-searchbar button {
	margin:0;
	background:url(../img/btn-back.gif) transparent;
	padding:2px 4px 2px 4px;
	color:#fff;
	border:1px solid #fff;
	cursor:pointer;
}
#xo-banner {}
#xo-banner.commercial {}
#xo-headerbanner {padding-top: 80px; padding-left: 100px;}
#xo-bannerfix {
    width:                  	480px;
    height:                 	70px;
    background:             	url(../img/bg-ad-top.png) no-repeat;
    padding-top:                6px;
    padding-right:              6px;
    padding-left:               6px;
	z-index:					99;
}
#xo-globalnav {
	width:				100%;
	margin:				0;
}
/* ====== hypertext links ===== */
a {color:#005b85;}
a:visited, a:focus, a:hover, a:active {	color:#0090d2;	text-decoration:none;}
a:visited {text-decoration: underline;}

/* ===== titles ===== */
h1, h2, h3, h4, h5, h6 { 
  margin: 				1em 0 .5em 0;
  line-height: 			1.2; 
  font-weight: 			bold;
  font-style: 			normal; 
}
h1 {
	background:url(../img/line.gif) repeat-x bottom;
	padding:0 0 14px;
	font-size: 1.6em;
	line-height:28px;
	font-weight:normal;
}
h2 {
	background:url(../img/line.gif) repeat-x bottom;
	padding:0 0 14px;
	font-size: 1.4em;
	line-height:28px;
	font-weight:normal;
}
h3 {	font-size: 1.2em;}
h4 {	font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}

/* ===== images ===== */
img { border: 0 !important;}
p img { margin: .5em;}
a img:hover, a img:focus { opacity: .5; filter: alpha(opacity=50);}
a img { border: none;}
.imgsmile { margin-bottom:-2px !important; padding:0 !important; border:0 !important;}

/* ===== other attributes of contents ===== */
p { margin-top: .5em; margin-bottom:	 .5em; text-align: justify;}
hr { background:url(../img/line.gif) repeat-x bottom; padding-bottom: 1em; }
strong, b, dfn { font-weight: bold;}
u {text-decoration: underline;}
i, em { font-style: italic;}
del { text-decoration: line-through;}
address	{ font-style: normal; letter-spacing: .1em;}
small {font-size: .8em;}
q, cite { font-style: italic;}
bdo { direction: ltr;}
acronym, abbr, abbr[title], dfn { border-bottom: #6c3c24 1px dashed; cursor: help;}
abbr[title] { border-bottom: 1px dotted; cursor: help;} 
acronym:hover, abbr:hover { border-bottom: #6c3c24 1px dashed;}
::selection {background-color:#6c3c24; color: #dedb98;}
	::-moz-selection {background-color:#6c3c24; color: #dedb98;}
/* ===== lists ===== */
#xo-canvas-content ul, #xo-canvas-content ol { margin: .5em 0 .5em 1em; padding: 0;}
#xo-canvas-content ul {list-style-type: circle;}
#xo-canvas-content ol {list-style-type: decimal;}
#xo-canvas-content li  { margin: .3em 0;}
#xo-canvas-content ul ul li, #xo-canvas-content ol ol li { padding: 0; font-style:	 italic;}
#xo-canvas-content ul ul li,#xo-canvas-content ol ol li { padding-top: 0; padding-bottom: 0; padding-left:	 1em;}
#xo-canvas-content ul, #xo-canvas-content ol {}
#xo-canvas-content ul ul li, #xo-canvas-content ol ol li {}
#xo-canvas-content dd {}
#xo-canvas-content dl {}
#xo-canvas-content dt {}
dl { margin: .75em 0;} 
dt { margin: .75em 0 0 0; font-weight: bold;} 
dd { margin: .25em 0 .25em 2em; }

/* ===== forms ===== */
form {}
fieldset {}
legend {	padding: 5px; color: #623622; font-size: 1.5em;}
input, button, select {vertical-align: middle; margin: .5em;}
input {}
label {padding: 4px;}
label, .caption-text {}
select { background-color:#fffff0; padding: 4px; font-size: .9em; border: 2px inset #e5e5e5 !important; }
select[name=timezone_offset] {}
select:focus {}
textarea { width: 90%; max-height: 250px; line-height: 1.5em; overflow: auto;}
textarea:focus {}
#xo-page fieldset a {}
#xo-page fieldset a:hover {}
#xo-page legend { font-weight: bold;}
#xo-page label {}
button, input[type=submit], input[type=button], input[type=reset], .xo-formbuttons, .formButton {
	background:url(../img/btn-back.gif) transparent;
	padding: 4px;
	color:#fff;
	border:1px solid #fff;
	cursor:pointer;
}
button:focus, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, .xo-formbuttons:focus, .formButton:focus {}
button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .xo-formbuttons:hover, .formButton:hover {}
input[type=text], input[type=password], input[type=checkbox], input[type=file], textarea {
	margin:0;
	background-color:#fffff0;
	padding:3px;
	border:1px solid #e5e5e5;
}
input[type=text], input[type=password], input[type=file] {min-width: 100px;}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, input[type=checkbox]:hover, textarea:hover {}
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=checkbox]:focus, textarea:focus {}
input[type=checkbox], input[type=radio] { margin: 3px; padding:2px;}

#xo-page .xoops-form-element-caption-required, #xo-page .xoops-form-element-caption {}
.xo-formfield.required label:after, .caption-marker { content: '*'; color: #ff0000; background-color: transparent;}
.xoops-form-element-caption .caption-marker { display:none;}
.xoops-form-element-caption-required .caption-marker {}
.xoops-form-element-help {}

/* ===== block main menu ===== */
#mainmenu {}
#mainmenu a {
	display: block;
	width:167px;
	margin:0;
	background:url(../img/bullet-pages.gif) no-repeat 4px 8px;
	padding:6px 2px 6px 24px;
	color:#005b85;
	font-size: 1.1em;
	text-decoration:none;
	border-bottom:1px solid #ffdead;
}
#mainmenu a:hover { background:url(../img/bullet-pages-over.gif) no-repeat 4px 8px #d05e52; color:#fff;}
#mainmenu a:active, #mainmenu a.current {}
#mainmenu a:visited {}
#mainmenu a.menuTop  {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub{}
#mainmenu a.menuSub:hover  {}
#mainmenu a.maincurrent {}
/* ===== block user menu ===== */
#usermenu {}
#usermenu a {
	display: block;
	width:167px;
	margin:0;
	background:url(../img/bullet-categories.gif) no-repeat 3px 8px;
	padding:4px 2px 4px 24px;
	font-size: .9em;
	color:#005b85;
	text-decoration:none;
	border-bottom:1px solid #f6f3cf;
}
#usermenu a:hover  { background:url(../img/bullet-pages-over.gif) no-repeat 4px 8px #d05e52; color:#fff;}
#usermenu a:active, #usermenu a.current {}
#usermenu a:visited {}
#usermenu a.menuTop {}
#usermenu a.highlight {}

/* ===== left column ===== */
#xo-canvas-leftcolumn {	padding:115px 0 0 0;}
#xo-canvas-leftcolumn .xo-block { background:url(../img/about-bottom.png) no-repeat bottom left; min-height: 124px; margin-bottom:1em;}
#xo-canvas-leftcolumn .xo-blocktitle  {background:url(../img/about-top.png) no-repeat top left; text-align: center; font-family: "HandTest", Georgia; font-size: 1.8em; letter-spacing:-1px; padding-top: 80px;}
#xo-canvas-leftcolumn .xo-blockcontent { background:url(../img/about-back.png) repeat-y top left; padding: 1em 1em 1.5em 2.5em;}

/* ===== right column ===== */
#xo-canvas-rightcolumn {	line-height:16px; padding: 0 0 200px 1em; background:url(../img/col-03-bottom.jpg) no-repeat bottom;}
#xo-canvas-rightcolumn .xo-block {min-height: 114px; margin-bottom:1.5em;}
#xo-canvas-rightcolumn .xo-blocktitle { text-align: center; font-family: "HandTest", Georgia; font-size: 1.8em; letter-spacing:-1px; background:url(../img/recent-top.png) no-repeat top left; padding-top: 80px;}
#xo-canvas-rightcolumn .xo-blockcontent {background: url(../img/recent-bg.png) repeat-y; padding: 1.5em 1em 1.5em 1em;}

/* specific for main menu */
#xo-canvas-leftcolumn #xo-block-system-5 {padding-bottom: 53px;}
#xo-canvas-leftcolumn #xo-block-system-5 .xo-blocktitle { background:url(../img/pages-top.png) no-repeat top left; text-align: center; font-family: "HandTest", Georgia; font-size: 1.8em; letter-spacing:-1px; padding-top: 45px;}
#xo-canvas-leftcolumn #xo-block-system-5 .xo-blockcontent { background:url(../img/pages-back.gif) repeat-y top left; }
#xo-canvas-leftcolumn #xo-block-system-5.xo-block {background:url(../img/pages-bottom.png) no-repeat bottom left; min-height: 124px; margin-bottom:1em;}
/* specific for user menu */
#xo-canvas-leftcolumn #xo-block-system-1 {background: none;}
#xo-canvas-leftcolumn #xo-block-system-1 .xo-blocktitle { text-align: center; font-family: "HandTest", Georgia; font-size: 1.8em; letter-spacing:-1px; background:url(../img/recent-top.png) no-repeat top left; padding-top: 80px;}
#xo-canvas-leftcolumn #xo-block-system-1 .xo-blockcontent { background:url(../img/recent-bg.png) repeat-y top left; }
#xo-canvas-leftcolumn #xo-block-system-1.xo-block {}

/* ===== center content and block in center column ====== */
#xo-page {}
/* ----- center blocks ----- */
#xo-page .xo-blockszone > .xo-block {}
#xo-page .xo-blockszone .xo-blocktitle { padding: 1em .5em 1em .5em; font-family: "HandTest", Georgia; font-size: 1.6em; letter-spacing:-1px;}
#xo-page .xo-blockszone .xo-blockcontent { text-align: justify; padding: .5em .5em 1em .5em;}
#xo-topcenterblocks, #xo-bottomcenterblocks {}
#xo-page-topcenterblocks .xo-blocktitle, #xo-page-bottomcenterblocks .xo-blocktitle {}
#xo-page-topcenterblocks .xo-blockcontent, #xo-page-bottomcenterblocks .xo-blockcontent {}
#xo-page-topleftblocks .xo-blocktitle, #xo-page-bottomleftblocks .xo-blocktitle,
#xo-page-toprightblocks .xo-blocktitle, #xo-page-bottomrightblocks .xo-blocktitle {}
#xo-page-topleftblocks .xo-blockcontent, #xo-page-toprightblocks .xo-blockcontent,
#xo-page-bottomleftblocks .xo-blockcontent, #xo-page-bottomrightblocks .xo-blockcontent {}

/* ----- content module page ----- */
#xo-content {text-align: justify; background:url(../img/line.gif) repeat-x bottom; padding-bottom: 2em; padding-left: 1em;}

/* ===== footer ===== */
#xo-footer {
	width:960px;
	min-height:301px;
	position:relative;
	margin:0 auto;
	background:url(../img/footer.jpg) no-repeat 0 0;
	text-align: center;
}
#xo-footer  .inner {
	width:600px;
	padding:110px 0 0 150px;
	line-height:16px;
	color:#222;
	font-family: Times New Roman, Times, Georgia, serif;
}
#xo-footer  .inner a { color:#222; text-decoration:none;}
#xo-footer  .icon-rss a {
	display:block;
	position:absolute;
	left:640px;
	top:85px;
	width:49px;
	height:49px;
	text-indent:-400px;
	overflow:hidden;
	background:url(../img/icon-rss.gif) no-repeat 0 0;
}
#xo-footer  .icon-rss a:hover { background:url(../img/icon-rss.gif) no-repeat 0 -49px;}
#xo-footer  .icon-ele a {
	display:block;
	position:absolute;
	left:644px;
	top:145px;
	width:37px;
	height:37px;
	text-indent:-400px;
	overflow:hidden;
	background:url(../img/icon-ele.gif) no-repeat 0 0;
}
#xo-footer  .icon-ele a:hover { background:url(../img/icon-ele.gif) no-repeat 0 -37px;}
/* ===== tables and cells ===== */
table {width:100%; margin: .5em 0 1em 0; border-collapse: collapse;}
caption {font-style: italic; font-weight: bold;}
th, th.head, thead {
	background:url(../img/btn-back.gif) transparent;
	padding: 4px;
	vertical-align : 		middle;
	font-weight: 			bold;
	text-align: 			center;
	color:#fff;
	box-shadow: 			0 20px 10px -10px rgba(255,255,255,0.3) inset;
		-moz-box-shadow: 	0 20px 10px -10px rgba(255,255,255,0.3) inset;
		-webkit-box-shadow: 0 20px 10px -10px rgba(255,255,255,0.3) inset;
}
th.head a, th a, thead a {color: #fff;}
th.head a:hover, th a:hover, thead a:hover {text-decoration: underline;}
.foot, tfoot { padding: 2px 8px 2px 8px; text-align: center;}
tbody {}
table.outer { border-collapse: separate;}
table td {padding: 3px;}
.outer {}
.head {	font-weight: bold; vertical-align: top;}
.even {}
.odd {}
tr.even td {}
tr.odd td {}

/* ===== codes and quotes ===== */
.xoopsCode {
	display:					block;
	max-height: 				350px;
	overflow: 					auto;
	margin-left:				.5em;
	background-color: 			#F0E99D;
	padding: 					6px;
	color:						inherit;
	font-size:					.9em;
	color: 						inherit;
	font-family: 				"Courier New",Courier,monospace; 
	border: 					1px solid #ccc;
}
.xoopsQuote {
	margin-left:				.5em;
	background:					#F0E99D url(../img/quote.png) no-repeat top left;
	padding:					.5em;
	color:						inherit;
	font-size:					.9em;
	font-style:					italic;
	border:						#b22d00 1px dotted;
}
blockquote {font-style: italic;}

/* ===== articles (content-type in example) ===== */
.item {}
.itemHead {}
.itemInfo { padding: .5em 0 .5em 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:.7em; text-align: right;}
.itemInfo a {color: #000;}
.itemInfo a:hover {color: #000; text-decoration: underline;}
.itemTitle {
	background:url(../img/line.gif) repeat-x bottom;
	padding:0 0 14px;
	font-size: 1.4em;
	line-height:1.6em;
	font-weight:normal;
}
.itemTitle a {}
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {}
.itemText {}
.itemText:first-letter {}
.itemFoot { padding: 1em 0 .5em 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:.7em; text-align: right;}
.itemFoot a {color: #000;}
.itemFoot a:hover {color: #000; text-decoration: underline;}
.itemAdminLink {}
.itemPermaLink {}

/* ===== forums (content-type in example) ===== */
.comTitle {	font-weight: bold;}
.comTitle a {}
.comTitle a:hover {}
.comText { margin: .5em;}
.comUserStat { margin: 3px; padding: 2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: .7em; border: #4E4421 1px solid; text-align: left; line-height:1.2em;}
.comUserStatCaption {}
.comUserStatus {}
.comUserRank {}
.comUserRankText {}
.comUserRankImg {}
.comUserName {}
.comUserImg {
	margin: .5em;
	background-color : #fff;
	padding: .5em;
	border: 					1px solid #ccc;
	border-radius:				10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:		10px;
	-khtml-border-radius: 		10px;
	box-shadow: 				1px 2px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 		1px 2px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 	1px 2px 3px rgba(0,0,0,0.5);
}
.comDate { font-size: .9em; font-style: italic; font-weight: normal;}
.comDateCaption {}
.signature {padding: .5em; font-size: .9em; font-style: italic;}

/* ===== pages navigation ===== */
.pagneutral {}
.pagact {}
.paginact {}

/*============== css fix for modules =================*/
.register-steps {text-align: left; font-size: .9em !important;} /* profile */
#tabs ul li {list-style: none;} /* publisher */
div.dropdown select.menu, div.dropdown select.userbar { background-color: #fff !important; border: 2px inset #e5e5e5 !important; font-size:.9em; font-weight: normal;} 
select#forumoption, select.select, tr.foot select[name=sortname], tr.foot select[name=sortorder], tr.foot select[name=since] {font-size: .7em;}/* newbb - cbb */