/*
    Author  :   Christopher Robinson
    Email   :   christopher@edg3.co.uk
    Website :   http://www.edg3.co.uk/
*/
* {
    margin:0;
    padding:0;
}

/* general */
a {
    color:#b484da;
    text-decoration:none;
}
a:hover {
    color:#666;
    text-decoration:underline;
}
blockquote {
    background:#f1f1f1;
    border-left:2px solid #7534aa;
    color:#444;
    display:block;
    font-style:oblique;
    line-height:20px;
    margin:0 0 0 10px;
    padding:0 0 0 10px;
}
.left {
    float:left;
    margin:0 10px 0 0;
}
.right {
    float:right;
    margin:0 0 0 10px;
}

/* body */
body {
    background:#fff url('/images/layout/background_body.jpg') repeat-x top;
    color:#666;
    font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* header */
#header {
    background:#fff url('/images/layout/background_header.jpg') repeat-x top;
    height:230px;
    margin:0 auto;
    position:relative;
    width:760px;
}
#header:after {
    clear:both;
    content:'.';
    display:block;
    height:0;
    visibility:hidden;
}
#header h1 {
    color:#666;
    font-size:40px;
    font-weight:400;
    left:0;
    letter-spacing:-2px;
    position:absolute;
    top:0px;
}
#header p {
    top:70px;
    color:#fff;
    font-size:1.5em;
    position:absolute;
    left:10px;
}

/* content */
#content {
    height:auto;
    margin:0 auto;
    width:760px;
}
#content:after {
    clear:both;
    content:'.';
    display:block;
    height:0;
    visibility:hidden;
}
#content ul {
    margin: 10px;
    list-style: disc outside none; 
    padding-left: 1em;
}
#content ul li {
    padding-left: 1em;
}

/* sidebar */
#sidebar {
    float:right;
    width:210px;
}
#sidebar h1 {
    border-bottom:2px solid #7534aa;
    color:#444;
    font-size:165%;
    font-weight:400;
    line-height:30px;
    padding:0 10px;
}
#sidebar input {
    background:#f1f1f1;
    color:#555;
    padding:5px;
    width:135px;
}
#sidebar p {
    background:#f1f1f1;
    color:#555;
    display:block;
    font-size:90%;
    line-height:20px;
    margin:10px 0;
    padding:10px;
}
#sidebar p a.more {
    display:block;
    text-align:right;
}
#sidebar ul {
    margin:10px;
}
#sidebar ul li {
    border-bottom:1px solid #b484da;
    list-style:none;
    padding:5px 2px;
}
#sidebar ul li a {
    color:#333;
    display:block;
    font-family:Geneva;
    padding:5px;
    text-decoration:none;
}
#sidebar ul li a:hover {
    color:#000;
}

/* Main */
#main {
    float:right;
    width:520px;
}
#main p {
    color:#555;
    line-height:20px;
    padding:10px;
}
#main h1 {
    border-bottom:2px solid #7534aa;
    color:#444;
    font-size:165%;
    font-weight:400;
    line-height:30px;
    padding:0 10px;
}

/* footer */
#footer {
    margin:10px auto;
    width:760px;
}
#footer:after {
    clear:both;
    content:'.';
    display:block;
    height:0;
    visibility:hidden;
}
#footer p {
    border-top:2px solid #7534aa;
    color:#555;
    font-size:90%;
    line-height:20px;
    padding:10px;
    text-align:center;
}

/*
    Author  :   Barbie
*/

/**************** body and tag styles ****************/
#container {
  width: 750px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.6em;
  color: #666666;
  background-color: #FFFFFF;
}

#container2 {
  clear: both;
  width: 746px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.6em;
  color: #666666;
  background-color: #FFFFFF;
}

#container h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 32px;
  color: #8e47cb;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  border-bottom: 2px solid #8e47cb;
}

#container h2 {
  color: #666666;
  font-size: 16px;
  background-color: #FFFFFF;
  margin: 8px 0 0px 0;
  padding: 0px;
  text-shadow: 1px 1px 3px #CCCCCC;
}

#container h3 {
  color: #8e47cb;
  font-size: 14px;
  background-color: #FFFFFF;
  margin: 14px 0 4px 0;
  padding: 0px;
}

#container h4 {
  color: #666666;
  font-size: 12px;
  background-color: #FFFFFF;
  margin: 4px 0 4px 0;
  padding: 0px;
}

#container ul {
  margin-left: 10px;
}

a {
  color: #8e47cb;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

hr	{
  height: 1px;
  background-color: #DDDDDD;
  color: #DDDDDD;
  border: 0px;
}

/**************** form styles ****************/
#sidebar form {
  float:right;
  font-size: 9px;
  line-height: 1em;
  margin-bottom: 5px;
}

#sidebar input {
  background-color: #FFFFFF;
  color: #999999;
  border: 1px solid #2763A5;
  font-size: 11px;
  padding: 2px;
}

#sidebar .button {
  padding: 2px;
  background-color: #8e47cb;
  color: #FFFFFF;
  border: 1px solid #2763A5;
  font-size: 11px;
  width: 30px;
}

/**************** menu styles ****************/
#menu {
    bottom:25px;
    font-size:1em;
    position:absolute;
    left:0px;
}
#menu ul {
  margin:0;
  padding:10px 10px 0 0px;
  list-style:none;
}
#menu li {
  display:inline;
  margin:0;
  padding:0;
}
#menu a {
  float:left;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  color: #dfcbe7;
}
#menu a span {
  float:left;
  display:block;
  padding:5px 15px 4px 6px;
}
#menu a span {
  float:none;
}
#menu a:hover {
    background:#b484da;
    color:#eee;
    text-decoration:none;
}
#menu a:hover span {
    background:#b484da;
    color:#eee;
    text-decoration:none;
}

/**************** content styles ****************/
#content {
  width: 540px;
  padding: 2px 0 0 0;
  float: left;
}

#content p {
  padding-bottom: 2px;
  margin-top: 0px;
  padding-top: 2px;
}

#admin {
  width: 750px;
  padding: 2px;
  float: left;
}

#admin p {
  padding-bottom: 2px;
  margin-top: 0px;
  padding-top: 2px;
}

/**************** sidebar styles ****************/
#sidebar {
  width: 175px;
  padding-left: 21px;
  padding-right: 10px;
  padding-top: 10px;
  float: right;
}

#sidebar p {
  padding-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
  margin-top: 0px;
  padding-top: 5px;
}

/**************** footer styles ****************/
#footer {
  margin-top: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 2px;
  clear: both;
  width: 742px;
  background-color:#8e47cb;
}

#footer p {
  color:#FFFFFF;
  padding: 5px;
  text-align: center;
}

#footer p a {
  color: #FFFFFF;
  background-color:#8e47cb;
  font-weight:100;
  border-bottom: 1px dotted #FFFFFF;
}

#footer p a:hover {
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px dotted #FFFFFF;
  border-bottom: 0px dotted #FFFFFF;
}

/*************** license styles ****************/
#licence {
  margin-top: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 2px;
  clear: both;
  width: 742px;
  background-color:#fff;
  color:#000;
}

#licence p {
  padding: 5px;
  text-align: left;
  font-size: 6pt;
  line-height: 1.2em;
}

#licence img {
  padding: 0 5px 5px 0;
  text-align: left;
}

#licence p a {
  font-weight:100;
  border-bottom: 1px dotted #000;
}

#licence p a:hover {
  text-decoration: none;
  border-bottom: 0px dotted #000;
}

/**************** advert styles ****************/
.adverts p {
  padding: 0;
  font-size: 8pt;
  line-height:1.15;
  margin:5px 0px 10px 0px;
}
.adverts ul {
}
.adverts li {
  text-align: center;
  padding: 2px 4px 2px 4px;
  border: 1px solid #000;
  background-color: #fff;
  font-size:8pt;
  margin: 0px 0px 5px -40px;
  list-style: none;
}

/**************** images styles ****************/
a img{
  border: none;
}

/*
img.left,img.center,img.right {
  padding: 4px;
  border: 1px solid #a0a0a0;
}

img.left {
  float: left;
  margin: 0 12px 5px 0;
}

img.center {
  display: block;
  margin: 0 auto 5px auto;
}

img.right {
  float: right;
  margin: 0 0 5px 12px;
}
*/

/**************** thumbnail styles ****************/
.thumbnail {
  display: block;
  padding-bottom: 10px;
  /*border-bottom: 1px solid #DDDDDD;*/
  margin-top: 0px;
  padding-top: 5px;
}

.thumb1,
.thumbleft {
  float: left;
  margin: 0 5px 4px 0;
  padding: 4px;
  border: 1px solid #a0a0a0;
  text-align: center;
}

.thumb2,
.thumbcenter {
  display: block;
  margin: 0 auto 4px auto;
  padding: 4px;
  border: 1px solid #a0a0a0;
  text-align: center;
}

.thumb3,
.thumbright {
  float: right;
  margin: 0 0 4px 5px;
  padding: 4px;
  border: 1px solid #a0a0a0;
  text-align: center;
}

.thumb1 p,
.thumb2 p,
.thumb3 p,
.thumbleft   p,
.thumbcenter p,
.thumbright  p {
  margin: 0;
  padding: 0 0 -15px 0;
}

.thumb1 img,
.thumb2 img,
.thumb3 img,
.thumbleft   img,
.thumbcenter img,
.thumbright  img {
  margin: 0px;
  padding: 0px;
}

.thumb1 a img,
.thumb2 a img,
.thumb3 a img,
.thumbleft   a img,
.thumbcenter a img,
.thumbright  a img {
  border: none;
}

table.prevnext          { background-color: #fff; border: 0px #000 solid; width: 100% }
table.prevnext td.left  { background-color: #fff; text-align: left; }
table.prevnext td.right { background-color: #fff; text-align: right; }

table.poll    { background-color: #fff; border: 1px #8e47cb solid; width: 100%; cellspacing: 0px; cellpadding: 0px; border-collapse: collapse; }
table.poll td { border: 1px #8e47cb solid; padding: 4px; text-align: left; }

#photocopy {
  border: 1px solid #6666ff;
  padding: 5px;
  margin-top: 10px;
}
#photocopy p {
  text-align: justify;
}

pre {
    background-color: #F5EEFD;
    padding: 5px;
    margin: 5px;
}

/*************** general styles ****************/

.left     { text-align: left;     }
.centre   { text-align: center;   }
.right    { text-align: right;    }
.justify  { text-align: justify;  }

.clear    { float: none; }
.alert    { color: #f00; }

.boxer    { border-bottom: 0px solid #DDDDDD; }
.blocker  { width: 100%; }

#typekey  { visibility: hidden; height:1px; }

#htmltagcloud {
  font-family: Arial, Helvetica, sans-serif;
  background:#f1f1f1;
  padding: 5px;
}

span.tagcloud0    { font-size: 10px; }
span.tagcloud0 a  { text-decoration: none; }
span.tagcloud1    { font-size: 11px; }
span.tagcloud1 a  { text-decoration: none; }
span.tagcloud2    { font-size: 12px; }
span.tagcloud2 a  { text-decoration: none; }
span.tagcloud3    { font-size: 13px; }
span.tagcloud3 a  { text-decoration: none; }
span.tagcloud4    { font-size: 14px; }
span.tagcloud4 a  { text-decoration: none; }
span.tagcloud5    { font-size: 15px; }
span.tagcloud5 a  { text-decoration: none; }
span.tagcloud6    { font-size: 16px; }
span.tagcloud6 a  { text-decoration: none; }
span.tagcloud7    { font-size: 17px; }
span.tagcloud7 a  { text-decoration: none; }
span.tagcloud8    { font-size: 18px; }
span.tagcloud8 a  { text-decoration: none; }
span.tagcloud9    { font-size: 19px; }
span.tagcloud9 a  { text-decoration: none; }
span.tagcloud10   { font-size: 20px; }
span.tagcloud10 a { text-decoration: none; }

.barbie
  display: float;
  float: right;
  margin-left: 8px;
  border: 1px solid #666;
  padding: 2px;
  margin: 10px;
}

.ruler {
  background-color: #ddd;
  border: 0;
  width: 80%;
  text-align: center;
}

table.blocker       { width: 100%; border: 0px solid #e2e2e2; border-collapse: collapse; margin-bottom: 10px; }
table.blocker th    { border: 0px solid #e2e2e2; background-color: #b484da; color: white; }
table.blocker td    { border: 0px solid #e2e2e2; color: black; }

table.blocker3       { width: 100%; border: 0px solid #e2e2e2; border-collapse: collapse; }
table.blocker3 th    { border: 0px solid #e2e2e2; background-color: #b484da; color: white; padding: 0 2px; }
table.blocker3 td    { border: 0px solid #e2e2e2; color: black; padding: 0 2px; }

table.blocker2       { width: 100%; border: 0px solid #e2e2e2; border-collapse: collapse; }
table.blocker2 th    { border: 0px solid #e2e2e2; background-color: #b484da; color: white; padding: 0 5px; }
table.blocker2 td    { border: 0px solid #e2e2e2; color: black; padding: 0 5px; }

table.blocker td.alert,
p.alert { 
  color: red;
}

.admin  { width: 100%; }

input#metadata  { width: 200px; }