BODY #wrapper {}

#header .content {
  width: 960px;
  margin: 0 auto;
  border:none;
  background-color:transparent;
}

#header {
  text-align: left;
  margin-bottom: 10px;
  border-bottom:4px solid #f70;
  background-color:#333;
  font-family: Verdana, sans-serif;
  z-index:100;
}

#header div.content {
  position:relative;
  height: 80px;
}

#header a {
  border:none;
}


#logo-floater {
  float:left;
}
#logo-floater h1 { margin: 0; }
#logo-floater h1 img { border:none; margin-top:0px; }
#logo-floater A:hover {text-decoration:none;border:none}
A { outline-style: none; }

ul.primary-links {
  list-style-type:none;
  margin: 0;
  margin-right: 0em;
  padding: 0;
  z-index: 4;
  position:absolute;
  bottom:0;
  right:0;
}

ul.primary-links li {
  list-style-type:none;
  margin: 0;
  padding: 0 !important;
  float: left; /* LTR */
  background-image: none;
  background: transparent;
  font-size:14px;
  letter-spacing:1px;
  /*border: 1px solid red;*/
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
	font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
	font-weight: normal;
	display: block;
	line-height: 34px;
	padding: 0 10px;
	font-size: 14px;
  letter-spacing:1px;
        font-weight:normal;
	color: #ccc;
  text-decoration:none;

  /* display: block; */
  /* margin: 0 0.5em; */
  /* padding: 0 10px; */
  /* line-height:34px; */
  /* white-space: nowrap; */
  /* color:#ccc; */
  /* text-decoration:none; */
}

ul.primary-links li a:hover {
  text-decoration:none;
  border-bottom:0;
  color:#fff;
}

ul.primary-links li a.active {
  background-color:#f70;
  color:#fff;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
  font-weight:normal;
}

#header #languageSwitchLink {
  height:21px;
  line-height:21px;
  float:right;
  margin-top:9px;
  color:#999;
  cursor:pointer;
  font-size:12px;
}

#header #languageSwitchLink IMG {
  margin: 3px 5px 0pt;
  display: block;
  float: left;
}

#languageSwitchBox {
  display:none;
  position:absolute;
  top:37px;
  right:0;
  background-color:#222;
  border:2px solid #444;
  width:150px;
  z-index:99;
  -moz-border-radius:6px;
}

#languageSwitchBox * {
  color:#aaa;
  font-size:12px;
}

#languageSwitchBox P {
  text-align:center;
  font-weight:bold;
}

#languageSwitchBox UL {
  margin:0.5em 0 1em;
  padding: 0;
}

#languageSwitchBox LI {
  background-color:#222;
  list-style-type:none;
  padding:0;
  margin:0;
  padding-left:15px;
  margin-bottom:5px;
  height:16px;
  line-height:16px;
}

#languageSwitchBox LI IMG {
  border:0;
  margin-right: 5px;
  display: block;
  float: left;
}

#languageSwitchBox A {
  text-decoration:none;
}

#cse-search-box {
  float:right;
  margin-top:10px;
  margin-right:20px;
}

#cse-search-box input[type=text] {
  padding-left:3px;
}

#cse-search-box input[type=submit] {
  padding:0;
  -moz-border-radius:5px;
}

#headerSpecialAnnounce {
  float:right;
  margin-top:10px;
  margin-right:20px;
  font-weight:bold;
  background-color:#333;
  padding:2px 10px;
  -moz-border-radius:5px;
  font-size:12px;
}

#headerSpecialAnnounce A {
  color:#f70;
  text-decoration:none;
  border:none;
}

#headerSpecialAnnounce:hover {
  background-color:#444;
}

#headerSpecialAnnounce A:hover {
  text-decoration:none;
  border:none;
  /* color:#f33; */
}

#header input {
  background-color:#444444;
  border:1px solid #666666;
  color:#999999;
  font-family:Verdana,sans-serif;
  font-size:12px;
}

/* #pwgFooter { */
/*   width:960px; */
/*   margin:20px auto 0 auto; */
/*   padding-top:5px; */
/*   padding-bottom:10px; */
/* /\*   border-top:2px solid #444; *\/ */
/*   color:#777; */
/*   text-align:center; */
/*   font-size:12px; */
/*   font-family:Verdana,sans-serif; */
/* } */

/* #pwgFooter a { color: #777 ; text-decoration: none;} */
/* #pwgFooter a:hover { color: #aaa ; text-decoration: none; border: none;} */

#pwgFooter {
  font-family:Verdana,sans-serif;
  font-size:12px;
  width:960px;
  margin:20px auto 0 auto;
  padding:5px 0 0 0;
  line-height:25px;
  color:#777;
}

#pwgFooter .content {
  border-top:1px solid #cdcdcd;
}

#pwgFooter span.rightBlock {
  color:#aaa;
  float:right;
}

#pwgFooter span.rightBlock a {
  margin-left:5px;
}

#pwgFooter a {
  color:#777;
  border:none;
  text-decoration:none;
}

#pwgFooter a:hover {
  color:#f70;
}

#pwgFooter a.icon-twitter:hover {
  color:#55ACEE;
}

#pwgFooter a.icon-facebook-squared:hover {
  color:#3B5998;
}

#pwgFooter a.icon-gplus-squared:hover {
  color:#DD4B39;
}

/* #pwgFooter a.twitter img { */
/*   margin:0 5px -3px 0; */
/*   border:none; */
/* } */

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-right:0.4em !important;
}

#homepageDynamics {
  width:960px;
  margin:10px auto;
}

#homepageNews {
  width:330px;
  float:left;
}

#homepageShowcaseSample {
}

#homepageShowcaseSample A {
  border:none;
}

#homepageNews H3, #homepageShowcaseSample H3 {font-weight:bold; font-size:16px;font-family:"Trebuchet MS";color:#464646;letter-spacing:normal;margin-top:0}

#homepageNews H3 {
  /* margin-bottom:5px */
}

#homepageNews li {
  padding-left:0;
  padding-bottom:0;
}

.showcaseGallery {
  -webkit-box-shadow: 0 0 10px #333;
  -moz-box-shadow:0 0 10px #333;
  box-shadow:0 0 10px #333;
/*
  width: 300px;
  height: 194px;
*/
}


.qtip {font-family:Verdana,sans-serif; font-size:12px;}


#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
        right:0;
	overflow:hidden;
	width:59px;
	height:29px;
	border:none;
	text-indent:-999px;
	background:url(ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(ui.totop.png) no-repeat left top;
	width:59px;
	height:29px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* qTip starts here */
/*
* qTip - The jQuery tooltip plugin
* http://craigsworks.com/projects/qtip/
*
* Version: 2.0.0pre
* Copyright 2009 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPL Version 2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Wed Aug 25 19:13:02 2010 +0100
*/

.ui-tooltip-accessible{
	left: -10000em !important;
	top: -10000em !important;
	display: block !important;
	visibility: hidden !important;
}

	/* IE6 ONLY - Width detection fix */
	* html .ui-tooltip-accessible{
		position: static !important;
		float: left !important;
	}

div.ui-tooltip, div.qtip{
	position: absolute;
	display: none;

	max-width: 280px;
	min-width: 50px;
}

	div.ui-tooltip .ui-tooltip-wrapper{
		position: relative;
		overflow: hidden;

		border-width: 3px;
		border-style: solid;
	}

	div.ui-tooltip .ui-tooltip-content{
		position: relative;
		padding: 5px 9px;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	div.ui-tooltip .ui-tooltip-titlebar{
		position: relative;
		padding: 6px 35px 6px 10px;

		font-weight: bold;
	}

		/*! Default close button class */
		div.ui-tooltip .ui-tooltip-close{
			position: absolute;
			height: 16px;
			width: 16px;
			padding: 1px;
			right: 5px;
			top: 5px;

			cursor: pointer;
			line-height: 0px;
			font-size: 0px;
		}

			div.ui-tooltip .ui-tooltip-close .ui-icon{
				height: 16px;
				width: 16px;
				display: block;

				opacity: 0.8;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter: alpha(opacity=80);
			}
			div.ui-tooltip .ui-tooltip-close:hover .ui-icon{
				opacity: 1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
			}

		/*! Custom button class */
		div.ui-tooltip .ui-tooltip-button{
			float: right;
		}

	/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
	div.ui-tooltip-focus{

	}


/*! Default tooltip style */
div.ui-tooltip-wrapper{
	border-color: #F9E98E;
	background-color: #FBF7AA;
	color: #A27D35;
}

	div.ui-tooltip .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	div.ui-tooltip .ui-tooltip-close .ui-icon{
		background: #A27D35 url('images/close.png') no-repeat 50% 50%;
	}

/*! Plain tooltip style */
div.ui-tooltip-plain .ui-tooltip-wrapper{
	border-color: black;
	border-width: 1px;

	background-color: white;
	color: black;
}

	div.ui-tooltip-plain .ui-tooltip-titlebar{
		background-color: white;
	}

	div.ui-tooltip-plain .ui-tooltip-close .ui-icon{
		background: black;
	}

/*! Light tooltip style */
div.ui-tooltip-light .ui-tooltip-wrapper{
	border-color: #E2E2E2;
	background-color: white;
	color: #454545;
}

	div.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}

	div.ui-tooltip-light .ui-tooltip-close .ui-icon{
		background: #454545 url('images/close-light.png') no-repeat 50% 50%;
	}


/*! Dark tooltip style */
div.ui-tooltip-dark .ui-tooltip-wrapper{
	border-color: #303030;
	background-color: #505050;
	color: #f3f3f3;
}

	div.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	div.ui-tooltip-dark .ui-tooltip-close .ui-icon{
		background: #f3f3f3 url('images/close-dark.png') no-repeat 50% 50%;
	}

/*! Add shadows to your tooltips in all supported browsers */
div.ui-tooltip-shadow{
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

div.ui-tooltip-tip{
	position: absolute;
	margin: 0 auto;
	overflow: hidden;

	line-height: 0.1px;
	font-size: 1px;

	background: transparent !important;
	border: 0px !important;
	z-index: 10;
}

	div.ui-tooltip-tip *{
		line-height: 0.1px;
		font-size: 0.1px;
	}

	div.ui-tooltip-tip div{
		background: transparent !important;
		border: 0px dashed transparent;
	}

#qtip-blanket{
	position: absolute;
	left: -10000em;
	top: -10000em;

	background-color: black;
	cursor: pointer;

	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);


	/* Set this to any below 15000 (default starting z-index for qTips) */
	z-index: 14999;
}

/* qTip ends here */

/* qTip specific to piwigo.org */
div.ui-tooltip-dark .ui-tooltip-wrapper{border-color: #aaa; -moz-border-radius:5px;}
