/*  
Theme Name: RileArts
Theme URI: http://becausewegivea.com/
Description: custom theme
Version: 0.3
Author: Anthony Templer
Author URI: http://becausewegivea.com/
*/

/* IE foo */
/* end of IE foo */

/* Begin Typography & Colors */
body {
	font-size: 62.5%; 					/* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	color: #000066;					/* really dark blue */
	text-align: left;
	}

#page {
	}

#header {
	background-color: #cc99ff;			/* lavender */
	}

#navbar, #navbar-artist {
	background-color: #6699cc;			/* teal */
	}

#content {
	font-size: 1.2em
	}

p {
	margin: 0.75em 0 0;
	padding: 0;
	}

p + p.p-indent {
	margin: 0;
	text-indent: 2em;
	}

p.p-indent + p.p-indent {
	margin: 0;
	text-indent: 2em;
	}

p.pagetitle-left {
	color: #000066;					/* really dark blue */
	text-align: left;
	}

p.pagetitle-right {
	color: #000066;					/* really dark blue */
	text-align: right;
	}

a {
	font-size: 1.2em
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

a:hover, a:visited {
	color: #000066;					/* really dark blue */
	text-decoration: underline;
	}
	
h1, h2, h3 {
	font-weight: bold;
	}

h1 {
	padding: 0;
	margin: 0;
	font-size: 2em;
	color: #000066;					/* really dark blue */
	}

h1 a, h1 a:hover, h1 a:visited {
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h2 {
	font-size: 1.4em;
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h2.pagetitle {
	margin: 1em 0 0.5em 0;
	font-family: Georgia, 'New Times Roman', Serif;
	font-size: 1.75em;
        line-height: 1.1;
	color: #000066;					/* really dark blue */
	text-align: left;
	}

h2.pagetitle-left {
	margin: 1em 0 0.5em 0;
	font-family: Georgia, 'New Times Roman', Serif;
	font-size: 2.5em;
	color: #000066;					/* really dark blue */
	text-align: left;
	}

h2.pagetitle-right {
	margin: 1em 0 0.5em 0;
	font-family: Georgia, 'New Times Roman', Serif;
	font-size: 2.5em;
	color: #000066;					/* really dark blue */
	text-align: right;
	}

h2 a {
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h2 a:hover, h2 a:visited {
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h3 {
	font-size: 1.2em;
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h3 a {
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h3 a:hover, h3 a:visited {
	color: #000066;					/* really dark blue */
	text-decoration: none;
	}

h3.comments {
	padding: 0;
	margin: 10px auto 10px ;
	}

.narrowcolumn .entry, .widecolumn .entry {
	margin-top: -1.0em;
	}

.entry p a:visited {
	color: #aaaaaa;						/* grey */
	}

.narrowcolumn .postmetadata {
	text-align: left;
	}

#footer p {
	margin: 0.25em 0;
	padding: 0;
	color: #ccff99;						/* light green */
	text-align: center;
	}

#footer a {
	color: #ccff99;						/* light green */
	}

#footer p a, #footer p a:visited {
	font-size: 1.2em
	color: #ccff99;						/* light green */
	text-decoration: none;
	}

#footer p a:hover, #footer p a:active {
	color: #ccff99;						/* light green */
	text-decoration: underline;
	}

/* End Typography & Colors */

/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	background-color: #6666CC;			/* dark blue */
	}

#page {
	margin: 5px auto;
	padding: 0;
	width: 1000px;
	border: 1px solid #333399;			/* blue */
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 130px;
	width: 100%;
	}

#navbar {
	float: left;
	padding-top: 0;
	margin-top: 85px;
	height: 45px;
	width: 100%;
	}

#navbar-artist {
	float: left;
	padding-top: 0;
	margin-top: 85px;
	margin-right: -80px;
	height: 45px;
	width: 100%;
	}

#pmenu {
	padding-left: 20px;
	}

#pmenu-artist {
	padding-left: 20px;
	margin-left: 285px;
	}

.booking-left {
        clear: all;
        margin-top: -3em;
        margin-left: 0.66em;
text-align: left;
line-height: 1.1;
	float: left;
}

.booking-right {
        clear: all;
        margin-top: -3em;
        margin-right: 0.66em;
text-align: right;
line-height: 1.1;
	float: right;
}

a.booking-left, a.booking-right {
        text-decoration: none;
        text-transform: uppercase;
	color: #000066;				/* really dark blue */
}

a.booking-left:hover, a.booking-left:active, a.booking-right:hover, a.booking-right:active {
	color: #6699cc;			/* */
}

a.booking:visited {
	color: #000066;				/* really dark blue */
}

#content-404 {
	margin-top: 0px;
	}

#footer {
	clear: both;
	padding: 5px 0;
	width: 1000px;
	background-color: #6699cc;			/*  */
	border-right: 0px solid #959596;		/*  */
	}

.narrowcolumn {
	float: left;
	padding: 0 0 0px 0;
	margin: 0 10px 0 30px;
	width: 540px;
	}

.narrowcolumn-main {
	clear: all;
	padding: 0 0 20px 0;
	margin: 0px 10px 0 420px;
	width: 360px;
	}

.narrowcolumn-artist {
	float: left;
	padding: 0 0 0px 0;
	margin: 0 30px;
	width: 940px;
	}

.narrowcolumn-right {
	float: left;
	padding: 0 0 20px 0;
	margin: 0 10px 0 460px;
	width: 480px;
	}

.narrowcolumn-left {
	float: left;
	padding: 0 0 20px 0;
	margin: 0 10px 0 60px;
	width: 480px;
	}

.narrowcolumn-home {
	float: left;
	padding: 0 0 20px 0;
	margin: -180px 10px 0 30px;
	width: 470px;
	}

.narrowcolumn-roster {
	float: left;
	padding: 0 0 20px 0;
	margin: 0 10px 0 50px;
	width: 450px;
	}

.narrowcolumn .postmetadata {
	padding: 0;
	margin: 0;
	}

.post {
	margin: 0;
	text-align: justify;
	line-height: 1.66em;
	}

.widecolumn {
	float: left;
	margin: 0 100px;
	width: 800px;
	}
	
.widecolumn-roster {
	float: left;
	margin: 0 50px 0 100px;
	width: 850px;
	}
	
.widecolumn .post {
	margin: 0 0 20px 0;
	}

.widecolumn .postmetadata {
	padding-top: 5px;
	}

#reviews table, #reviews tr, #reviews td {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	}

/* End Structure */

/* Begin RileArts templates */
.home {
	background-color: #6666cc;				/* medium blue */
	}

#review p {
	text-transform: uppercase;
	text-align: left;
	line-height: 1.33em;	
	}

#review .periodical {
	margin-top: -1.33em;
	text-align: right;
	font-style: all-caps;
	line-height: 1.33em;	
	}

#review .periodical a {
	margin-top: -1.33em;
	text-align: right;
	font-style: all-caps;
	line-height: 1.33em;	
	}

.roster {
	background-color: #996699;			/*  */
	}

#roster {
	margin: 0;
	padding: 0;
	font-family: Georgia, 'New Times Roman', Serif;
	color: #ffffff;						/*  */
	}

#roster h2 {
	margin-bottom: -0.5em;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5;
	color: #ffcc00;						/* yellow-orange */
	}

#roster h3 {
	margin-bottom: -0.75em;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.6;
	color: #ffcc00;						/* yellow-orange */
	}

#roster h3 a, #roster h3 a:hover, #roster h3 a:visited {	/* artists names are links */
	font-size: 1.2em;
	line-height: 1.6;
	}

#roster p {
	margin-bottom: -0.5em;
	font-size: 1.0em;
	line-height: 1.2;
	color: #ffffff;						/*  */
	}

#roster a {
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.2;
	text-decoration: none;
	}

#roster a, #roster a:active, #roster a:visited {
	color: #ffff99;						/* chiffon daze */
	}

#roster a:hover {
	color: #e0f0e2;						/* grey */
	}

.artist_yellow {
	background-color: #ffffcc;				/* yellow */ 
	}

.artist_blue {
	background-color: #ccccff;				/* light blue */
	}

.artist_green {
	background-color: #e0f0e2;				/* green */
	}

.artist_turquoise {
	background-color: #dafefe;				/* turquoise */
	}

.artist_pink {
	background-color: #edcce3;				/* pink */
	}

.artist_salmon {
	background-color: #fce7b5;				/* salmon */
	}

.home {
	background-color: #6666cc;				/* medium blue */
	}

.news {
	background-color: #99cccc;				/* light green */
	}

.specialprojects {
	background-color: #f7bc82;				/* salmon */
	}

.about {
	background-color: #ccccff;				/* dark purple */
	}

.contact {
	background-color: #ccccff;				/* light blue */
	}

.jobs {
	background-color: #AB8CBB;				/* light purple */
	}
/* End RileArts templates CSS */

/* Begin Sidebars */
#sidebar-artist, #sidebar-left, #sidebar-right {
	font: 1em Arial, Verdana, Sans-Serif;
	}

#sidebar-artist {
	float: left;
	padding: 0 0 20px 0;
	margin: 20px;
	width: 400px;
	background-color: #ccccff;			/* light blue */
	}

.sidebar-artist ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent;
	}

.sidebar-artist li {
	display: inline;
	}

.sidebar-artist a {
	float: left;
	display: block;
	padding: 0.2em 2em 0.2em 0;
	text-decoration: none;
	border-right: 0 solid black;
	background: transparent;
	color: #000066;				/* really dark blue */
	font-weight: bold;
	}

.sidebar-artist a:hover {
	background: transparent;
	color: #6699cc;			/*
	}

.sidebar-artist a:visited {
	color: #000066;				/* really dark blue */
	}

#sidebar-news {
	clear: all;
	float: left;
	margin: 220px 0 0 -300px;
	padding: 10px 10px 10px 20px;
	width: 280px;
	background-color: #ffffcc;			/* very pale yellow? */
	list-style-type: none;
	background: #ccccff;
	}

#sidebar-news ul, #sidebar-news ul ul, #sidebar-news ul ul ul {
        margin: 0 0 0 .5em;
        padding: 0;
        list-style-type: none;
}

#sidebar-news li, #sidebar-news li li, #sidebar-news li li li {
        list-style-type: none;
}

#sidebar-left {
	clear: all;
	float: left;
	padding: 20px;
	margin: 20px 0 0 160px;
	width: 180px;
	background-color: #ffffcc;			/* very pale yellow? */
	}

#sidebar-left form {
	margin: 20px;
	}

#sidebar-right {	
	float: left;
	padding: 20px 0 0 20px;
	width: 185px;
	background-color: #eee;			/* almost white */
	}

#sidebar-right form {
	margin: 0;
	}

#sidebar-404_left {
	float: left;
	margin: 40px 10px 0 0;
	padding: 10px;
	width: 265px;
	background-color: #ffffcc;			/* very pale yellow? */
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1.2em;
	color: #6d6e71;						/* dark grey */
	}

#sidebar-404_left h2 {
	margin: 5px 0 1em;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2em;
	text-decoration: none;
	}

#sidebar-404_left ul  {
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	}

#sidebar-404_left li  {
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar-sitemap_left,
#sidebar-sitemap_right {
	float: left;
	padding: 0;
	margin: -150px 0 0 15px;
	width: 235px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1.1em;
	background-color: #ffffcc;			/* very pale yellow? */
	}

#sidebar-sitemap_left li,
#sidebar-sitemap_right li {
	margin: 10px;
	padding: 0;
	list-style-type: none;
	}

#sidebar-sitemap_left .Instrumental,
#sidebar-sitemap_left .Ensembles,
#sidebar-sitemap_right .Special-Attractions,
#sidebar-sitemap_right .Vocal,
#sidebar-sitemap_right .Choral-Ensembles,
#sidebar-sitemap_right .Conductors,
#sidebar-sitemap_right .Dance,
#sidebar-sitemap_right .Early-Music,
#sidebar-sitemap_right .Theater {
	font-size: 1.2em;
	font-weight: bold;
	}

#sidebar-sitemap_left #pmw-3 ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	}

#sidebar-sitemap_left #pmw-3 li {
	margin: 5px 0 0px 0;
	padding: 0;
	list-style-type: none;
	}

#sidebar-sitemap_left #pmw-3 li li {
	margin: 5px 0 0 20px;
	padding: 0;
	font-weight: bold;
	list-style-type: none;
	}

#sidebar-sitemap_left #pmw-3 li li li {
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: normal;
	font-size: 0.85em;
	list-style-type: none;
	}

#sidebar-sitemap_left #pmw-3 li li li li {
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: normal;
	font-size: 0.85em;
	list-style-type: none;
	}

#sidebar-sitemap_left #pmw-4 li {
	margin: 5px 0 0 20px;
	padding: 0;
	font-weight: bold;
	list-style-type: none;
	}

#sidebar-sitemap_left #pmw-4 li li {
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: normal;
	font-size: 0.85em;
	list-style-type: none;
	}

#sidebar-sitemap_right #pmw-5 ul,
#sidebar-sitemap_right #pmw-6 ul,
#sidebar-sitemap_right #pmw-7 ul,
#sidebar-sitemap_right #pmw-8 ul,
#sidebar-sitemap_right #pmw-9 ul,
#sidebar-sitemap_right #pmw-10 ul,
#sidebar-sitemap_right #pmw-11 ul {
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	}

#sidebar-sitemap_right #pmw-5 li,
#sidebar-sitemap_right #pmw-6 li,
#sidebar-sitemap_right #pmw-7 li,
#sidebar-sitemap_right #pmw-8 li,
#sidebar-sitemap_right #pmw-9 li,
#sidebar-sitemap_right #pmw-10 li,
#sidebar-sitemap_right #pmw-11 li {
	margin: 5px 0 0 20px;
	padding: 0;
	font-weight: bold;
	list-style-type: none;
	}

#sidebar-sitemap_right #pmw-5 li li, 
#sidebar-sitemap_right #pmw-6 li li, 
#sidebar-sitemap_right #pmw-7 li li, 
#sidebar-sitemap_right #pmw-8 li li, 
#sidebar-sitemap_right #pmw-9 li li, 
#sidebar-sitemap_right #pmw-10 li li,
#sidebar-sitemap_right #pmw-11 li li {
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: normal;
	font-size: 0.85em;
	list-style-type: none;
	}

/* End Sidebars */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would have
	thought?!) align the image to the right. And using 'class="centered"',
	will of course center the image. This is much better than using 
	align="center", being much more futureproof (and valid) */
	
img.centered {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
	
img.alignright {
	margin: 0;
	padding: 0;
	display: inline;
	}

img.alignleft {
	margin: 0;
	padding: 0;
	display: inline;
	}
/* End Images */

/* Begin Lists
ol li  {
	list-style: decimal outside;
	}

.entry ol {
	padding: 0;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	/* text-align: center; */
	}

#sidebar-left #searchform #s, #sidebar-right #searchform #s {
	padding: 2px;
	width: 115px;
	}

#sidebar-left #searchsubmit, #sidebar-right #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform p {
	margin: 5px 0;
	font-family: Arial, Verdana, Sans-Serif;
	}

#commentform input {
	margin: 5px 5px 1px 0;
	padding: 2px;
	width: 170px;
	font: 0.9em Arial, Verdana, Sans-Serif;
	}

#commentform textarea {
	padding: 2px;
	width: 100%;
	font: 0.9em Arial, Verdana, Sans-Serif;
	}

#commentform #submit {
	float: right;
	margin: 0;
	}
/* End Form Elements */


/* Begin Comments*/
.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	font: 0.9em Arial, Verdana, Sans-Serif;
	font-weight: bold;
	list-style: none;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	margin: 0;
	font-weight: normal;
	display: block;
	}

.nocomments {
	margin: 0;
	padding: 0;
	text-align: center;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	text-decoration: none;
	}

#wp-calendar caption {
	width: 100%;
	font: bold 1.3em Arial, Verdana, Sans-Serif;
	text-align: center;
	text-decoration: none;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize; 
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}
/* End Calendar */


/* Begin Various Tags & Classes */
acronym {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;		/* dark grey */
	}

abbr {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;		/* dark grey */
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}

.aligncenter {
	text-align: center;
	}

.alt {
	margin: 0;
	padding: 10px;
	background-color: transparent;		/* */
	border-top: 1px solid #ddd;		/* light grey */
	border-bottom: 1px solid #ddd;		/* light grey */
	}

.alt a, .alt a:visited {
	color: white;
	font-weight: bold;
	}

.alt a:hover, .alt a:active {
	color:  #ddd;		/* light grey */
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;		/* light grey */
	color: white;						/* white */
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

cite {
	text-decoration: none;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	color: white;						/* white */
	}

/* hr {
	display: none;
	}
*/

img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.nocomments {
	color: white;						/* white */
	}
	
.postmetadata {
	font-size: 1em;
	color: #660066;						/* dark purple */
	}
	
small {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: white;						/* white */
	}

span.caps {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	}

strike {
	color: red;							/* red */
	}
/* End Various Tags & Classes*/