/*-------------- BACKGROUND -------------- */
body { background: #fff url(images/bg_body.jpg) repeat-y center top; color:#000;}
#global{background: url(images/bg_header.jpg) no-repeat center top; height: 600px; width: 100%!important;}

#header, #header h1 a { height:201px; }

/*-------------- //BACKGROUND -------------- */

#content .bloc1{padding: 0; }

/*-------------- BORDER -------------- */
img { border:none; }
#page {border:none !important; margin: 0 auto; float: none !important; }

/*-------------- //BORDER -------------- */

/*-------------- TEXT -------------- */
.navig em { color:#820000; }
/*-------------- //TEXT -------------- */

/*-------------- CONTENT -------------- */
.submit { color:#820000 }
.submit:hover { color:#820000 }

/* DEFAULT VALUE */
.link a:hover, a { color:#000000; }
.link a, a:hover { color:#820000; }

.bloc1 h2 { background: #370101 url(images/bg_menu.gif) repeat-x left top; color:#fff; font-size: 18px; line-height: 26px !important;}
.bloc1 h2 em { background:url(images/hd.gif) repeat-x right top; }

#infos { width: 100%!important; padding-top:3px; padding-bottom:3px;}
#infos h3 { color:#808080; }
#infos h3 em, 
.separator { height: 16px; background: url(images/bg_separator.gif) repeat-x; font-size: 2px; margin: 10px; clear: both; border-left: 1px solid #000; border-right: 1px solid #000;}
.screenshots { float: left; width: 783px; margin-left: 10px; display: inline;}
.screenshots img { float: left; margin-right: 10px; border: 1px solid #333; }

#btns {margin-right: 10px;}
#btns a.dl { background:url(images/dl.gif) no-repeat right top; margin-bottom: 12px; }
#btns a.join { background:url(images/join.gif) no-repeat right top; }

#footer { background:url(images/footer.gif) no-repeat 0 top;}
#footer, #footer a { display:block; height:200px; width:100%; bottom:0px;}



* { margin:0; padding:0 }
* div { }
dd, dt, li, dl, ol, ul{ list-style:none; padding:0; margin:0; }
h3 { font-size:1em; }
/*-------------- ALL PAGES -------------- */
/* GENERAL CLASS */
.i { position:absolute; left:-9999px;}
.b { font-weight:bold;}
.fl { float:left; }

.no_border { border:none !important; }
.no_margin { margin:0 !important; }

/* GENERAL */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; }
a { text-decoration:none; }
input{ border:1px solid #000; padding:1px; }
em { font-style:normal; }

#global, #page, #header, #central, #contain_headlink { width:980px; }
#global { margin:0 auto; }

#page, #header, #central, #contain_headlink  { float:left; }
#page { padding:0 0 0 0; }
#central { padding:0 0 30px 0; }

/* INDEX CONTENT */
#menu {
float:left;
width:180px;
background:#FFF;
text-align:left;
}

#thumbz {
float:right;
width:770px;
background:#FFF;
text-align:left;
}


/* LINK CONTENT */
#link_ads {
float:left;
width:180px;
background:#FFF;
text-align:left;
}

#links {
float:right;
width:770px;
background:#FFF;
text-align:left;
}

#links .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:right;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}

#links .headerbar  a, a:hover {
color: white;
font: bold 14px Arial;
}




/* PICTURE HEADERBAR */
#pics .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:right;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}

#pics .headerbar  a, a:hover {
color: white;
font: bold 14px Arial;
}



.results {margin:0px 0 20px 20px; padding:0;font-size:12px;}
.results li {padding:7px 0; background:url("/images/dot02.gif") 0 100% repeat-x;}
.results li h4, .results li p {margin:0;}
.results li h4 span {font-size:10px; font-weight:normal; color:#FFF;}
.high {color:green;}
.links ol {list-style-type:decimal;}
.folder {padding-left:20px; background:url("/images/folder.gif") 0 3px no-repeat;}
.ico-card {padding-left:20px; background:url("/images/external_link.jpg") 0 -2px no-repeat; }
.extern { background: url("/images/external_link.jpg") no-repeat 100% 50%;	padding: 0 13px 0 0px; }

.results a { color: #000; font: bold 12px Arial, Helvetica, sans-serif; }
.results a:hover { color: #A70303; font: bold 12px Arial, Helvetica, sans-serif; }







/* VIDEO CONTENT */
#video {
float:left;
width:630px;
background:#FFF;
text-align:left;
}

#video h1{
font-size: 16px;
padding:4px 0px 2px 0px;
}

#ads_right {
float:right;
width:300px;
background:#FFF;
text-align:right;
}


/* 3 DIV BOXES 320x250 */
#leftx {
	float: left;
	width: 33%;
	background-color: #FFF;
	text-align:left;
}
#contentx {
	padding: 0 33% 0 33%;
	background-color: #FFF;
	text-align:center;
}
#rightx {
	float: right;
	width: 33%;
	background-color: #FFF;
	text-align:right;
}
.clearx {
	clear: both;
}

#nav ul {
	list-style: none;
	margin: 0;
}




/* SEARCH */
.search ol {
padding:10px;
}
.search li {
margin-bottom:10px;
}
.search a {
color: #A70303;
}
.search a:hover  {
color: #000000;
}



.tagx  a {
color: #A70303;
font: bold 12px Arial;
}
.tagx  a:hover {
color: #000000;
font: bold 12px Arial;
}

/* GALLERY Thumbnails
------------------------------ */
/* Image Thumbnails
----------------------------- */
.gallery{}

#thumbz .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:right;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}

.headerbar  a, a:hover {
color: white;
font: bold 14px Arial;
}

#video .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:left;
padding: 4px 0px 4px 10px; /*header text is indented 10px*/
}

.gallery dl {text-align:center;font-size:12px;margin-top:5px;}
.gallery dt,dd {width:10.5em;float:left;}
.gallery dt {margin-bottom:5.5em;}
.gallery dd {margin:90px 0 0 -10.5em;}
.gallery img {vertical-align:bottom;border:1px solid #000;padding:4px;background:#000;}
.gallery em {display:block;font-weight:bold;margin-bottom:5px;}
.gallery dl a:hover img,dl a:active img,dl a:focus img {background:#A70303;}
.gallery  a { color: #000; font: bold 12px Arial; }
.gallery  a:hover { color: #A70303; font: bold 12px Arial; }


/* RELATED VIDEOS */
.galleryXL{}
.galleryXL ul {text-align:center;font-size:10px;margin-top:5px;}
.galleryXL li {width:136px;float:left;margin-bottom:20px;}
.galleryXL img {vertical-align:bottom;border:1px solid #000;padding:4px;background:#000;}
.galleryXL a { color: #000; font: bold 12px Arial; }
.galleryXL a:hover { color: #A70303; font: bold 12px Arial; }







/* PICTURES */
div.picsxxx .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:right;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}


div.imgPics
  {
  margin:2px;
  height:190px;
  width:114px;
  float:left;
  text-align:center;
  border:1px solid #000;
  }
img.imgPicsThumb
  {
  display:inline;
  padding-top:8px;
  }
img.imgPicsThumb a:hover
  {
  color: #000000;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:auto;
  margin:2px;
  }

.none
  {

  }

div.imgPics a {
color: #A70303;
font: bold 10px Arial;
}

div.imgPics  a:hover {
color: #000000;
font: bold 10px Arial;
}


div.imgPics ol {
padding:10px;
}
div.imgPics li {
margin-bottom:10px;
}
div.imgPics a {
color: #A70303;
}
div.imgPics a:hover  {
color: #000000;
}














/* WEBCAMS */
div.imgx .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:right;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}


div.img
  {
  margin:2px;
  height:120px;
  width:122px;
  float:left;
  text-align:center;
  border:1px solid #000;
  }
img.imgthumb
  {
  display:inline;
  padding-top:8px;
  }
img.imgthumb a:hover
  {
  color: #000000;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:auto;
  margin:2px;
  }

.none
  {

  }

div.img a {
color: #A70303;
font: bold 10px Arial;
}

div.img  a:hover {
color: #000000;
font: bold 10px Arial;
}


div.img ol {
padding:10px;
}
div.img li {
margin-bottom:10px;
}
div.img a {
color: #A70303;
}
div.img a:hover  {
color: #000000;
}
















/* SITES */
div.sites .headerbar{
margin-top:5px;
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:right;
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}

div.imgSites
  {
  margin:2px;
  height:120px;
  width:130px;
  float:left;
  text-align:center;
  border:1px solid #DADADA;
  }
imgSites.imgthumb
  {
  display:inline;
  padding-top:8px;
  }
imgSites.imgthumb a:hover
  {
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:auto;
  margin:2px;
  }

.none
  {

  }

div.imgSites a {
color: #A70303;
font: bold 10px Arial;
}

div.imgSites  a:hover {
color: #000000;
font: bold 10px Arial;
}


div.imgSites ol {
padding:10px;
}
div.imgSites li {
margin-bottom:10px;
}
div.imgSites a {
color: #A70303;
}
div.imgSites a:hover  {
color: #000000;
}









/* PAGINATION */
div.pagination { padding: 7px; margin: 3px; text-align:center; font-size:14px; font-weight:bold;}
div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #fff; text-decoration: none; color: #fff;  background-color: #A70303; border: 4px solid #A70303;}
div.pagination a:hover{	color: #000; border: 4px solid #A70303;}
div.pagination a:active { border: 4px solid #D74801; color: #000; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #fff; font-weight: bold; background-color: #FFF; color: #A70303; border: 4px solid #A70303;}
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }




h1 a { display:block; }


.bloc1 {  height:40px;  }
.bloc1 h2 { height:40px; line-height:40px; position:relative; }
.bloc1 h2 em { display:block; height:40px; position:absolute; top:0; right:0; width:180px; }
.bloc1 h2 span { padding:0 0 0 10px; }

#flashplayer { clear:both; padding:10px 0 0 0; text-align: center; position:relative; }

#infos { float:left; clear:both; width:100%; padding:5px 0 5px 0; }
#infos h3 { text-transform:uppercase; }
#infos h3 em { text-transform:none; font-weight:normal; }

#desc { float:left; clear:both; width:100%; }
#desc p { color:#000000; padding-top:3px; padding-bottom:3px; }


.bloc2 { width:255px; }
#screenshots img { display:block; width:249px; height:164px; margin:0 0 5px 0; }

#btns { float:right; width:176px; }
#btns a { display:block; width:179px; height:81px; }


#footer { float:left; clear:both; width:100%; }





/* JQUERY RSS FEED MENU */
.feed_menu{
	background: url(images/feed_menu_orange.png) 0 center no-repeat;
    padding:0px 0;
    display:-moz-inline-box;
    display:inline-block;
    width:38px;
    vertical-align:middle;
    overflow: hidden;
    margin:0;
}
.feed_menu.wood{
    background-image: url(images/feed_menu_wood.png);
}
.feed_menu.azure{
    background-image: url(images/feed_menu_azure.png);
}
.feed_menu.trans_on_light{
    background-image: url(images/feed_menu_trans_light.png);
}
.feed_menu.trans_on_dark{
    background-image: url(images/feed_menu_trans_dark.png);
}
.feed_menu.open{
    background-position: -38px center !important;
}
.feed_menu select{
    opacity:0;
    margin:0;
    padding:0;
    border:0;
}
.feed_menu option img{
    border:0;
    margin:2px;
    vertical-align: middle;
}







/* alphabeticalize list nav http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
----------------------------------------------------------------- */

.listNav { margin:0 0 10px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }


/* demo-specific
----------------------------------------------------------------- */

#demoThree-nav .ln-letters a { border:none; border-top:2px solid pink; color:red; }
#demoThree-nav .ln-letters a.ln-last { border-right:none; }
#demoThree-nav .ln-letters a:hover,
#demoThree-nav .ln-letters a.ln-selected { border-top:2px solid red; background-color:pink; color:White !important; }
#demoThree-nav .ln-letters a.ln-disabled { color:pink; }
#demoThree-nav .ln-letters a.ln-disabled:hover { color:white; }
#demoThree-nav .ln-letter-count { color:red; }

#demoThree li { color:pink; }
#demoThree li a { color:red; text-decoration:none; }
#demoThree li a:hover { text-decoration:underline; }

#demo4 #listWrapper { width:100% }
#demoFour li { float:left; }
#demoFour a { display:block; text-align:center; width:85px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#demoFour a:hover { background-color:#eee }












/* HORIZONTAL MENU */
.invertedshiftdown2{
padding: 0;
width: 625px;
margin-left:35px;
height: 40px;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float:left;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}




/* SEARCH BOX DIV, FORM, IMG ELEMENTS */
#searchwrapper {
border-top: 5px solid #D10000; /*Highlight red color theme*/
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url("images/search.png");
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
float:right;
width:320px;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:256px;
height:28px;
font-size:22px;
color:white;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:280px;
width:32px;
height:28px;
}



/* VERTICAL MENU */
.arrowlistmenu{
width: 180px; /*width of menu*/
padding-top:5px;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
font: bold 14px Arial;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background: url(images/arrowbullet_black.png) no-repeat center left; /*custom bullet list image*/
color: #000;
background-color: #FFF;
}



/* TAGCLOUD */
.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link  { color: #A70303; }
.tag_cloud:visited { color: #000; }
.tag_cloud:hover { color: #ffffff; background: #A70303; }
.tag_cloud:active { color: #ffffff; background: #A70303; }


.footerTxt{
bottom:0; border-top: 5px solid red; text-align:center; padding:5px; border-bottom:4px solid #C0C0C0; 
}

div.footerTxt a {
font-size: 12px;
color: #A70303;
}
div.footerTxt a:hover  {
font-size: 12px;
color: #000000;
}