@charset "iso-8859-1";

/* ==========================================
   LIMERICK YOUTH THEATRE STRUCTURE AND STYLE
   copyright (c) 2010 Robin Parmar
   licensed for use only on lyt.ie
   ========================================== */

/* ============================= the basics ============================= */

* {margin:0; padding:0; border:0; list-style:none;}

html, body {height:100%;}
body {
	text-align:center;
	font-family:"Verdana", "Arial", sans-serif; 
	font-size:91%;
	line-height:1.4em;
	word-spacing:0.1em;
}

p, h2, h3, h4, h5, ol, ul, li, pre, table, input, select, th, td {font-size:1.0em}  
h1 {font-size:1.4em; line-height:1.6em;}  
h2 {font-size:1.2em; font-weight:bold;}  
h3 {font-size:1.0em; font-weight:bold;}  
h6, small {font-size:0.8em;}  
pre, code {font-family:Consolas, monospace;}
b {font-weight:bold;}
p, h1, h2, h3, h4, h5 {margin:1em 5%;}

img {border:0; display:block; max-width:100%;}
hr {color:#000000; border:solid 1px;}
p.nospace {margin-bottom:0em !important;}
ul.nospace {margin-top:0em !important;}
.indent {margin-left:1.3em;}
.hide {display:none;}

.clearme { 
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}


/* ============================= structure ============================= */

/* ------ 
   shared
   ------ */
#page {
	position:relative;
	margin:0 auto;
	height:95%;
	width:850px;
	text-align:left;
}
#footer, #sub-footer, #footer-margin {
	position:relative;
	clear:left;
	width:100%;
	margin:0;
}
#footer-margin {
	height:25px; 
}
#footer {
	height:100px; 
	background:no-repeat url(footer.png);
}
#sub-footer {
	height:25px;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em; 
	text-align:right;
}
#sub-footer p {
	margin:0;
	margin-top:0.5em;
}


/* ----
   menu
   ---- */
#menu {
	position:relative;
	clear:left;
	margin-top:50px;
	width:100%;
}
#menu a, .menu-dim {
	display:block;
	width:70px;
	height:25px;
	float:left;
}
#menu a#menu-home {width:250px;}
#menu a#menu-join,  #joinpage  .menu-dim  {width:60px;}
#menu a#menu-shows, #showspage .menu-dim {margin-left:325px;}

#menu a, #menu a:visited {background-position:0 0;}
#menu a:hover {background-position:0 25px !important;}

#menu a#menu-home  {background:url(menu-home.png);}
#menu a#menu-shows {background:url(menu-shows.png);}
#menu a#menu-news  {background:url(menu-news.png);}
#menu a#menu-join  {background:url(menu-join.png);}
#menu a#menu-about {background:url(menu-about.png);}

#showspage    .menu-dim {background:url(menu-shows-dim.png);}
#newspage     .menu-dim {background:url(menu-news-dim.png);}
#joinpage     .menu-dim {background:url(menu-join-dim.png);}
#aboutpage    .menu-dim {background:url(menu-about-dim.png);}


/* ------- 
   top bar  
   ------- */
#bar {
	position:relative;
	clear:left;
	width:100%;
	height:50px;
}

#bar-img {
	height:50px; 
	width:130px; 
	background-repeat:no-repeat; 
	background-position:12px 6px;
}

#showspage    #bar-img {background-image:url(bar-shows.png);}
#showsitempage #bar-img {background-image:url(bar-shows.png);}
#newspage     #bar-img {background-image:url(bar-news.png);}
#newsitempage #bar-img {background-image:url(bar-news.png);}
#joinpage     #bar-img {background-image:url(bar-join.png);}
#aboutpage    #bar-img {background-image:url(bar-about.png);}


/* -------------
   rows & blocks
   ------------- */
.row, .row-s, .row-b {
	position:relative;
	clear:left;
	float:left;
	width:100%;
	margin-top:25px;
	height:auto;
}
.gutter, .block {
	position:relative;
	clear:none;
	float:left;
}
.gutter {width:50px;}
.block {width:400px; }

#homepage      .row, #homepage      .block {height:300px;}
#showspage     .row, #showspage     .block {height:200px;}
#newspage      .row, #newspage      .block {height:200px;}

#showsitempage .row, #newsitempage .row {margin-bottom:50px;}

.row-s, .row-s .block {height:200px !important;}
.row-b, .row-b .block {height:auto !important;}
.row-b .block {width:850px;}



/* -------------------------- 
   blocks: vertical and image
   -------------------------- */
.block-vert, .block-vert-multi, .block-next, .block-past, .block-img, .block-img-multi {
	position:relative;
	clear:none;
	float:left;
}
.block-vert {width:50px; height:200px;}
.block-vert-multi {width:50px; height:100%;}

.block-next, .block-past {
	width:30px;
	height:120px;
	margin-top:20px; 
	margin-left:12px; 
}
.block-next {background:no-repeat 0 0 url(block-next.png);}
.block-past {background:no-repeat 0 0 url(block-past.png);}

.block-img {width:350px; height:200px; overflow:hidden; }
.block-img-multi {width:350px; }
#joinpage .block-img, #aboutpage .block-img {width:400px;}

.block-img-multi img {margin-bottom:10px;}


/* ------------ 
   blocks: text 
   ------------ */
.block-text  {
	position:relative;
	clear:none;
	float:left;
	overflow:hidden;
}
#showsitempage .block-text, #newsitempage .block-text {overflow:visible;}
#joinpage .block-text, #aboutpage .block-text {overflow:visible; padding-bottom:1em;}

#homepage  .block-text {margin-top:-75px;}

/* height controls where text gets cut off -- tweak it here */
#homepage      .block-text {height: 85px;}
#showspage     .block-text {height:175px;}
#newspage      .block-text {height:175px;}
#showsitempage .block-text {height:auto;}
#newsitempage  .block-text {height:auto;}


/* ---------------------- 
   custom text formatting
   ---------------------- */
.block-text p, .block-text h2, .block-text h3 {margin:.3em 3%;}
.block-text h2 {margin-bottom:0; text-transform:uppercase; font-size:1.0em;}
.block-text h3, p, li {font-size:0.8em;}
.block-text li {list-style-type:square; margin-left:3em; margin-right:1em;}

#homepage .block-text p {font-size:1.0em; line-height:1.2em;}


/* -----------
   "more" link
   ----------- */
.more {
	position:absolute;
	clear:none;
	float:right;
	bottom:6px;
	right:6px;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:bold;
}

p.navlink {
	background:#ccc;
	margin:1em 0; 
	padding:1em; 
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:bold;
}

/* -----
   links
   ----- */
#homepage .block-text a {text-decoration:none;}

a.arrow, a.subtle {text-decoration:none;}
a.arrow {
	padding-right:12px;
	background:#ccc no-repeat right center url(link-off.png);
}
a:hover.arrow {
	background:#ccc no-repeat right center url(link-on.png);
}



/* --------------
   colours 
   --------------
   grey: #ccc
   link: #1010dd
   red:  #981e1e
   green:#3a882d
   blue: #163468
   mauve:#641a6f
   -------------- */
body {background-color:#fff;}

body, a.arrow, #homepage .block-text a {color:#000;}

.block {background-color:#ccc;}
.block-show {background-color:#981e1e !important;}
.block-news {background-color:#641a6f !important;}

#sub-footer, a.subtle {color:#666;}

a:hover.arrow, a:hover.subtle {color:#1010dd;}

#showspage    .block-vert, #showsitempage .block-vert {background-color:#981e1e;}
#showspage    .block-vert-multi, #showsitempage .block-vert-multi {background-color:#981e1e;}
#newspage     .block-vert, #newsitempage  .block-vert {background-color:#641a6f;}
#newspage     .block-vert-multi, #newsitempage  .block-vert-multi {background-color:#641a6f;}
#joinpage     .block-vert {background-color:#163468;}
#aboutpage    .block-vert {background-color:#3a882d;}

#showspage    #bar, #showsitempage #bar {background-color:#981e1e;}
#newspage     #bar, #newsitempage  #bar {background-color:#641a6f;}
#joinpage     #bar {background-color:#163468;}
#aboutpage    #bar {background-color:#3a882d;}

#showspage h2, #showsitempage h2 {color:#981e1e;}
#newspage  h2, #newsitempage  h2 {color:#641a6f;}
#joinpage  h2 {color:#163468;}
#aboutpage h2 {color:#3a882d;}


/* assert */
a:hover img {border-width:0;}


/* -------
   slimbox
   ------- */
.smd_slimbox {
  float:left;
  width:600px;
  margin:1em 0;
  clear:both;
  list-style:none;
}
.smd_slimbox li {
  width:150px;
  height:150px;
  float:left;
  margin:1em auto;
  text-align:center;
}
.smd_slimbox img {
  margin:0 auto;
}
.smd_slimbox span {
  float:left;
  width:140px;
  padding:2px 0 0 5px;
}
li.smd_slimbox_nav {
  clear:both;
  width:500px;
  padding:20px;
}
.smd_slimbox_prev {
  float:left;
}
.smd_slimbox_next {
  float:right;
}