/*
Description: Cipango
Version: 1.0 / August 2010
Author: juxy
Author URI: http://www.juxy.fr/
*/

/* --- RESET ------------------------------------------------------- */
* {padding: 0; margin: 0;}	
ul, ol, li {list-style: none; list-style-position: inside;}
ol ol, ul ul, ol ul, ul ol {margin: 0; margin: 0;}
a:focus {outline:none;}
img {border: none;}
html body * div.clear {background: none;	border: 0;	clear: both; display: block; float: none;	font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}


/* ------------------------------------------------------------------- */
/* --- COMMON ------------------------------------------------------- */
body      {font: 13px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; height: 100%; background:url(images/body-bg-pattern.png) repeat}
a         {color: #000; text-decoration: none;}
a:hover   {color: #000 ;}
a:visited {}
input, select, textarea {}


/* --------------------------------------------------------------------- */
/* --- CONTAINER ------------------------------------------------------ */
#wrapper          {min-height:100%; width:100%; position:absolute; background:url(images/header-bg.png) repeat-x #f3f3f3;}
#container        {background:url(images/header.png) no-repeat top center;  padding:0px 0px 100px 0px; min-height:360px;}
#container-main   {display:block; background:url(images/main-bg.png) repeat-x top center; width:100%;}
#container-header {width: 980px; margin: 0px auto 0px auto; overflow: hidden; padding:0px 0px 0px 0px;}


/* --------------------------------------------------------------------- */
/* --- HEADER --------------------------------------------------------- */
#header            {display:block; width:980px; height:84px;} 
#header h1 a       {display:block; float:left; text-indent:-9999px; width:400px; height:80px;}
#header h1 a:focus {outline:none}

	/* --- MENU -------------------------------------------------------- */
	#header-menu              {display:block; float:right; padding:40px 20px 0px 0px;}
	#header-menu li, ul       {display:block; float:left; height:40px;}
	#header-menu a            {display:inline; float:left; font-size:13px; color:#999999; font-weight:bold; padding:6px 11px 7px 10px; margin:0px 4px 0px 0px; text-transform:uppercase; text-shadow:1px 1px 0px #222;}
	#header-menu a:hover      {cursor:pointer; color:#FFF; background-color:#444; -moz-border-radius:6px; -webkit-border-radius:5px; border:1px solid; border-color: #4A4A4A #363636 #363636 #4A4A4A; padding:5px 10px 6px 9px;}
	#header-menu a.selected   {color:#FFF}
	#header-menu .current_page_item a {color:#FFF}


/* ----------------------------------------------------------------- */
/* --- MAIN -------------------------------------------------------- */
#main  {width: 980px; margin: 0px auto 0px auto; padding: 20px 0px 30px 0px; background:url(images/main-bg.png) repeat-x top center;}
	
	/* --- MAIN CONTENT --------------------------------------------------------- */
	#main-content      {display:block; float:left; width:980px; padding-bottom:60px;}
	#main p    {margin: 0px 0px 12px 0px; padding:0px 0px 4px 0px;}
	#main h1   {color:#000; font-size:20px; margin:0px; padding:10px 0px 0px 2px; border-bottom:1px dashed #BBB; margin-bottom:8px;}
	#main h2   {font-size: 20px; line-height: 24px; margin-bottom: 7px; }
	#main h3   {font-size: 18px; line-height: 22px; margin-bottom: 5px; }
	#main h4   {font-size: 16px; line-height: 20px; margin-bottom: 5px; }
	#main h5   {font-size: 14px; line-height: 18px; margin-bottom: 8px; border-bottom:1px dashed #DDD; display:block; }
	#main h6   {font-size: 12px; line-height: 16px; margin-bottom: 5px; }
	#main ul, ol, dl { margin-bottom: 10px; height:auto; }
	#main ul   {list-style: disc; list-style-position: inside; margin-left:10px; width:100%; display:block;}
	#main li   {list-style: disc; list-style-position: inside; margin-bottom:4px;}
	#main ol   {list-style: decimal; list-style-position: inside; }
	#main dl dt {font-weight: bold;}
	#main dl dd {font-style: italic;	margin: 0 0 5px 20px; color: #555;}
	#main a {color:#3a84ca; font-weight:bold; text-decoration:none;}
	#main a:hover {color:#3a84ca; font-weight:bold; text-decoration:underline;}
	
	
	/* --- SLIDER --------------------------------------------------------------- */
	#container-slider {height:340px; background:url(images/slider-bg.png) repeat-x;}
	#slider {width: 980px; margin: 0px auto 0px auto;}
	#featured-slider  {width: 980px; margin: 0; height:304px; position: relative; overflow: hidden;}
	#featured-slider .featured-slide {position: absolute; top:0; left:0; z-index: 0; width: 940px; padding-left:40px; background:url(images/slider-featured-bg.png); height:304px;}
	.slide-1 {background:url(images/slider-slide-1-bg.png) !important;}
	
	#featured-slider h1       {display:block; float:left; font-size:30px; color:#FFF; text-shadow:2px 2px 3px #333; margin:20px 0px 6px 0px;}
	#featured-slider .text    {display:block; float: left; width: 400px; color:#B7B7B7; font-size:14px; line-height:18px; clear:both;}
	#featured-slider .text b  {font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #333;}
	#featured-slider .text strong  {font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #333;}
	#featured-slider .text ul {display:block; height:auto; margin-top:6px;}
	#featured-slider .text li {display:block; margin-bottom:12px; border-left:5px solid #3f7799; padding-left:5px; list-style-position:outside}
	#featured-slider .picture   {position:absolute; right: 0; top:0; z-index: 99; width: 500px; margin: 0 10px 0 0; text-align: center; height: 200px;}
	#featured-slider img {right:0; top:0; position:absolute;}
	#featured-slider a {color:#FFF; font-weight:bold;}
	
	/* --- DOWNLOAD BUTTON ----------------------------------------------------------- */
	a.button_download {display:inline; float:left; width:180px; height:58px; padding: 10px 0px 0px 20px; margin-left:200px; font-size:16px; text-shadow:2px 2px 3px #2c6385; background:url(images/button_download.png) no-repeat top left; color:#FFF; text-transform:uppercase; line-height:42px; font-weight:bold; cursor: pointer; font-family:Arial, Helvetica, sans-serif;}
	a.button_download:hover {background-position:bottom left; text-shadow:2px 2px 3px #000;}
	a.button_download b {display:inline-block; vertical-align:middle; line-height:17px; cursor:pointer}
	a.button_download strong {display:inline-block; vertical-align:middle; line-height:17px; cursor:pointer}
	
	/* --- SLIDER NAV ----------------------------------------------------------- */
	#slider-nav                {width: 950px; height: 36px;	margin: 0px; padding:0px 15px 0px 10px;}
	#slider-nav a.dot          {cursor:pointer; float:left; width: 15px; height: 36px; background: url(images/slider_footer_buttons.png) no-repeat -15px 0px; text-indent: -9999px;}
	#slider-nav a.dot:hover    {background-position:0px 0px;}
	#slider-nav a.dot-selected {cursor:pointer; float:left; width: 15px; height: 36px; background: url(images/slider_footer_buttons.png) no-repeat 0px 0px; text-indent: -9999px;}
	#slider-nav a.left         {cursor:pointer; float:right; width: 30px; height: 36px; background: url(images/slider_footer_arrows.png) no-repeat -100px 0px; text-indent: -9999px;}
	#slider-nav a.right        {cursor:pointer; float: right; width: 30px; height: 36px; background: url(images/slider_footer_arrows.png) no-repeat -130px 0px; text-indent: -9999px;}
	#slider-nav a.left:hover   {background-position:0px 0px;}
	#slider-nav a.right:hover  {background-position:-30px 0px;}

	/* --- BOX ------------------------------------------------------------------ */
	.box               {display:block; float:left; width:290px; font-size:13px; line-height:18px; color:#555; padding:0px 15px 30px 15px; height:auto; background:url(images/box-bg.png) repeat-y top left}
	.box_full          {display:block; float:left; width:640px; font-size:13px; line-height:18px; color:#555; padding:0px 15px 30px 15px; height:auto; background:none;}
	.box-about         {background:none;}
	.box h2            {font-weight:normal; font-size:13px !important; text-transform:uppercase; background:url(images/box_icon.png) no-repeat 0px 0px; padding:8px 0px 4px 45px;}
	.box h2.icon-about {background-position:0px -0px;}
	.box h2.icon-next  {background-position:0px -50px;}
	.box h2.icon-news  {background-position:0px -100px;}
	.box h2.icon-common {background-position:0px -150px; padding-left:50px; font-size:18px !important;}
	.box h2.icon-arrow {background-position:0px -300px; padding-left:50px; font-size:18px !important;}
	.box h2.icon-archives {background-position:0px -200px; padding-left:50px; font-size:18px !important;}
	.box h2.icon-search {background-position:0px -350px; padding-left:50px; font-size:18px !important;}
	.box_full h2.icon-news {font-size:18px !important; font-weight:bold}
	
	/* --- BOX NEWS -------------------------------------------------------------- */
	.box_news            {display:block; float:left; padding-bottom:20px;}
	.box_news h3 {padding:0px !important; margin:0px !important}
	.box_news h3 a       {font-size:13px; color:#545454 !important; border-bottom:1px dotted #999}
	.box_news h3 a:hover {font-size:13px; color:#000 !important; border-bottom:1px dotted #000; text-decoration:none !important}
	.news-date     {font-size:11px; color:#999; display:block;}
	.news-abstract {display:block; padding-top:4px;}
	.news-abstract a {color:#3a84ca; font-weight:bold;}
	.news-abstract a:hover {text-decoration: underline}
	
	/* --- STUFF -------------------------------------------------------------- */
	label {display:block; float:left; width:60px; vertical-align:top; padding-top:2px;}
	.form-allowed-tags {font-size:11px; line-height:13px;}
	.required {margin-left:-20px; margin-right:15px; color:#CC0000}
	.comment-notes .required {margin-left:0px;}
	h3#reply-title {font-size:12px; border-top:1px solid #CCC; padding:2px 0px 10px 0px; text-transform:uppercase; margin-top:40px; color:#999; font-weight:bold;}
	h3#comments-title {font-size:12px; border-top:1px solid #CCC; padding:2px 0px 10px 0px; text-transform:uppercase; margin-top:40px; color:#999; font-weight:bold;}
	#comments {font-size:12px; color:#666;}
	#comments li { list-style-type:none !important;}
	.comment-meta a {font-size:10px !important; color:#AAA !important}
	.comment-meta {margin:0px 0px 8px 0px;}
	.screen-reader-text {display:none;}
	#searchsubmit {width:60px !important;}
	.commentlist .avatar {display:block; float:left; padding-right:10px;}
	.says {display:none;}
	.entry-meta {color:#999; font-size:12px;}
	.entry-date {font-weight:bold;}
	.author {font-weight:bold;}
	h3.entry-title {padding-top:20px;}
	.entry-utility {color:#999; font-size:12px;}
	.entry-utility a {color:#666 !important; border-bottom:1px dashed #999; font-size:12px; font-weight:normal !important}
	.entry-utility a:hover {color:#000 !important; text-decoration:none !important;}


	/* --- FORMS -------------------------------------------------------------- */
	input, select {border:1px solid; border-color:#999 #CCC #CCC #999; width:140px; padding:3px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 6px 4px 1px; -moz-border-radius:4px; -webkit-border-radius:4px;}
	select {width:168px}
	textarea {border:1px solid; border-color:#999 #CCC #CCC #999; width:360px; padding:3px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 6px 4px 1px;-moz-border-radius:4px; -webkit-border-radius:4px;}
	textarea:focus, input:focus {border:2px solid #999; background-color:#FFF; margin:0px 5px 3px 0px;}
	textarea:hover, input:hover {background-color:#F8F8F8;}
	input[type="submit"] {height:24px; background-color:#666; color:#FFF; border:1px solid #333; padding:3px !important; font-weight:bold; font-size:11px;margin:1px 6px 4px 1px;}
	input[type="submit"]:hover {background-color:#3a84ca; color:#FFF; cursor:pointer;}
	input[type="submit"]:focus {height:26px; border:2px solid #999; background-color:#333; color:#FFF; margin:0px 5px 3px 0px;}
	
	
	
/* -------------------------------------------------------------------- */
/* --- SIDEBAR ------------------------------------------------------- */
.sidebar {display:block; float:right; width:280px; background:url(images/box-bg.png) repeat-y top left; padding-left:15px; padding-bottom:40px;}
h3.widget-title {display:block; font-size:12px !important; padding-top:4px !important; color:#333; text-transform:uppercase;}
.sidebar a {font-weight:normal !important; color:#999 !important}
.sidebar li { list-style-type:none !important;}
.sidebar ul { margin-left:6px !important;}
.widget-container {display:block; float:left; margin-top:10px; width:100%}

/* -------------------------------------------------------------------- */
/* --- FOOTER -------------------------------------------------------- */
#container-footer {width:100%; position:absolute; background:url(images/footer-bg.png) repeat-x; bottom: 0; left: 0;}
#footer           {display:block; width: 960px; margin: 0px auto 0px auto; height:66px; background:url(images/footer.png) no-repeat; padding:30px 10px 0px 10px;}
.footer-menu         {display:block; float:left; margin-left:4px; margin-top:6px;}
.footer-menu a       {color:#898989; font-size:11px; font-weight: bold; padding:2px 12px 1px 11px; border-right:1px solid #C7C7C7; text-transform:uppercase}
.footer-menu a:hover {color:#333;}
.footer-copyright         {display:inline; float:right; margin:4px 20px 0px 0px; padding-right:36px; font-size:11px; color:#bcbcbc; text-align:right; line-height:15px; background:url(images/favicon.png) no-repeat bottom right}
.footer-copyright a       {font-weight:bold; color:#898989}
.footer-copyright a:hover {color:#333}


/* --- VARIOUS ------------------------------------------------------- */
*::-moz-selection {background-color:#4a8dc3; color:#FFF}