/* Specific CSS to comlete iwebkit CSS if website displayed from a mobile iPhone */
body{

}
/* Reset links */
a:link, a:visited, a:active, a:hover{
  text-decoration: none;
}

/* Content of website for mobile (header + content + footer) */
#iphoneContent{
  /*max-width: 320px; */
  width: 100%;
  min-height: 340px;
}



/* -------------------------------------------------------------------------- */
/* HEADER SECTION */

/* Content of header for mobile (pre-header + topbar + post-header) */
#iHeader{
  margin: 0;
  padding: 0;
  border: 0;
}
/* Overwrite iwebkit for Google Adsense display under topbar */
#topbar {
	margin-bottom: 0px;
}




/* -------------------------------------------------------------------------- */
/* CONTENT SECTION */

/* Content for mobile (between header and footer) */
#iContent{
  margin: 10px 0px;
  padding: 0;
  border: 0;
}

/* For elements displayed in the content : margin to display like the other iwebkit elements */
.marginContent{
  margin: 0 9px;
  padding: 0px;
  border: 0;
  list-style-type: none;
}
.marginContent li, .marginContent a:link, .marginContent a:visited, .marginContent a:active, .marginContent a:hover{
  text-decoration: none;
  padding: 5px 0px;
}


/* For screenshots and images viewer */
#screenshots{
  margin: 0 8px;
  padding: 0;
  border: 0;
}
.miniScreenshot{
  width: 68px;
  
  margin: 3px;
  padding: 0;
  border: 1px solid #6d84a2;
  
  vertical-align: middle;
}
.maxiScreenshot{
  width:186px;
  height:285px;
  
  margin: 0 26px 0 26px ;
  padding: 0;
  border: 2px solid #6d84a2;
  
  vertical-align: middle;
}
.navArrow{
  width:8px;
  
  margin: 11px;
  padding: 0;
  border: 0;
  
  vertical-align: middle;
}
.navText{
  width:100%;

  margin: 3px 0;
  padding: 0;
  border: 0;

  text-align: center;  
  font:14px arial,sans-serif black;
  font-weight: bold;
}



/* -------------------------------------------------------------------------- */
/* FOOTER SECTION */

/* Content of footer for mobile (pre-footer + footer + post-footer) */
#iFooter{
  margin: 0;
  padding: 0;
  border: 0;
}   
#footer{
  font-family: helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  
 /* color:white;*/
 color:#496b9a;
}





/* -------------------------------------------------------------------------- */
/* Display Messages Styles */

/* For display utilities */
.errorTitle{
	display: block;
	font-weight: bold;
	color: #B40404;
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}
.warningTitle{
	display: block;
	font-weight: bold;
	color: #FF8000;
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}
.successTitle{
	display: block;
	font-weight: bold;
	color: #088A08;
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}
.infoTitle{
	display: block;
	font-weight: bold;
	color: #496691;
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}
.debugTitle{
	display: block;
	font-weight: bold;
	color: gray;
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}





/* -------------------------------------------------------------------------- */
/* Widget Styles */

.widget{
  margin:8px 8px 20px 8px;;
  
  background:white;
  border:5px solid #6d84a2;
  
  clear:both;
}
.widget .title{
  height:22px;
  margin:0;
  
  text-align:center;
  font-family: helvetica,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color:white;
  background:#6d84a2;
  border-bottom:5px solid #6d84a2;
}
.widget .content{
  min-height: 140px;  
}
.widget .content .littleImg{
  height:130px;
  margin:5px;
  float:left;
}
.widget .content .bigImg{
  height:130px;
  margin:5px;
  float:left;
}
.widget .content .littleImgTop{
  height:130px;
  margin:5px;
  float:left;
}
.widget .content .littleImgBottom{
  height:130px;
  margin:5px;
  float:left;
}
.widget .moreLink{
  clear:both;
  
  height:15px;
  margin:0px 10px 5px 0px;
  
  font-family: helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style:italic;
  text-align:right;
  color:#6d84a2;
  background:white;
}





/* -------------------------------------------------------------------------- */
/* Other  Styles */          

.donateButton{
  text-align: center;
}



/* -------------------------------------------------------------------------- */
/* RSS Styles */

.rssName, .rssName a{
  color: #088A08;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.rssList{
  list-style-type:none;
}
.rssList li{
  margin-bottom: 10px;
}

.rssTitle, .rssTitle a{
  color: #496691;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.rssSummary p{
  font-size: 14px;
  padding:0px;
  margin:0px;
  text-align:justify;
}

.rssMore, .rssMore a{
  color: #496691;
  font-size:11px;
  font-style:italic;
}