/*
Theme Name: Rifco Arts (2010)
Theme URI: http://rifcoarts.com
Description:
Version: 1.0
Author: Scott Coello
Author URI: http://cribble.net
Tags: Rifco, Arts, cribble

960px wide = 12 col
10px left/right margin
20px gutter
1 col = 60px   |  2 col = 140px
3 col = 220px  |  4 col = 300px
5 col = 380px  |  6 col = 460px
7 col = 540px  |  8 col = 620px
9 col = 700px  |  10 col = 780px
11 col = 860px |  12 col = 940px

COLOUR:
Body #1f1026
L. Purp #8931b6
D. Purp #541e70

*/

/* TYPOGRAPHY */

/* serif */
tr th p,
#sidebar h3,
#subnav,
#footer .navigation,
#featured a,
h1, h2,
#head li 
{font-family: Garamond, Times, "Times New Roman", serif; font-size: 125%; letter-spacing: 0.04em;}

/* sans serif */
textarea, input,
.navicons div,
h3, h4,
body 
{font-family: Verdana, Arial, Helvetica, sans-serif;}

body {font-size: 14px; line-height: 180%;}

/* HTML TAGS */

html {
	background: url('../images/bg.jpg') repeat 0 0;
}
body {
	background: url('../images/head_shadow.png') repeat-x 0 0;
	color: #1f1026;
}

h1 {font-size: 3em; color: #8931b6;}
h2 {font-size: 1.7em; color: #541e70;}

p {margin: 0 0 15px 0;}

.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	clear: both;
	position: relative;
	z-index: 0;

}

a {color: #541e70;}
a:hover {color: #7d5300;}
a:visited {color: #330;}

input {
	border: 0 none;
	font-size: 1.1em;
	display: block;	
}


/* Buttons */

td a,
.buttons {
	background: url('../images/button_bg.jpg') repeat-x 0 0;
	display: block;
	height: 28px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

input.buttons {
	cursor: pointer; cursor: hand;
	color: #fff;
	width: 280px;
	height: 31px;
}
td a,
a.buttons {
	text-align: center;
	color: #fff;
	padding: 3px 0 0;
}
td a:hover,
input:hover.buttons,
a:hover.buttons  {
	cursor: pointer; cursor: hand;
	color: #541e70;
	background-position: 0 -31px;
}


/* input fields */

#sidebar input[type="text"] {
	width: 270px;
	margin: 0 0 20px;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Tables */

table {z-index: 200; width: 600px;}

table .small {color: #999;}

th {
	height: 33px;
	padding: 10px 10px 0;
	margin: 0;
	color: #fff;
	background: url('../images/table_head.jpg') repeat-x 0 0 #403a47;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
}

tr {
	width: 600px;
	padding: 0;
	margin: 0;
}

td {
	padding: 20px 10px 0;
	border-bottom: #999 solid 1px;
}



.odd td {background: #fffdee;}
.even td {background: #f0dafb;}


/* HEAD */

#head {
	height: 98px;
	width: 100%;
	background: url('../images/head_bg.jpg') repeat-x 0 0 #551e71;
}

#head ul.navigation {margin: 0 0 0 20px; font-weight: bold;}
#head .navigation li {
	float: left;
	font-size: 1.6em;
	height: 98px;
	background: url('../images/head_divider.png') no-repeat top right;
}
#head li.last {background: none;}
#head .navigation a {
	padding: 40px 10px 30px 40px;
	margin: 0 1px 0 0;
	color: #fff;
	display: block;
}

#head .navigation a:hover {background: url('../images/head_navhover.jpg') repeat-x 0 0 #541e70;}

#head .wrapper {
	background: none;
	text-align: left;
	z-index: 200;
}

#head .rifcologo {float: left;}

.navicons {float: right; margin:42px 20px 0 0; font-size: 0.8em;}
.navicons a{color: #531e6f;}
.navicons li {float: left; 	position: relative;}
.navicons h2 {text-indent: -9999px;}
.phoneus h2 a {
	background: url('../images/head_icons.gif') no-repeat 0 0;
	width: 16px;
	height: 18px;
	display: block;
	margin: 0 20px 0 0;
}
.emailus h2 a {
	background: url('../images/head_icons.gif') no-repeat -30px 0;
	width: 22px;
	height: 18px;
	display: block;
}

.navicons div {
	display: none;
	position: absolute;
	background: url('../images/head_icons_tri.png') no-repeat 80% 1px;
	padding: 20px 0 0;
	color: #531e6f;
}

.phoneus div {
	top: 20px;
	right: -22px;
	width: 210px;
}

.emailus div {
	top: 20px;
	right: -45px;
	width: 250px;

}

.navicons li:hover div,
.navicons li a:hover div {display: block;}

.navicons div p {
	text-align: center;
	background: #fecc00;
	margin: 0;
	padding: 3px 0;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}


/* CONTENT */

#content {
	float: left;
	text-align: left;
	margin: 0 20px 0 0;
}

#content a {text-decoration: underline;}
#content h2 a {text-decoration: none;}
#content h1 {margin-bottom: 14px; line-height: 100%;}
#content h1 a {text-decoration: none;}


.homepage {width: 620px;}
.page {
	width: 600px;
	padding: 20px 10px 0;
	overflow: hidden;
}
.page p {clear: both;}

.listing {
	width: 600px;
	padding: 10px 10px 0;
}

.showthumb {
	float: left;
	margin: 0 20px 0 0;
}
.showlist {clear: both; margin: 20px 0 60px;}
.contentheadimage {
	height: 320px;
	overflow: hidden;
}
.more-link {margin: 0 0 40px;}
.showlink {display: block;}

#subnav {margin: 0 0 50px 0;}
#subnav li {
	float: left;
	background: #8931b6;
	border: 1px solid #fff;
	border-top: 0 none;
	font-size: 1.67em;
	border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;
	-moz-border-radius-bottomleft: 16px; -moz-border-radius-bottomright: 16px;
	-webkit-border-bottom-left-radius: 16px; -webkit-border-bottom-right-radius: 16px;
}

#subnav li a {
	padding: 10px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	background: none;
}

#subnav li.on {
	background: #fff;
	border: 1px solid #8931b6;
	border-top: 0 none;
	color: #8931b6; 
}

#subnav li.on a {
	color: #8931b6;
}

.showdescription, .showmedia, .showtickets {margin: 0 0 40px 0;}

/* Homepage: Featured slider */

#featured {margin: 10px;}
#featuredvideo {
	margin: 10px;
	width: 620px;
	height: 345px;
}
#video {
	margin: 30px 0 80px 10px;
}

#video object, #video embed {
	width: 620px;
}

#featured div {
	height: 330px;
	overflow: hidden;
}

#featured li {
	width: 620px;
	height: 345px;
	overflow: hidden;
}

#featured p {
	background: #211b25 url('../images/slider_bg.jpg') repeat-x top center;
	text-align: right;
	width: 600px;
	margin: 0 0 0;
	padding: 20px 10px;
	-moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px; border-radius-bottomright: 20px;
}

#featured p a {
	color: #fff;
	font-size: 1.8em;
	padding: 0 50px 0 0;
	height: 29px;
	background: url('../images/slider_arrow.gif') no-repeat right 0;
	text-decoration: none;
}

#featured p a:hover {
	background: url('../images/slider_arrow.gif') no-repeat right 100%;
}

#prevBtn, #nextBtn{ 
		display:none;
}
/* Homepage: News */

h1.latestnews {
	text-indent: -9999px;
	background: url('../images/latest_news_circle.png') no-repeat top left;
	width: 481px; height: 236px;
	position: absolute;
	top: 300px;
	right: 490px;
	z-index: -9;
}

.news {
	clear: both;
	width: 610px;
	margin: 97px 0 0;
	padding: 0 10px;
	background: #fff;
	z-index: 200;
}

.news a {display: block;}

.news h2 {padding: 10px 0 0;}

.date {color: #541e70;}

/* COMMENT FORM */

#respond input, #respond textarea {
	background: #fff url('../images/comment_bg.gif') repeat-x left bottom;
	border: 1px #4a0262 solid;
	padding: 5px 3px;
}

#respond input[type="hidden"] {
	display: none;
}

#respond input.buttons {
	background: url('../images/button_bg.jpg') repeat-x 0 0;
	display: block;
	height: 28px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

#respond input:hover.buttons  {
	cursor: pointer; cursor: hand;
	color: #541e70;
	background-position: 0 -31px;
}

#respond p {clear: left;}

.avatar {
	float: left;
	margin: 0 10px 14px 0;
	clear: both;
}


/* SIDEBAR */

#sidebar {
	width: 280px;
	background: #ededed;
	float: left;
	margin: 10px 10px 60px;
	padding: 20px 10px;
	text-align: left;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

#sidebar li {
	padding: 0 0 30px;
	margin: 0 0 20px;
	border-bottom: 0.2em dashed #c0b0c8;
}
#sidebar li.last {border: 0 none;}

#sidebar h1,
#sidebar h2 {font-size: 1.7em; font-weight: normal; margin-bottom: 14px; color: #8931b6;}

#sidebar h1 span {
	display: block;
	font-size: 2.5em;
	line-height: 75%;
	margin-bottom: 12px;
}
#sidebar h2 span {
	display: block;
	font-size: 2.1em;
	line-height: 75%;
	margin-bottom: 22px;
}

#sidebar h2.friendsfamily {font-size: 2.6em;}

#sidebar li ul li {
	border: 0 none;
	margin: 0;
	padding: 0;
}

#sidebar .showthumb {
	height: 60px;
	width: 60px;
	margin: 0 10px 0 0;;
	padding: 0;
}

#sidebar h3 {color: #8931b6;}

#sidebar .recentshows{
	line-height: 150%;
	margin: 0 0 10px 0;
}

/* CONTACT FORM */

#wpcf7-f1-p14-o1 input, #wpcf7-f1-p14-o1 textarea {
	background: #fff url('../images/comment_bg.gif') repeat-x left bottom;
	border: 1px #4a0262 solid;
	padding: 5px 3px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 460px;
}
#wpcf7-f1-p14-o1 input[type="hidden"] {
	display: none;
}

#wpcf7-f1-p14-o1 input.buttons {
	background: url('../images/button_bg.jpg') repeat-x 0 0;
	display: block;
	height: 28px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

#wpcf7-f1-p14-o1 input:hover.buttons  {
	cursor: pointer; cursor: hand;
	color: #541e70;
	background-position: 0 -31px;
}
#wpcf7-f1-p14-o1 input.mathquiz  {width: 40px;}
#wpcf7-f1-p14-o1 span.wpcf7-quiz-label  {float: left}



/* FOOTER */

#footer {
	margin: 60px 0 0 0;
	clear: both;
	text-align: left;
	padding: 20px 0 0;
	background: url('../images/footer_bordertop.jpg') no-repeat center top;
	height: 400px;
}

#footer h2 {margin: 0 0 14px;}

#footer ul {
	margin: 0 0 0 10px;
}

#footer ul li {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
	background: url('../images/footer_divider.jpg') no-repeat right top;
	height: 300px;
}
#footer ul li ul {margin: 0;}
#footer ul li ul li {
	background: none;
	padding: 0;
}
#footer ul li.last {background: none; margin: 0; padding: 0 10px; width: 290px;}

#footer ul li ul li.last {
	padding: 0 0 40px;
	background: url('../images/footer_menuend.gif') no-repeat left bottom;
}

#footer .navigation {
	font-size: 1.6em;
	font-weight: bold;
}
#footer .navigation li {margin: 0 0 10px; height: 26px;}

#footer .contact li {
	background: url('../images/footer_contacticons.gif') no-repeat;
	height: 22px;
	margin: 0 0 14px;
	padding: 0 0 0 30px;
}

#footer li.phone {background-position: 0 4px;}
#footer li.email {background-position: 0 -21px;}
#footer li.address {background-position: 0 -46px;}

#footer ul.social li {
	float: left;
	width: 42px;
	height: 50px;
	margin: 0 30px 0 0; 
	padding: 0 0 20px 0;
}