/*****************************************************************
############################################

TITLE:                Sweet Simplicity Stylesheet
AUTHOR:        CopyCat Designs (la.senorita.maria[at]gmail.com)
CREATED:       June 09, 2006 (Go England!)

############################################
*****************************************************************/

body {
font-family : Arial, serif;
background-color : #ffffff;
color : #9e9b9a;
font-weight : lighter;
font-size : 13px;
padding-bottom : 20px;
padding-right : 10px;
margin-left : auto;
margin-right : auto;
      }


/**************                                            LAYOUT
###########################################*/

#pagewidth {
width : 790px;
height: 500px;
text-align : left;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
padding : 5px;
font-size : 13px;
color : #9e9b9a;
/*border: 2px dashed #eee;*/
z-index: 50;
      }
#header {
position : relative;
height : 0;
width : 100%;
padding-top : 0;
z-index: 40;
      }
#subheader {
position : relative;
height : 100px;
background-color : inherit;
font-family : Arial, serif;
color : #4e4e4e;
font-weight : lighter;
font-size : 13px;
      }
#maincol {
/*float : right;*/
display : block;
position : relative;
right: 0px;
width : 392px;
height: 302px;
/*z-index : 1;*/
overflow:auto;
padding: 0;
      }
#leftcol {
float : left;
display : inline;
position : relative;
width : 392px;
height: 302px;
left: 0px;
overflow:auto;
/*border: 1px solid blue;*/
text-align: right;
      }
#footer {
position: absolute;
bottom: 0;
right: 9px;
display: block;
margin-left: 50%;
height : 55px;
clear : both;
text-align : right;
padding-top : 27px;
font-size: 10px;
z-index: auto;
      }
#footer p {
font-size : 11px;
      }
#footer a:hover {
text-decoration : none;
color : #666666;
background-color : inherit;
      }
#footer a {
color : #9e9b9a;
background-color : inherit;
      }
#subfooter {
background-color : inherit;
text-align : center;
font-family : Arial, serif;
color : #9e9b9a;
font-weight : lighter;
font-size : 11px;
      }
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
      }
.clearfix {
display : inline-table;
      }
html .clearfix {
height : 1%;
      }
.clearfix {
display : block;
      }
@media print {
      }


/**************                                            LINKS
###########################################*/

a:link {
text-decoration : none;
color : #666666;
background-color : inherit;
      }
a:visited {
text-decoration : none;
color : #666666;
background-color : inherit;
      }
a:active {
text-decoration : none;
color : #666666;
background-color : inherit;
      }
a:hover {
text-decoration : none;
color : #9e9b9a;
background-color : inherit;
      }
#maincol a:hover {
text-decoration : none;
color : #9e9b9a;
background-color : inherit;
border-bottom : 1px solid #666666;
      }
#leftcol a:hover {
text-decoration : none;
color : #9e9b9a;
background-color : inherit;
border-bottom : 1px solid #666666;
      }


/**************                                            HEADERS
###########################################*/

#sub_title {
color : #9e9b9a;
font-family : Arial, serif;
font-weight : lighter;
background-color : inherit;
font-size : 14px;
      }
#title	  {
font-size : 26px;
color : #666666;
font-family : Arial, serif;
font-weight : lighter;
background-color : inherit;
      }
h1 {
font-size : 24px;
/*font-weight: bold;*/
font-weight: lighter;
padding-bottom : 15px;
padding-right: 10px;
color : #666666;
font-family : Arial, serif;
background-color : inherit;
      }

h2{
	font-size: 16px;
	padding-top: 3px;
}


/**************                                            PARAGRAPHS
###########################################*/
p {
font-family : Arial, serif;
color : #9e9b9a;
font-weight : lighter;
font-size : 13px;
background-color : inherit;

      }
span {
font-family : Arial, serif;
color : #666666;
background-color : inherit;
      }
#maincol p {
font-family : Arial, serif;
color : #9e9b9a;
font-weight : lighter;
font-size : 13px;
padding-bottom : 0px;
padding-right : 0px;
background-color : inherit;
}


/**************                                            BLOCKQUOTES
###########################################*/

blockquote {
font-family : Arial, serif;
color : #9e9b9a;
font-weight : lighter;
font-size : 14px;
margin-left : auto;
margin-right : auto;
width : 60%;
margin-bottom : 10px;
padding-right : 10px;
background-color : inherit;
/*background : url(../images/quotebottom.gif) no-repeat bottom right;*/
      }
blockquote p {
font-size : 14px;
padding-bottom : 14px;
color : #9e9b9a;
font-family : Arial, serif;
font-weight : lighter;
background-color : inherit;
/*background : url(../images/quotetop.gif) no-repeat 5px 0;*/
padding-left : 24px;
padding-top : 20px;
      }

/**************                                            LISTS
###########################################*/

#maincol ul {
margin-bottom : 20px;
margin-left : 20px;
      }
#maincol li {
list-style-image : url(../images/bullet.gif);
      }
#right {
/*left : 100px;*/
position : relative;
      }

a img {
border : none;
      }

img.left, img.center, img.right {
padding : 4px;
border : 1px solid #666666;
      }
img.left {
float : left;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
      }
img.center {
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
      }
img.right {
float : right;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
      }


.container a,
.container div h1,
.container div h2,
.container div h3,
.container div h4,
.container div h5,
.container div h6,
.container div p,
.container div a,
.container div img,
.container div table,
{
  margin: 0px;
  padding: 0;
  /*z-index: 1;*/
}

/*#################################################*/

#epGalleryThumbs a{
  display: block;
  width: auto;
  border: 1px solid transparent;
  color: #999;
  padding: 0;
  clear: both;
  position: relative;
  margin: 5px;
}
#epGalleryThumbs h3{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 5px;
  line-height: 30px;
}
#epGalleryThumbs a:hover,
#epGalleryThumbs a.current {
  border: 1px solid #ccc;
  background-color: #eee;
  color: #333;
}




.item{
  background-color: #fff;
  border: 1px solid #f0f0f0;
  /*border-width: 1px 1px 0 0;*/
  margin: 10px;
  padding: 5px;
}
.item h2{
  margin: auto;
}
.item p{
  font-style: oblique;
}
.item .thumb{
  float: right;
  margin: 0 0 2px 10px;
  border: 1px outset #999;
}
ul.file{
  clear: both;
  padding: 0;
  text-align: center;
}
ul.file li{
  display: inline;
}




h1.contact_form{
	display: none;
}

#contact_form{
	margin: 0;
	color: #666;
	overflow: hidden;
}

#contact_form fieldset{
	width: auto;
	border-width: 0 0 0 0;
	border-color: #999;
	text-align: left;
	overflow: hidden;
}
#contact_form fieldset legend{
	color: #999;
	font-weight: bold;
	margin-bottom: 10px;
	display: none;
}
#contact_form fieldset label{
	margin: 1%;
	padding: 0;
	width: 98%;
	text-align: left;
	display: block;
	float: left;
}
#contact_form p{
	text-align: left;
	margin: 1%;
}
#contact_form address{
	text-align: left;
	font-style: normal;
	font-size: 10px;
	margin: 1%;
}

#contact_form input,
#contact_form textarea{
	background-color: #eee;
	border-color: #000;
	font-family: arial;
	font-size: 10px;
	color: #000;
	margin: 0;
	padding: 2px;
	/*margin-left: -7px;*/
}
#contact_form textarea{
	font-family: arial;
	height: 70px;
}
#contact_form input[type='submit']{
	float: left;
	margin: 1ex;
	cursor: pointer;
}


/*#################################################*/
div.thumb p{ display: none; }
div.thumb img{
  float: left;
}
div.thumb h3{
  margin: 0;
  line-height: $thumbHeight_css ;
  text-indent: 7px;
}
div.thumb{
  clear: both;
  margin: 8px;
  padding: 1px;
}

.element{
  /*z-index: 1;*/
}