/*used on ALL pages - this contains classes the might be used anywhere*/

/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul, ol{ list-style:none;list-style-image: none;}
table, h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  form, body, html, p, blockquote, fieldset, input, dl, dt, dd, table, td, th
{ margin:0px; padding:0;}
fieldset { border:none;  }
th{
text-align:left;
}

/*main HTML*/

/*scroll gives firefox scrollbar so no jumping*/
html {
padding:0 0 0 0;
}

body{
font-family: "trebuchet ms", arial, sans-serif;
margin:0 0 0 0px;
padding:0;
color:#666;
font-size:70.5%;
}

#header{
text-align:center;
}

#logo{
border:none;
padding:0;
}

#nav{
display:none;
}



#content{
text-align: center;
position:relative;}

#footer{
clear:both;
border-top:1px solid #d55c92;
padding-top:2em;
font-size:.9em;
margin-top:3em;
}


#footer ul{
margin: 1em 0 0 0;
text-align:right;
}

#footer li{
margin: 0;
padding: 0;
background: none;
display: inline;
background:none;
}


#footer a:link, #footer a:visited {
color:#a91055;
}


/*html elements*/
h1, h2, h3, h4, h5, h6{
font-weight:normal;
color:#c41230;
}

/*marginleftforcufon*/
h1{
font-size:2.6em;
margin-bottom:.4em;
line-height: 1em;
}

h2{
font-size:1.6em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1em;
}

#main_content > h2:first-child
{
    margin-top:.3em;
}

h3{
font-size:1.2em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.2em;
}

h4{
font-size:1em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.3em;
}

h5{
font-size:1em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.4em;
}

h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited
{
color:#c41230;
border-bottom:1px dotted #684565;
font-weight:normal;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active
{
color:#444;
font-weight:normal;
}


hr{
  border-color: #999;
  border-style: dotted;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 1em 0;
  height: 0;
}

/*added some margin to the top so that it lines up with paras - keep an eye on this!!*/
img{
    border:none;
padding:0;
margin-top:.2em;
}


p{
margin-top:.2em;
margin-bottom:1em;
}

ol{
margin: 0 0 1.4em 0;
}

ul{
margin: 0 0 1.4em 0;
}

li{
margin: .2em 0 .2em 0;
padding: 0 0 0 12px;
}

li ul, li ol{
    margin-left:12px;
    margin-bottom:0;
}



table{
    font-size:.9em;
    line-height:1.2;
    margin-bottom:1.4em;
    width:100%;
border:#e3decf 5px solid;
}


table td,
table th
{
    padding-left:6px;
    padding-right:6px;
    padding-top:6px;
    padding-bottom:6px;
border:1px solid #f1efe7;
background:#fff;
}

table th{
    background:#e3e5e8;
background: #fcfcfa;
}




/*=links*/

a:link, a:visited {
color:#fff;
text-decoration: none;
border-bottom:1px dotted #684565;
font-weight:normal;
}

a:hover, a:active {
text-decoration: underline;
border-bottom:1px dotted #f7ac4f;
color:#666;
font-weight:normal;
}

/*******************************"mam made classes"*/


.noborder, a.noborder {
border:none;
padding:0;
}


.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}


.development_question{
background:#bad8b4;
padding:6px;
font-size:.9em;
border:1px dotted #8daa87;
font-style: italic;
margin-bottom:2em;
color:#000;
margin:10px;
}

/*trying clear right / left here so if 2 images added in CMS They should go under each other*/

.flright{
clear:right;
float:right;
margin-left:12px;
margin-bottom:12px;
}

.flleft{
clear:left;
float:left;
margin-right:12px;
margin-bottom:12px;
}

.noclear{
clear:none;
}

.smallest{
font-size:.8em;
}
.smaller{
font-size:.9em;
}

.bigger{
font-size:1.4em;
line-height:1.3em;
margin-bottom:.5em;
}

.biggest{
font-size:1.6em;
line-height:1.5em;
}



.general_box{
border: #efece3 1px solid;
clear:both;
padding:.7em 11px;
margin-bottom:1.4em;
background: #f6f5f0;
}

.general_box_alt{
border: #cbc0a0 1px dotted;
clear:both;
padding:.7em 12px;
margin-bottom:1.4em;
background: blue;
}

.general_box > h2:first-child,
.general_box_alt > h2:first-child
{
    margin-top:.3em;
}

.general_box .last,
.general_box_alt .last
{
margin-bottom:0em;
}

.notopmarg{
    margin-top:0;
}

.extratopmarg{
    margin-top:1.4em;
}


.nobotmarg{
    margin-bottom:0;
}

.fullwidth{
width:100%;
}

.textalignright{
text-align:right;
}

.nowrap{
    white-space: nowrap;
}


.clearright{
    clear:right;
}

.highlight{
    padding:2px 8px;
    color:#444;
    border:2px solid #edc456;
    background: #FFFFEA;
    margin-bottom:1em;
}

.highlight a:link, .highlight a:visited {
    color:#1c1c1c;
text-decoration: none;
    border-bottom:1px dotted #666;
font-weight:bold;
}

.highlight a:hover,.highlight  a:active {
color:#1c1c1c;
text-decoration: underline;
border-bottom:1px dotted #fff;
color:#666;
font-weight:bold;
}

.footnote{
    vertical-align: super;
    font-size:.8em;
}



.floatleft {
float:left; }

.floatright {
float:right;
margin-left:10px; }

#containment-wrapper img{
position:absolute;

}



#bod{
top:0;
left:180px;
}

/*

#skirtfrill{
top:26px;
left:7px;
}

#blackboots{
top:382px;
left:0px;
}

#dress{
top:256px;
left:117px;
}

#necklesstop{
top:181px;
left:527px;
}

#skirt{
top:33px;
left:541px;
}

#stripeytop{
top:29px;
left:410px;
}

#trousors{
top:185px;
left:383px;
}

#tshirt{
top:334px;
left:499px;
}

#whiteboots{
top:256px;
left:0px;
}
*/

#blazer{ z-index: 10; left: 453px; top: 303.4px;}
#boots{ z-index: 14; left: 162px; top: 433.8px;}
#dress1{ z-index: 9; left: 396px; top: 8px;}
#dress2{z-index: 13; left: 105px; top: 236px;}
#jeans{z-index: 18; left: 19px; top: 288px;}
#shoes1{z-index: 15; left: 364px; top: 466px;}
#shoes2{z-index: 8; left: 453px; top: 465px;}
#sjirt1{z-index: 12; left: 60px; top: 148.8px;}
#skirt2{z-index: 16; left: 359px; top: 353.4px;}
#top1{z-index: 11; left: 378px; top: 276.4px;}
#top2{z-index: 6; left: 463px; top: 200.8px;}
#top3{z-index: 7; left: 470px; top: 8px;}
#tshirt1{z-index: 15; left: 360px; top: 8px;}
#vest{z-index: 4; left: 131px; top: 18px;}
#vest2{z-index: 3; left: 0px; top: 8px;}


.noprint{
display:none;
}