/* Template base */

body{
font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#000;
margin:0;
padding:0;
border:0;
link: blue;
background-image: url(http://www.peinado-de-moda.com/images/pdm_bg_side2.gif);
background-repeat: repeat;
}

/*em{color: #666666;}*/

#maincontainer{
width: 1035px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
height: 60px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 330px 0 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column in pixel*/
margin-left: -1035px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 330px; /*Width of right column*/
margin-left: -330px; /*Set left margin to -(RightColumnWidth)*/
/*background: #FDE95E;*/
}

#footer{
clear: left;
font-size:11px;
width: 100%;
color: #666666;
text-align: center;
padding: 4px 0;
}

.footerbg{
padding-top: 5px;
padding-bottom: 5px;
background: #FFE4B5;
}

.footnote{
font-size:9px;
font-style:italic;
color:#666666;
}

.foottable{
width: 800px;
border:none;
}

.innertopsection{
margin: 10px; 
margin-top: 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubemain{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background : #FFFFFF;
}

.imgwrapper{
font-size: 9px;
color:#666666;
font-style:italic;
}

.imgwrapper img{
margin:0 6px 3px 0;
  padding:3px;
  border:1px solid #cca;
}

.imgstyle{
margin:8px 12px 0 0; 
border:1px solid #FF9900;
}

.notecredit{
font-size: 9px;
color:#666666;
font-style:italic;
}
/*
.imgwrapper{
font-size: 9px;
color:#666666;
font-style:italic;
}

.imgwrapper img {
  margin:0 6px 3px 0;
  padding:3px;
  border:1px solid #cca;
  }
.right { margin: 0.5em 0 0.5em 0.5em; float:right; }
.left { margin: 0.5em 0.5em 0.5em 0; float:left; } 
*/

.innertuberight{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innerleft{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* Side menu box */
.smenutable {
margin-top: 5px;
background: #FFFFFF;
	border: 1px double #FF9900;
}

.smenuheader {
margin: 1px;
padding:5px 5px;
    background: #A0BAAE;/*A0BAAE */
	border: 1px double #FF9900;
	font: 90% Verdana, Helvetica;
	color: #FFFFFF;
	font-weight : bold;
}
.smenubody{
margin: 5px; 
margin-top: 5px;
font: 90% Verdana, Helvetica;
line-height: 1.5em;
}

/* side content box*/
.sboxtable {
margin-top: 5px;
background: #FFFFFF;
	border: 1px double #FF9900;
}

.sboxheader {
margin: 1px;
padding:5px 5px;
	color: #666666;
	font-weight : bold;
}

.sboxbody{
margin: 5px; 
margin-top: 5px;
font: 80% Verdana, Helvetica;
}

.sheader {
margin: 1px;
padding:5px 5px;
	color: #666666;
	font-weight : bold;
}
/* ad box no border */
.adboxtable {
margin-top: 5px;
background: #FFFFFF;
border: none;
}

/* C2 style */
.c2beauty{

}

.c2beauty img{
margin:0 6px 3px 0;
padding:3px;
border:1px solid #cca;
}

/* SBI addon */

#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:1px 0;
border:1px solid #FF9900;
margin:10px auto;
background-color: $FFFF00;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}

/* Photos */
.picturebox {
	background:#cccccc; 
	background-repeat: no-repeat;
	border: 1px solid #000000;
	padding:2px;
	width: 154px;
}
.framebox {
	border: 2px double #FFFFFF;
	height:200px;
	position:relative;
}
.capbox {
	padding:3px;
	width: 154px;
	font:90%/1.4em Georgia,Serif;
}

/* ---  font size --- */
h3 {
background-color: transparent;
color: #FF9900;;
clear: both;
}

h4 {
margin-top: 24px;
border-bottom: 1px solid #8f8fb3;
color: #666666;
clear: both;
}

/* GoogleAjax SearchAPI CSS */

/* #searchcontrol form.gsc-search-box { display; } */
#searchcontrol .gs-imageResult .gs-size { display : none; } 
#searchcontrol .gs-visibleUrl {font-size: 11px;}
#searchcontrol { width: 200px; }

/* GoogleAjax FeedAPI CSS */
#feed-control {
  width : 300px;
  height : 280px;
  padding : 0px;
}

#news-feed {
  width : 300px;
  height :250px;
  padding : 0px;
}

/* Dynamic FeedControl CSS */
.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 14px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}