/*  
Theme Name: Unique Exhibitions
Theme URI: http://www.fabspider.com
Description: A wordpress theme developed by Fab Spider for Unique Exhibitions
Version: 1.1
Author: FabSpider
Author URI: http://www.fabspider.com/
Tags: valid XHTML, valid CSS
*/

/* Valid CSS Stylesheet 
    ______      __       _____       _     __         
   / ____/___ _/ /_     / ___/____  (_)___/ /__  _____
  / /_  / __ `/ __ \    \__ \/ __ \/ / __  / _ \/ ___/
 / __/ / /_/ / /_/ /   ___/ / /_/ / / /_/ /  __/ /    
/_/    \__,_/_.___/   /____/ .___/_/\__,_/\___/_/     
                          /_/                         
*/

/* ---------------------------------------------------------- */
/* FORMATTING
/* ---------------------------------------------------------- */

h1 {font-size:22pt; font-weight: bold; text-align: center;}
h2 {font-size:14pt; font-weight: bold; text-align: center;}
h3 {}
h4 {}
p { font-size: 12px; line-height: 20px;}
strong {color: #df1f29;font-weight: bold;}

a:link {color: #df1f29;text-decoration:none;}
a:hover {color:#ffffff;text-decoration: none;}
a:visited {color: #df1f29;text-decoration:none;}

/* ---------------------------------------------------------- */
/* BODY
/* ---------------------------------------------------------- */

body {
background-image: url(images/whtGrad.png);
background-repeat: repeat-y;
background-position: right;
background-color: #000000;
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

/* ---------------------------------------------------------- */
/* PAGEWRAPPERS
/* ---------------------------------------------------------- */

#pageWrapper {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
}

#container {
width: 900px;
height: 100%;
min-height: 900px;
margin: 0 auto;
text-align: center;
}

/* ---------------------------------------------------------- */
/* MAIN LAYOUT
/* ---------------------------------------------------------- */

#logo {
background: url(images/logo.png) no-repeat;
height: 202px;
width: 342px;
float: left;
}

#soso {
margin-top: 20px;
height: 85px;
width: 489px;
float: right;
}

/* ---------------------------------------------------------- */
/* MAIN LAYOUT - NAV
/* ---------------------------------------------------------- */

#nav {
margin-top: 12px;
width: 900px;
height: 40px;
text-align: left;
float: left;
}

#nav ul {
margin: 0;
padding: 0;
border: 0;
float: left;
}

#nav li {
list-style:none;
display: inline-block;
float: left;
}

#nav li a {
list-style:none;
display:block;
margin: 0;
background-image: url(images/button.png);
background-repeat: no-repeat;
padding-top: 7px;
padding-left: 5px;
padding-right: 35px;
height: 35px;
width: 86px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:10px;
text-decoration:none;
color: #ffffff;
font-weight: bold;
text-transform:uppercase;
float: left;
}

#nav li a:hover {
list-style:none;
background-image: url(images/button_hover.png);
background-repeat: no-repeat;
color: #000000;
} 

#nav li.current_page_item a {
list-style:none;
background-image: url(images/button_active.png);
background-repeat: no-repeat;
}

#nav li.current_page_item a:visited {
list-style:none;
background-image: url(images/button_active.png);
background-repeat: no-repeat;
}


#nav li a:active {
list-style:none;
background-image: url(images/button_active.png);
background-repeat: no-repeat;
}

#nav li a:active:hover {
list-style:none;
background-image: url(images/button_hover.png);
background-repeat: no-repeat;
color: #000000;
}

#nav li a:visited {list-style:none;}

#nav li a:visited:hover {list-style:none;}

#nav li a:visited:active {
list-style:none;
background-image: url(images/button_active.png);
background-repeat: no-repeat;
}

/* ---------------------------------------------------------- */
/* MAIN LAYOUT - FLASHBOOK
/* ---------------------------------------------------------- */

#banner {
background: url(images/banner.jpg) no-repeat;
margin-top: 20px;
width: 898px;
height: 396px;
border: 1px solid #707070;
float: left;
}

/* ---------------------------------------------------------- */
/* MAIN LAYOUT - CONTENT
/* ---------------------------------------------------------- */

#content {
background-image: url(images/contentBg.png);
width: 900px;
height: 110%;
padding-top: 2px;
padding-right: 2px;
padding-bottom:20px;
text-align:left;
float: left;
}

.bannerImg {margin-top: -10px;}
.col1 {width: 275px; float: left;}
.col2 {width: 275px; margin-left: 28px; float: left;}
.col3 {width: 275px; margin-right: 3px; float: right;}
.col1 h2, .col2 h2, .col3 h2 {text-align: left; color: #df1f29;}
/* ---------------------------------------------------------- */
/* MAIN LAYOUT - FOOTER
/* ---------------------------------------------------------- */

#footerWrapper {
font-size:10px;
width: 100%;
height: 125px;
margin: 0 auto;
float: left;
text-align: center;
}

#footer {
width: 900px;
height: 100%;
padding-top: 10px;
margin: 0 auto;
text-align: left;
}

#footerLeft {
width: 350px;
height: 100%;
text-align: left;
float: left;
}

#footerRight {
color:#000000;
width: 550px;
height: 100%;
text-align: right;
float: right;
}

#footer a:link {
color: #ffffff;
text-decoration:none;
}

#footer a:hover {
color:#df1f29;
text-decoration: none;
}

#footer a:visited{
color: #ffffff;
text-decoration:none;
}

#essa {
background-image: url(images/essa2.jpg);
background-repeat: no-repeat;
width: 316px;
height: 60px;
float: right;
margin: 20px 0 0 0;
}


/* --------------------------------------------------------------------------- */
/* END OF MY CODE
/* --------------------------------------------------------------------------- */


.ht{margin-left: -5000px;}

.search { float: right; margin-top: 55px; }
.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }
#subheader { background: url(img/subheader-bg.png) no-repeat; width: 800px; height: 163px; float: left; }
#subheader p { font-size: 10px; margin: 55px 0 0 10px; width: 460px; }

/*	script stuff */
.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position:absolute; font-size: 10px; cursor: pointer; color: #000; }

.navigation .previous {float:left;}
.navigation .next {float:right;}

/*	.comments template styles*/

.comments { float: left; padding: 0; }
.comments input[type=text], textarea { width: 350px; }
textarea { width: 450px; }
.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }
.comments p { padding: 0 0 10px 0; }
.comments h2 { padding: 0 0 15px 0; }

#cdisplay { list-style-type: none; padding: 0; margin: 0; }
#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }

.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.avatar {float:right;}