/* -------------------------------------------------------------- 
 *Theme Name:	Festival
 *Theme URI:	stratfordfestivalreviews.com
 *Version:	1.0 (05.24.2009)
 *Author:	John Leschinski
 *Author URI:	http://leschinskidesign.com
-------------------------------------------------------------- */


@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';
@import 'lib/960.css';


body {
background:url('images/back.jpg') repeat-x #e1e4e7;
border-top:3px solid #900;
margin:0;
padding:5px 0 0;
}

.test, #test {
background:#FFC0CB;
}

#logo a {
border-bottom:none;
display:block;
float:left;
height:40px;
text-decoration:none;
text-indent:-9999px;
width:340px;
outline:none;
background:url('images/logo.png') no-repeat;
margin:0;
padding:0;
}

#logo {
border-bottom:none;
display:block;
float:left;
text-decoration:none;
text-indent:-9999px;
height:40px;
margin-bottom:40px;
}

.top-menu {
text-align:right;
font-size:0.75em;
margin-bottom:10px;
}

.top-menu li {
float:left;
}

.info {
border:1px solid #eee;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;

background:url('images/back-pat.png') #fff;
overflow:hidden;
padding:50px 10px 45px 10px;
}

.hoinfo {
border:1px solid #eee;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;

background:url('images/back-pat.png') #fff;
overflow:hidden;
padding:10px 10px 5px 10px;
margin-right:10px;
margin-bottom:30px;
width:380px; float:left;
}

.hodesc{
font-size:0.75em;
overflow:hidden;
width:525px; float:left;
height:;
}


.map {
border:1px solid #eee;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background:url('images/back-pat.png') #fff;
overflow:hidden;
padding:10px 10px 10px;
}

.mapp-overlay-caption {background:red !important;}
.mapp-poweredby {display:none;}

.mapp-div {
border:10px solid #fff;
background:#fff;
display:block;
margin:-5px 0 0 !important;
}

.mapp-overlay-div { font-size:0.75em; padding:0 15px 0 0; }

.map h2 {
text-shadow:0 -1px 1px #eee;
width:auto;
display:block;
background:url('images/map.png') left -45px no-repeat;
margin:0;
padding:0 55px;
}

.info h2, .hoinfo h2 {
text-shadow:0 -1px 1px #eee;
width:auto;
display:block;
margin:10px 0 10px 0;
padding:0;
line-height:1em;
width:550px;

}

.info #long-title { font-size:1.7em; }

.info #theater {
margin-top:-10px;
margin-bottom:-10px;
font-size:0.7em;
display:block;
color:#666;
padding:0;
}

.info #date {
position:relative;
top:-10px;
font-size:0.65em;
color:#666;
padding:0;
}

.info #res-url, .hoinfo #res-url {
margin-top:-10px;
margin-left:15px;
padding:0;
}

.hoinfo #res-url {
margin-top:-10px;
margin-left:0px;
padding:0;
}

.hoinfo #phone {
margin-top:-10px;
margin-left:0px;
padding:0 0 0 13px;
background:url(images/mobile.gif) center left no-repeat;
}

.info #phone {
margin-top:-10px;
margin-left:15px;
padding:0 0 0 13px;
background:url(images/mobile.gif) center left no-repeat;
}

.info #cash {
padding:0;
font-size:0.45em;
color:#900;
display:inline-block;
position:relative;
z-index:10;
margin-top:10px;
font-family:georgia;
letter-spacing:0.2em;
}

.info #cash b {
font-weight:500;
color:#aaa;
display:block;
top:0px;
position:absolute;
z-index:-1;


}

.info #res-url a { text-decoration:none; color:#999; }

.info #review-count {
margin-top:-10px;
margin-left:1px;
font-size:0.7em;
display:block;
white-space:nowrap;
color:#888;
padding:0;
}

.info #buy { float:right; font-size:0.9em; margin-top:-5px;  
border:1px solid #f0f0f0;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
background:url('images/back-pat-1.png') bottom center repeat-x #fefefe;
padding:10px 25px 5px ; 
text-align:right;}

.info #buy a {
background:url('images/tickets.png') bottom left no-repeat;
text-decoration:none;
display:block;
padding:5px 0 5px 35px;
}

.info #buy a:hover { background:url('images/tickets.png') top left no-repeat; }

.info #map { float:right; font-size:0.9em; margin-top:0px;  
border:1px solid #f0f0f0;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
background:url('images/back-pat-1.png') bottom center repeat-x #fefefe;
padding:10px 25px;}

.info #map a {
background:url('images/map.png') bottom left no-repeat;
text-decoration:none;
display:block;
padding:5px 0 5px 60px;
}

.info #map a:hover { background:url('images/map.png') left 2px no-repeat; }

.post { display:block; margin:10px 10px 40px 10px; }

.post h3 {
font-size:1.4em;
font-weight:500;
margin:0;
padding:0;
}

.post h3 a:hover {border-bottom:1px dotted #369;}

.post small {
font-size:0.7em;
white-space:nowrap;
display:block;
width:600px;
overflow:hidden;
margin:-2px 0 0;
padding:0;
}

.post small #pub {margin:0 15px 0 0; padding:0; }

.post small #perma,.post small #date {
color:#666;
margin:0 15px 0 0;
padding:0;
}

.post small #perma {
white-space:nowrap;
display:inline-block;
margin:0;
padding:0;
}

.post small #perma a { text-decoration:none; color:#666; }

img.faviconimg {
border:0;
width:16px;
height:16px;
margin:6px 4px -3px 0;
padding:0;
}

.post .entry { font-size:0.8em; margin:5px 0; }

.post .entry p { display:inline; }

.post #more-link { margin:0 10px; }

.post #more-link a {
display:inline-block;
background:url('images/more.png') top right;
color:#eee;
text-decoration:none;
font-size:0.85em;
padding:0 15px 0 10px;
}

.post #more-link a:hover { background:url('images/more.png') -11px top; }

.post .post-ratings {
float:right;
text-align:right;
display:inline;
width:100px;
margin:5px;
}

#menu {
list-style:none;
color:#fff;
line-height:40px;
display:inline-block;
float:left;
z-index:1000;
height:40px;
margin:0;
padding:0;
}

#menu a { color:#fff; text-decoration:none; }

#menu > li {
background:url('images/arrow_expand.gif') 95% center no-repeat #900;
cursor:pointer;
float:left;
position:relative;
width:260px;
margin-left:20px;
font-size:1.1em;
z-index:2000;
padding:0 10px;
}

#menu > li:hover { padding-bottom:2px; background:url('images/arrow_expand.gif') 95% center no-repeat #900; }

#menu ul {
display:inline;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
margin:0;
padding:0;
}

#menu li ul {
position:absolute;
left:-231px;
top:0;
margin-top:42px;
width:500px;
line-height:16px;
background:url('images/back-pat-1.png') bottom center repeat-x #900;
color:#0395CC;
display:none;
font-size:0.8em;
z-index:-1000;
padding:10px 5px 15px;
}

#menu li:hover ul { display:block; }

#menu li ul li {
display:block;
border-top:dotted 1px #aaa;
list-style-type:none;
float:left;
width:230px;
height:30px;
white-space:no0wrap;
overflow:hidden;
margin:3px 10px;
padding:5px 0;
}

#menu li ul li a { display:block; color:#fff; }

#menu li ul li a:hover {  color:#7FCDFE; }

#menu-footer {
list-style:none;
float:left;
display:block;
font-size:0.9em;
padding:0;
}

#menu-footer .categories {
width:270px;
float:left;
display:block;
margin-left:20px;
border-top:2px solid #900;
font-weight:600;
padding:5px;
}

#menu-footer .categories ul {
font-size:0.75em;
list-style:none;
display:block;
width:280px;
}

#menu-footer .categories ul li {
display:block;
border-top:dotted 1px #606060;
list-style-type:none;
float:left;
width:130px;
height:10px;
white-space:nowrap;
overflow:hidden;
font-weight:500;
margin:2px 10px 5px 0;
padding:5px 0;
}

.footer { margin-top:40px; margin-bottom:30px; }

#copy { font-size:0.7em; color:#888; }




#front .blog {border-top:2px solid #900;}


#front .blog .entry { padding:5px; font-size:0.8em;}


#front .blog .entry  h1{font-size:1.8em;}


#front .forum-front{border-top:2px solid #900; list-style:none; padding:0;}
#front .forum-front ul{margin:0; padding:0 5px;}
#front .forum-front li{border-bottom:1px dotted #aaa; padding:10px 5px; font-size:0.8em;}
#front .forum-front li a:first-child{font-size:1.2em; font-weight:600;}



#menu-front {

list-style:none;
float:left;
display:block;
font-size:1em;
overflow:hidden;
padding:0;
margin-top:-10px;
}

#menu-front .categories {
display:block;
border-top:2px solid #900;
margin:0; padding:5px 0px;
}

#menu-front .categories strong{
display:block;
font-weight:600; 
padding:5px 0px;
font-size:10.6em;
position:absolute;
z-index:-10;
line-height:1em;
color:rgb(236,220,220);
}


#menu-front .categories h2{
display:block;
font-weight:600; 
padding:0px 10px;
margin:0;
margin-top:-5px;
font-size:0.95em;

color:#900;
}

#menu-front .categories:first-child strong{ color:rgb(239,222,222); }


.forum-front strong{
display:block;
font-weight:600; 
padding:5px 0px;
font-size:5.5em;
position:absolute;
z-index:-10;
line-height:1em;
color:#ddd;
}

#menu-front .categories ul {
list-style:none;
display:block;
overflow:auto;
color:#fff;
padding:0;
margin:0;
margin-left:0px;
}

#menu-front .categories a:hover { text-decoration:underline;  }

#menu-front .categories ul li {
display:block;
list-style-type:none;
float:left;
width:215px;
overflow:hidden;
font-weight:500;
font-size:0.95em;
line-height:1em;
margin:5px 10px 0px 10px;
padding:0;
background:url('images/sheild.png') bottom center;
}


#menu-front .categories ul li a{
display:block;

padding:10px 5px;
border:1px solid #eee;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background:url('images/back-pat-1.png') bottom center;
}


#menu-front .categories .cat-item-38 a, 
#menu-front .categories .cat-item-57 a, 
#menu-front .categories .cat-item-79 a, 
#menu-front .categories .cat-item-80 a{
padding:2px 5px 3px 5px;
max-height:30px !important;
}



#front #logo {
border-bottom:none;
display:block;
float:left;
height:60px;
text-decoration:none;
text-indent:-9999px;
width:460px;
outline:none;
margin-bottom:20px;
background:url('images/logo-large.png') no-repeat;
padding:0;
}

.welcome {
font-size:0.8em;
margin-bottom:20px;
margin-top:0px;
display:block;
}

#front .ad { text-align:center; }

.top-menu ul,#plogo { float:right; }

.post h3 a,#menu-front .categories a { text-decoration:none; }

#menu > li:first-child,#menu-footer .categories:first-child{
margin-left:0;}







.formcontainer {font-size:0.75em;} 

.formcontainer  fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
.formcontainer  legend      { font-weight: bold; font-size:1.0em; color:#666; }
.formcontainer  label { font-weight: bold; float:left; width:150px; margin-right:10px; margin-left:10px; }
.formcontainer  .form-option{  float:left; width:100%; margin-left:10px;  display:block; margin-top:10px;margin-bottom:20px;}
.formcontainer  .form-option label{  float:none;}


.formcontainer input.text, .formcontainer  input.title   { border:1px solid #900; background:#fff; padding:5px;  clear:right;}
.formcontainer  textarea            { border:1px solid #900; background:#fff; padding:5px; }


.form-textarea textarea  {width:500px !important;}

.formcontainer   .button{ 
background: #900; 
display: inline-block; 
padding: 5px 10px 6px; 
color: #fff; 
text-decoration: none; 
font-weight: bold; 
line-height: 1; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 3px #999; 
text-shadow: 0 -1px 1px #222; 
border-bottom: 1px solid #222; 
cursor: pointer; 
display:block;
margin-left:170px;
width:250px;
clear:both;
} 



.comments {
border-top:2px solid #900;
padding:5px; font-size:0.75em;}

.comments  h4{ font-weight:600; margin-bottom:2px;}

.comments  ul{ font-size:0.9em;
list-style:none;
display:block;}




.comments  ul li {
display:block;
border-top:dotted 1px #606060;
list-style-type:none;
height:10px;
white-space:nowrap;
overflow:hidden;
font-weight:500;
margin:2px 0px 5px 0;
padding:5px 0;
}

.foot-nav  {
text-align:right;
display:block; margin-top:20px;}


.foot-nav  ul{
list-style:none;
text-align:right;
display:inline-block;
float:right;
overflow:auto;}

.foot-nav  li{ font-size:0.7em;
float:left;
list-style:none;
display:block; }

.login{
list-style:none;
text-align:right;
display:inline-block;
float:right;
overflow:auto; margin-bottom:10px;}

.login  li{ font-size:0.6em;
float:left;
list-style:none;
display:block; }


.login  a{ color:#888;}

.cutpaste {font-size:0.8em; margin-top:0px;}

.cutpaste b{font-size:1.0em; display:block; margin-top:15px;}


#forum-review { float:right; margin:5px 10px; padding:5px; font-size:0.75em; background:#fefefe; text-decoration:none; border:1px solid #eee;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd; }

#forum-comment { margin:0px; 
display:inline-block;
background:#fefefe;

text-decoration:none;
font-size:0.87em;
padding:0px 5px 0px 5px;

 margin:0 0px; 
}



#rid {margin-top:-5px !important; margin-bottom:3px;}


.category-nojoy a{ color:#000; cursor:pointer; font-size:1.3em;}
.category-nojoy a:hover{ color:#000; border:none !important; cursor:pointer; }
.category-nojoy small, .category-nojoy .entry{ display:none;}

.tooltip { cursor:help;}

.tooltip span {display:none; padding:0 5px 5px 5px; margin-left:60px; width:230px; z-index:100; }
.tooltip:hover span{ font-size:0.8em; display:block; position:absolute; top:-30px; z-index:100; background:#ffffff; border:1px solid #cccccc; color:#111; font-family:arial, "Helvetica Neue", Helvetica, Trebuchet MS, "Lucida Grande", sans-serif;}

.tooltip:hover span strong{color:#900; display:block; margin-right:10px; float:left; clear:left; width:55px; font-family:georgia; font-size:0.9em; text-align:right;}




#edit {float:right; font-size:0.7em;}

.design {border:1px solid #ddd; padding:10px 10px 25px 10px; font-family:georgia;  font-size:0.7em; color:#666;}


.design a{  display:block; color:#900; background:url(images/ldlogo.png) no-repeat;
margin:5px 0 0 40px;
text-indent:-9999px;
height:37px;
   }


   
   .sidebar {text-align:centre;}
   
   .ad {  text-align:center; margin-top:5px;}

   #front .ad{ margin-top:-40px;}
   
      #front .blog .ad{ margin-top:0px;}
