/*
Theme Name: Conejo Arts
Theme URI: http://www.conejoarts.org/
Description: The default Conejo Arts theme.
Version: 1.0
Author: Justin Barkhuff
Author URI: http://www.justinbarkhuff.com/
*/

* { margin:0; padding:0; }

body { margin:0; padding:0; background:#000 url("images/bg.jpg"); }

body,
input,
select,
option,
textarea { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1F1F1F; }

textarea#comment { width:80%; }

textarea.eventSummary { width:400px; height:100px; }

textarea.userDescription,
textarea.eventDescription { width:400px; height:300px; }

fieldset { margin:0 0 10px 0; padding:0; border:none; }
legend { color:#000; font-weight:bold; font-size:18px; padding:5px; }

label.error { color:#900; font-weight:bold; font-style:italic; }

p,
li,
dt,
dd { line-height:24px; }

dt { font-weight:bold; }
dd { padding-left:20px; }

p { margin:0 0 10px 0; }

ol,
ul { margin:0 0 10px 20px; padding:0; }
li { margin:0; padding:0; }

img { border:0; }

a { color:#005584; text-decoration:none; }
a:hover { text-decoration:underline; }

hr { margin:0 0 10px 0; padding:0; height:2px; border:none; background:#B48294; color:#B48294; width:100%; }

h2 { margin:0 0 5px 0; padding:0; font-size:26px; line-height:44px; font-weight:normal; background:url("images/dottedBg.gif") left bottom repeat-x; }
h3 { margin:0 0 5px 0; padding:0; font-size:20px; line-height:34px; font-weight:normal; background:url("images/dottedBg.gif") left bottom repeat-x; }
h4 { margin:0 0 5px 0; padding:0; font-size:16px; line-height:26px; font-weight:normal; }

#wrapper { margin:0 auto; padding:0; width:1000px; }

#header { margin:0; padding:0; height:134px; background:url("images/header.jpg") no-repeat; }
#header h1 { margin:0; padding:0; }
#header h1 a { display:block; margin:0; padding:0; height:134px; text-indent:-2000px; overflow:hidden; }
#header p { display:none; }

#nav { position:relative; margin:0; padding:0; height:36px; width:100%; background:url("images/navBg.gif") repeat-x; }
#nav ul { margin:0 0 0 15px; padding:0; list-style:none; }
#nav li { position:relative; margin:0; padding:0 2px 0 0; float:left; background:url("images/navLiBg.gif") center right no-repeat; }
#nav li.login { background-image:none; }
body.home #nav li.home a,
body.events #nav li.events a,
body.directory #nav li.directory a,
body.news #nav li.news a,
body.about #nav li.about a,
body.account #nav li.account a,
body.login #nav li.login a { background:#F7EBCE; color:#1F1F1F; }
#nav li a { display:block; float:left; margin:0; padding:0 15px; height:36px; line-height:36px; color:#F7EBCE; text-transform:uppercase; text-decoration:none; }
#nav form { position:absolute; margin:0; padding:0; top:6px; right:30px; }
#nav form input { position:absolute; top:0; right:0; margin:0; padding:0; }
#nav form input.s { background:#ECD1E5; right:64px; border:none; width:154px; height:23px; line-height:23px; }

#nav li ul { display:none; z-index:2000; }
#nav li.hover ul { display:block; position:absolute; left:-15px; top:36px; background:#4A2545; }
#nav li.hover ul li { float:none; width:165px; background:none; }
#nav li.hover ul li a { float:none; background:#4A2545 !important; color:#F7EBCE !important; }

#content { margin:0; padding:0; background:#F7EBCE url("images/dottedBg.gif") 665px 0 repeat-y; border-top:15px solid #F7EBCE;  border-bottom:15px solid #F7EBCE; clear:both; }
body.home #content { border-top:none; }

#featured { position:relative; margin:0; padding:0; height:345px; }
#featured .photo { position:absolute; margin:0; padding:0; width:289px; height:289px; left:30px; top:20px; overflow:hidden; text-align:center; }
#featured .summary { position:absolute; margin:0; padding:0; width:289px; height:251px; left:340px; top:58px; }
#featured .details { position:absolute; margin:0; padding:0; width:289px; height:251px; left:668px; top:58px; }
#featured .details dl { margin:0; padding:0; }
#featured .details dt { float:left; margin:0; padding:0; font-weight:bold; text-transform:uppercase; }
#featured .details dd { display:block; margin:0 0 0 95px; padding:0; }
#featured .details h4 { display:none; }

.jcarousel-container { position:relative; width:100%; height:100%; margin:0; padding:0; }
.jcarousel-clip { z-index: 2; width:100%; height:100%; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-item { position:relative; float:left; list-style: none; width:1000px; height:345px; margin:0; padding:0; background:url("images/featuredBg.jpg") no-repeat; }

.jcarousel-next,
.jcarousel-prev { z-index: 3; display: none; position: absolute; top:140px; left:-37px; width: 22px; height: 39px; cursor: pointer; background:transparent url("images/featuresNavBg.gif") no-repeat 0 0; }
.jcarousel-next { left:auto; right:-37px; background-position:-22px 0; }

.jcarousel-next-disabled,
.jcarousel-prev-disabled { cursor:default; background-position:0 39px; }

#main { float:left; margin:0 0 0 30px; padding:0; width:595px; }

#sidebar { margin:0 30px 0 720px; padding:0; }
#sidebar p.follow { position:relative; margin:0; padding:0; height:61px; background:url("images/followBg.gif") top right no-repeat; text-indent:-2000px; }
#sidebar p.follow a { display:block; position:absolute; width:45px; height:46px; top:0; text-indent:-2000px; overflow:hidden; }
#sidebar p.follow a.twitter { right:0; }
#sidebar p.follow a.fb { right:49px; }
#sidebar form.emaillist { margin:0 0 15px 0; padding:0; background:#ECDAC5; border:1px solid #B48294; color:#4A2545; }
#sidebar form.emaillist p { margin:0; padding:0 10px; font-weight:bold; border-bottom:1px solid #B48294; }
#sidebar form.emaillist fieldset { margin:0; padding:10px; }

#footer { margin:0; padding:0 0 20px 0; background:url("images/footerBg.jpg") no-repeat; color:#FFF; }
#footer .quote { display:none; }
#footer .email { position:relative; margin:0; padding:0; height:136px; }
#footer .email a { display:block; position:absolute; top:25px; right:18px; height:76px; width:305px; overflow:hidden; text-indent:-2000px; }
#footer .copyright { text-align:center; padding:20px 0 0 0; }
#footer ul { margin:0 30px; padding:0; list-style:none; }
#footer li { margin:0; padding:0; float:left; width:156px; text-transform:uppercase; font-size:14px; }
#footer a { color:#FFF; text-decoration:none; }
#footer ul ul { margin:0; }
#footer li li { float:none; width:auto; text-transform:none; font-size:12px; }
#footer li li a { color:#AABEAA; }

div.posts div.post { margin:0; padding:25px 0; background:url("images/dottedBg.gif") left bottom repeat-x; }
body.home div.posts div.post { background:url("images/dottedBg.gif") left top repeat-x; }
div.post .title a { font-size:20px; line-height:30px; font-weight:normal; text-decoration:none; color:#1F1F1F; }
body.home div.post .title a { font-size:26px; line-height:40px; }
div.post .title a:hover { text-decoration:underline; }

div.events,
body.event #main div.event { width:385px; padding:0; background:none; }
div.event { margin:0; padding:15px 0; background:url("images/dottedBg.gif") left bottom repeat-x; }

h3.councilNews { margin:0; padding:0; height:35px; background:url("images/text/newsFromTheArtsCouncil.gif") center top no-repeat; text-indent:-2000px; }

.postedin { color:#878787; font-size:14px; }

.bannerads { margin:0; padding:0; }
.bannerad { display:block; margin:0 0 15px 0; padding:0; float:left; }
.bannerads br { display:none; }
.bannerads font { display:none; }
.bannerads.zone-6 img { width:75px; height:75px; }
.bannerads.zone-6 .bannerad { float:left; width:33%; }
.bannerads.zone-6 .bannerad.bannerad-row-1 { width:34%; text-align:center; }
.bannerads.zone-6 .bannerad.bannerad-row-2 { text-align:right; }

div.field { position:relative; margin:0; padding:10px 0; }
div.field + div.field { background:url("images/dottedBg.gif") top left repeat-x; }
div.field div.label { float:left; width:175px; margin:0; padding:3px 0 0 0; text-align:right; }
div.field div.input { margin:0 0 5px 185px; padding:0; }

p.filter a.active { text-decoration:none; font-weight:bold; }

.calendarNav { float:right; width:189px; margin:0 0 15px 0; }
.calendarNav .views { margin:0 0 15px 0; padding:0; list-style:none; background:#ECDAC5; border:1px solid #B48294; border-bottom:none; }
.calendarNav .views li { margin:0; padding:0; border-bottom:1px solid #B48294; }
.calendarNav .views li a { display:block; margin:0; padding:0 10px; line-height:30px; color:#4A2545; }
.calendarNav .views li a:hover { text-decoration:none; }
.calendarNav .views li.category a { text-transform:uppercase; font-weight:bold; }
.submitEvent { margin:0; padding:0; }
.submitEvent a { display:block; height:41px; background:url("images/submitEventBtn.jpg") no-repeat; text-indent:-2000px; overflow:hidden; text-decoration:none; }

div.error,
div.alert { margin:0 0 15px 0; padding:10px; border:1px solid #B48294; background:#ECDAC5; }

.toggle .active { font-weight:bold; }

table.events { background-color:#B48294; margin:0 0 15px 0; padding:0; font-size: 8pt; width:550px; text-align: left; }
table.events thead tr th, table.events tfoot tr th { background:#ECDAC5; font-size: 8pt; padding: 4px; color:#4A2545 }
table.events tbody td { padding: 4px; vertical-align: top; background:#F7EBCE; }

p.postmetadata { font-size:10px; padding:10px; background:#ECDAC5; }

.profilePhoto { float:right; margin:0 0 10px 10px; padding:0; }
.eventPhoto { float:right; margin:0 0 10px 10px; padding:0; }
.events .eventPhoto { float:left; margin:0 10px 10px 0; padding:0; }

ul.media { height:75px; margin:0; padding:0; list-style:none; }
ul.media li { float:left; height:75px; margin:0; padding:0; }
ul.media img { border:3px solid #F7EBCE; }
ul.media img.active { border-color:#B48294; }

ul.manageMedia { height:auto; }
ul.manageMedia li { height:auto; background:#ECDAC5; margin:0 10px 10px 0; border:1px solid #B48294; }
ul.manageMedia img { border:none; padding:0; margin:5px; }
ul.manageMedia p { display:block; text-align:center; margin:0; padding:0; }

.ui-tabs .ui-tabs-panel { padding: 10px; }

#tab-account dt { float:left; width:200px; margin:0; padding:0; text-align:right; font-weight:bold; }
#tab-account dd { margin:0 0 5px 210px; padding:0; }

.postnav { height:25px; }
.prevpost { float:left; }
.nextpost { float:right; }

.clear { display:block; clear:both; margin:0; padding:0; height:1px; width:100%; }