/* Template base */

body{
margin:0;
padding:0;
border:0;
background-image: url(http://www.short-hair-style.com/images/shs_bg_side.gif);
background-repeat: repeat;
}

body, table, tr, td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 13px;
}

/* -- General Link Styling -- */

a:link {
color:blue; 
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: underline;
}

a:hover {
color: red;
text-decoration: underline;
}

/*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)*/
/*background: #C8FC98;*/
/*background-image: url(http://www.short-hair-style.com/imgs/LEFT.jpg); still problem with IE7 */
}

#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;
}

/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight : bold;
text-align: center;
background-color: #ff9966; /*transparent*/
}

/* -- Nav Headers -- */

.Navigation h3 {
padding: 0;
font-size: 110%;
color: #ffcc66;
border-bottom: 1px solid #c96;
margin: 12px 0;
}

/* -- Nav List -- */

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 5px;
margin: -6px 0 0 0;
}

.Navigation li {
background-color: transparent;        /* tan, for button and RSS box backgrounds -- */
border: 0px solid #8f8fb3;
margin-bottom: 7px;
}

/* -- Navigation Link styles -- */

.Navigation a:link {
color: #000000;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 0px;
text-decoration: none;
}

.Navigation a:visited {
color: #333333;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 0px;
text-decoration: none;
}

.Navigation a:hover {
color: #600;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 0px;
background-color: #FEE9CA;   /* #d3e4fb light sea blue used in center column of background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}


.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: 10px;
background: #FFFFFF;
	border: 1px double #FF9900;
}

.smenuheader {
margin: 1px;
padding:5px 5px;
    background: #507E69;/*A0BAAE */
	border: 1px double #FF9900;
	font: 90% Verdana, Helvetica;
	color: #FFFFFF;
	font-weight : bold;
}

.smenuheader2 {
margin: 1px;
padding:5px 5px;
    background: #507E69;/*A0BAAE */
	border: 1px double #FF9900;
	font: 120% 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: 10px;
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;
}

div.cfloat {
  float: left;
  }
  
div.cfloat p {
   text-align: center;
   }


/* 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: none; }*/ 
#searchcontrol .gs-imageResult .gs-size { display : none; } 
#searchcontrol .gs-visibleUrl {font-size: 11px;}
#searchcontrol { width: 200px; }

#search-area {
  background-color: #fe9;
  border: 1px solid #fc0;
  margin-bottom: 16px;
  padding: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #620;
}

#search-area {
  padding: 8px 8px 8px 20px;
}

#search-area .help-text {
  margin-top: 0.5em;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.5;
  -moz-opacity: 0.5;
}

#search-area input {
  font-size: 18px;
  background-color: #000;
  color: #fc0;
  padding: 4px;
  margin: 4px 0;
  border: 0;
  font-family: arial, helvetica, sans-serif;
}