/*FLICKR GALLERY*/
#gallery{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 265px;
height: 200px; /*Height should enough to fit largest content's height*/
}

#gallery .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#gallery .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel .photoholder {
	float:left;
	margin:0px 5px 0pt 0pt;
}
  .photoholder img {
    width:60px;
  }

/* small gallery */
#gallery-short{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 390px;
height: 70px; /*Height should enough to fit largest content's height*/
}

#gallery-short .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#gallery-short .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
  
/*MEET BLOGGERS*/
#bloggers{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 500px;
height: 130px; /*Height should enough to fit largest content's height*/
}

#bloggers .bloggerbelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#bloggers .bloggerpanel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.bloggerpanel .photoholder {
	float:left;
	margin:0px 5px 0pt 0pt;
}

/*guides*/
#guide{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 400px;
height: 250px; /*Height should enough to fit largest content's height*/
}

/*#guide */.guidebelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

/*#guide */.guidepanel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
height:250px;
margin: 0px; /*margin around each panel*/
padding:0 0 0 10px;
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*.guidetext {float:left; width:100px; display:inline;}
*/
/*SECTION 1*/
.section-1-container{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 550px;
height: 300px; /*Height should enough to fit largest content's height*/
}

.section-1-container .section-belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.section-1-container .section-1-pannel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.bloggerpanel .photoholder {
	float:left;
	margin:0px 5px 0pt 0pt;
}