/*
	Theme Name: VSOS Theme
	Theme URI: http://vancouverstorytelling.org/
	Description: The default theme for the Vancouver Society of Storytelling.
	Author: Designer - Carmen, Code - Jack
	Version: 0.4
	Tags: Eh.
*/

/* Import font */
@import url("/wp-content/fonts/grov-condensed/stylesheet.css");
@import url("ui-cols.css");

/* Browser reset */
* { margin:0; padding:0; outline:0; border:none; list-style:none; }

/* laying out the styling */
body {
	font: 15px/20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: #00BDF0 url('images/hires-repeat.png') repeat-y top center;
	color:#000;
}

p {
	margin:6px 0px 9px 0px;
}

h1 {
	font: 36px/30px "GrovCondensedABRegular","Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#AD218A;
}

h2 {
	font: 15px/20px "LucidaSans","Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color:#AD218A;
}
a {
	color:#1E94D2;
}

ul {
	margin:2px 0 3px 0;
}
ul li {
	margin-left:30px;
	list-style: disc;
}

img {
	outline:0px solid #49C;
	padding:2px;
}
img.border {
	outline:1px solid #49C;	
}

input {
	border:1px solid #000;
}

#wrapper {
	position:relative;
	width:100%;
	margin-top:-445px;
	z-index:10;
}

/* Laying out the box-model */
#main, .page_header, .page_footer {
	display:block;
	position:relative; left:4px;
	width:900px;
	clear:both;
	margin:0 auto;
	z-index:4;
}

#torso {
	min-height:775px;
}
form ul li {
	list-style:none;
	margin:0; padding:0;
}


.page_header {
	height:150px;
}

#main .c1 { width:175px; }
#main .c2 { width:450px; }
#main .c3 { width:275px; }


.c3 h2 {
        padding-top:17px;
	font: 24px/20px "GrovCondensedABRegular","Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#AD218A;
}
.c3 input {
        background-color:#EEFAFF;
        border-color:#3488BB;
        padding:2px; margin:2px;
        color:#556;
}
.c3 input[type=submit] {
        color:#222;
        font-weight:bold;
}

blockquote {
	padding:5px 15px;
	background-color:#EEF;
	border:1px solid #AAD;
	font-family: cursive;
}
blockquote p:last-child {
	font-weight:bold;
}
blockquote p:last-child:before {
	content: "~ ";
}

a[href$='.pdf'] {
	display:inline-block;
	padding-left:20px;
	background:transparent url(/lib/images/icons/page_white_acrobat.png) center left no-repeat;
}
a[href^="http:"] {
	display:inline-block;
	padding-right:18px;
	background:transparent url(/lib/images/icons/page_white_go.png) center right no-repeat;
}
a[href^="http://maps.google."] {
	display:inline-block;
	padding-right:18px;
	background:transparent url(/lib/images/icons/world_go.png) center right no-repeat;
}
a[href^="#"] {
	display:inline-block;
	padding-right:18px;
	background:transparent url(/lib/images/icons/page_link_inline2.png) center right no-repeat;
}


.page_footer {
	height:25px;
	margin-bottom:240px;
	left:3px;
	font:11px/23px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#FFF;
	text-align:center;
}
.page_footer a {
	text-decoration:underline;
	color:#EEF;
}
.page_header h1 {
	text-indent:-9999px;
}


/* Style for books */
/*	Style Guide for Books */
div.book {
	float:left;	margin:5px 7px 17px 7px;
	width:512px;
	
	font-size:90%;
}
img.book {
	float:left; margin:2px;
	height:165px;
}
img.book:hover {
	height:255px;
}
span.book_author {
	font-weight:bold;
	font-size:120%;
}
span.book_title {
	font-style:italic;
	padding-left:1em;
}

.rc-top, .rc-bottom {
	position:relative;
	background:url('images/hires.png') no-repeat top center;
}
.rc-bottom {	
	width:100%;
	background-position:bottom center;
}

.rc-top {
	height:445px;
}
.rc-bottom {
	margin-top:-750px;
	height:750px;
}
#repeat-bot, #repeat-top {
	background: url('images/hires-lr.png') repeat scroll top left;
}
#repeat-top {
	position:absolute;
	top:0px;
	width:100%;
	z-index:0;
	height:420px;
}
#repeat-bot {
	background-position: bottom left;
	margin-top:-750px;
	height:750px;
	z-index:0;
}








/* Laying out the tree-view nav */
.menu ul li {
	list-style:none;
	margin:0px;
}
.menu ul li { 
	border-bottom:1px solid #33C5F4;
	_height:28px;
}
.menu ul li ul li {
	border:0px;
}

.menu ul li:last-child, .menu ul li ul li {
		border:0px; border:none;
}
.menu ul li a {
	display:block;
	font: 28px/28px "GrovCondensedABRegular","Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: #FFF url("images/hires-arrows.png") no-repeat 0px 7px;
	_background: #FFF url("images/hires-arrows.gif") no-repeat 0px 7px;
	
	padding-left:15px;
	_height:28px;
	
	color:#1E94D2;
	text-decoration:none;
}
.menu ul li.hover a {
	background-position:-168px 8px;	
}

.menu ul li ul li a, .menu ul li.hover ul li a {
	font: 15px/20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background-image:none;
	_height:20px;
}

.menu ul li.current_page_item a {
	color:#AD218A;
}
.menu ul li.current_page_item ul li a {
	color:#1E94D2;
}