@import "reset.css";

/* colors
red: #e10000
-----
-------------*/


/* layout
----------------
-------------------------------*/

body {font-family:Georgia, Times, 'Times New Roman', serif; background:url(../images/stage-lights-1025.jpg) 50% 0 #fff no-repeat; font-size:62.5%;
}

.container {width:100%; position:relative;
}

.masthead {padding:60px 0 0; z-index:98;
}

.masthead-inner {border:solid 1px #e10000; border-width:4px 0 2px; background-color:#fff; width:920px; margin:0 auto; height:130px;
}

.branding {text-indent:-9999px; font-size:1px; line-height:1px; width:200px; height:100px; background:url(../images/artny-logo-200x100.gif) 0 0 #fff no-repeat; margin:20px 0 0 10px; float:left;
}

.content {width:920px; margin:10px auto; background:url(../images/dot-divider.gif) 0 0 #fff repeat-y; padding:0 0 30px;
}

.sidebar {float:left; width:220px; padding:0 12px 20px 0; display:inline;
}

.main-content {float:right; width:560px; padding:0 12px 0 115px; display:inline; position:relative; min-height:400px;
}

.footer {clear:both; border-top:solid 2px #e10000; width:685px; margin:0 auto; padding:10px 10px 10px 235px; position:relative;
}

img.running-float-left {float:left; display:inline; margin:5px 20px 5px -100px; clear:both;
}

.thumbnails img {float:left; margin:0 15px 15px 0;
}

.image-caption {float:left; display:inline; margin:5px 20px 5px -100px; clear:both; width:250px;
}




.search-module, .email-form {background:url(../images/grey-dot-divider.gif) left bottom #fff repeat-x; padding:0 0 15px; margin:0 0 30px;
}





/* home/members slideshow
----------------
-------------------------------*/

#slideshow {width:560px; height:400px; position:relative; top:0; left:0; z-index:1;
}

#slideshow img {position:absolute; top:0; left:0; z-index:8; background-color:#fff;
}

#slideshow img.active {z-index:10;
}

#slideshow img.last-active {z-index:9;
}





/* main nav
----------------
-------------------------------*/

ul#main-nav {font:bold 10px/17px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; z-index:97;
}

ul#main-nav li {float:left; margin:0 16px 0 0;
}

ul#main-nav li#contact {margin:0;
}

ul#main-nav li a, ul#main-nav li a:visited {text-decoration:none; color:#e10000; padding:12px 4px 3px; display:block; border:none;
}

ul#main-nav li a:hover, ul#main-nav li a:focus, ul#main-nav li a.on {color:#fff !important; background-color:#e10000;
}

ul#main-nav li ul.sub-nav {display:none; padding:0; margin:0; z-index:98; border:solid 1px #e10000; border-width:0 1px; border-top:dotted 1px #e10000; position:absolute;
}

ul#main-nav li ul.sub-nav li {display:block; float:none; padding:0; margin:0; font-size:10px; line-height:1; text-transform:uppercase; font-weight:bold; background-color:#fff; z-index:99;
}

ul#main-nav li ul.sub-nav li a, ul#main-nav li ul.sub-nav li a:visited {color:#e10000; display:block; border-bottom:dotted 1px #e10000; padding:0 10px 0 7px; margin:0; background-color:#fff; width:200px; height:25px; line-height:25px;
}

ul#main-nav li ul.sub-nav li a:hover, ul#main-nav li ul.sub-nav li a:focus {border-bottom:solid 1px #e10000; color:#999 !important;  background-color:#fff;
}

/* -- logo link to homepage -- */

a.logo-link, a.logo-link:visited, a.logo-link:hover, a.logo-link:focus {width:200px; height:100px; border:none; display:block; margin:20px 20px 0 -200px; background:url(../images/blank.gif) 0 0 repeat; float:left;
}


/* -- side nav -- */

ul.side-nav {font-size:1.3em;
}

ul.side-nav ul {margin:0 0 20px;
}

ul.side-nav li a, ul.side-nav li a:visited {background:url(../images/grey-dot-divider.gif) left bottom #fff repeat-x; border:none; color:#666; display:block; padding:0 0 10px; margin:10px 0 0;
}

ul.side-nav ul li a, ul.side-nav ul li a:visited {background:none; color:#666; display:block; padding:0 0 0 10px; margin:7px 0;
}

ul.side-nav li a:hover, ul.side-nav li a:focus, ul.side-nav li a.on {border:solid 1px #000 !important; color:#000 !important; background-image:none; border-width:0 0 1px 0 !important; padding:0 0 9px !important;
}

ul.side-nav ul li a:hover, ul.side-nav ul li a:focus, ul.side-nav ul li a.on {border:none !important; color:#000 !important; background-image:none; padding:0 0 0 10px !important; margin:7px 0;
}

ul.side-nav ul li a.on {text-decoration:underline; padding:0 0 0 10px;
}







/* typography
----------------
-------------------------------*/

p {font-size:1.3em; line-height:1.3;
}

.masthead-inner h2 /* sifr-replaced */ {font-size:3.2em; color:#e10000; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:95px 0 0 345px; font-weight:normal; z-index:1;
}

.main-content h2 {font-size:2.5em; color:#e10000; font-weight:normal; margin:25px 0 10px; line-height:1.3;
}

.main-content h3 {font-size:1.9em; color:#e10000; font-weight:normal; margin:20px 0 8px; clear:both;
}

.main-content ul h3 {font-size:1.3em;
}

.main-content h3.divider {margin-top:35px; padding-top:10px; border-top:solid 1px #000; color:#000;
}

.main-content h4 {font-size:1.4em; color:#000; font-weight:normal; margin:20px 0 5px; clear:both; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif
}

.sidebar h3 /* sifr-replaced */ {font-size:1.3em; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:25px 0 8px; font-weight:normal;
}

.sidebar h3.red {color:#e10000;
}

.home .main-content p {font-size:1.5em; line-height:1.5;
}

.main-content p {line-height:1.4; margin:0 0 10px;
}

.sidebar h4 {font-size:1.3em; margin:8px 0 5px; font-weight:normal;
}

.footer p {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;
}

blockquote {width:250px; float:left; margin:10px 20px 10px -100px; display:inline; clear:both;
}

blockquote p {font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.6; color:#e10000; margin:0 !important;
}

p.back-to-top {position:absolute; right:10px; bottom:6em; font-size:1em; text-transform:uppercase;
}

p.back-to-top-inline {font-size:10px; text-transform:uppercase; margin:0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

p.read-more, .home p.read-more {margin:-5px 0 10px; text-transform:uppercase; font-size:1.3em;
}

.image-caption p {color:#e10000; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; margin:5px 15px 0 0;
}

p.not-a-member {font-size:1.1em; margin:12px 0 6px; color:#666;
}

p.post-meta {color:#888; margin:0 0 5px; font-weight:bold; font-size:1.1em;
}

.pagination {border:solid 1px #bbb; border-width:1px 0; padding:4px 0 5px; font-size:1.1em; margin:20px 0; line-height:1.5;
}
	.pagination a, .pagination a:visited {padding:3px 5px 4px; color:#fff; background-color:#bbb; border:none; font-weight:bold;}
	.pagination a:hover, .pagination a:focus {color:#e10000; background-color:#fff;}


/* events table
----------------
-------------------------------*/

.main-content th {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:5px; border-bottom:solid 1px #999;
}

.main-content th p {color:#666; text-transform:uppercase; font-weight:normal;
}

.main-content td {text-align:left; padding:5px; border-bottom:solid 1px #999;
}

.main-content td.bg {background-color:#e4e4e4;
}

.main-content table p {margin:0;
}





/* lists
----------------
-------------------------------*/

.main-content ul {font-size:1.3em; line-height:1.2; list-style-image:url(../images/bullet.gif); margin:10px 0 25px;
}

.main-content ul.no-bullet {list-style:none; list-style-image:none; margin:10px 0 25px;
}

.main-content ul li {margin:8px 0;
}

.main-content ul.no-bullet li {margin:5px 0;
}

.main-content ol {font-size:1.3em; list-style:decimal; line-height:1.2; margin:10px 0;
}

.main-content ol li {margin:8px 0 8px 18px;
}

.main-content ul li ol, .main-content ol li ol, .main-content ul li ul, .main-content ol li ul {list-style:decimal; font-size:1em; margin:10px 0 20px; font-weight:bold; list-style-image:none;
}

.main-content ul li ol li, .main-content ol li ol li, .main-content ul li ul li, .main-content ol li ul li {margin:3px 0 3px 18px; font-weight:normal;
}

.main-content ul li p, .main-content ol li p, .main-content ul li p, .main-content ol li p {font-size:1em; line-height:1.2; margin:8px 0;
}

ul.link-list li p.link-desc {font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; margin:5px 0 0;
}

ul.link-list li {margin:10px 0;
}





/* forms
----------------
-------------------------------*/

form input, form#search-form input, form#register-form input {margin:0 0 5px; padding:1px 2px;
}

.sidebar form input.submit, form#register-form input.submit {display:block; 
}

.sidebar form button.submit, .search-results form button.submit {background:#fff url(../images/search_icon.png) 95% 50% no-repeat; width:68px; height:22px; border:solid 1px #999; cursor:pointer; text-align:left; padding:0 0 0 3px; margin:0 0 0 5px; font-size:10px; text-transform:uppercase; color:#666;
}

.sidebar form button.go {background:#fff url(../images/arrow-right.png) 88% 50% no-repeat; width:45px; height:22px; border:solid 1px #999; cursor:pointer; text-align:left; padding:0 0 0 3px; margin:0 0 0 5px; font-size:10px; text-transform:uppercase; color:#666;
}

input#keywords, input#email-input {float:left; font-size:11px;
}

p.search-box {font-size:11px;
}

p.search-box a, p.search-box a:visited {color:#666; border-color:#666;
}

p.search-box a:hover, p.search-box a:focus {color:#000; border-width:0;
}

input {font-family:tahoma, arial, sans-serif;
}





/* events calendar
----------------
-------------------------------*/

.calendar .main-content {width:670px; padding:0 0 0 15px;
}

.calendar-table h2 {text-align:center;
}

.calendar-table .day-headers td {background-color:#eee;
}

.calendar-table .prev {font-size:1.2em;
}
	.calendar-table .next {text-align:right; font-size:1.2em;}

.calendar .entry {margin:3px 0 0;
}

.calendar-table .entry a, .calendar-table .entry a:visited {display:block; background-color:#e10000; padding:5px 5px 10px; color:#fff; text-decoration:none; border-width:0; font-size:1.1em; line-height:1.4;
}
	.calendar-table .entry a:hover, .calendar-table .entry a:focus {background-color:#fff; color:#e10000; text-decoration:none; border-width:0;}
	
.calendar-table .day {font-size:18px; font-weight:bold;
}

.calendar-table p.list-view, .calendar-list p.list-view {margin:15px 0;
}

.calendar-list .event-2 td {background-color:#eee;
}

h3.calendar-type {margin-top:0; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;
}





/* search results
----------------
-------------------------------*/

.search .content {background-image:none;
}

.search-results table td {border-bottom:solid 1px #ccc;
}

.search-results table td.result_row_two {background-color:#eee;
}

.search-results table td p {padding:10px;
}

.search-results table th {text-align:left; text-transform:uppercase; font-weight:normal; font-family:verdana, tahoma, sans-serif; border-bottom:solid 1px #000; margin:20px 0 0;
}

.search-results table th p {padding:5px 10px; 
}

.search-results p.search-meta {border:solid 1px #ccc; border-width:1px 0; padding:10px; margin:20px 0; background-color:#eee;
}

.search-results form {margin:0 0 20px; clear:both;
}

.search-results form fieldset {margin:10px 0;
}

.search-results form fieldset select#weblog_id {padding:5px; width:350px; background-color:#eee;
}

.search-results form fieldset select#search-in, .search-results form fieldset select#match {margin:0 10px 0 0; border:solid 1px #999; background-color:#eee; padding:3px;
}

.search-results form fieldset select#search-in option, .search-results form fieldset select#match option {padding:0 5px 0 0;
}

.search-results p.pagination {color:#999; margin-top:20px; padding-top:8px; border-top:solid 1px #ccc;
}

.search-results p.pagination a, .search-results p.pagination a:visited {padding:2px 5px; border:none; background-color:#e10000; color:#fff;
}

.search-results p.pagination a:hover, .search-results p.pagination a:focus {color:#e10000; background-color:#fff;
}

.search-results span.hidden {display:none;
}

.search-results .advanced-noresults {margin:0 0 100px 345px;
}

.search-results #advanced {margin:0 0 0 345px;
}





/* general
----------------
-------------------------------*/

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.example {color: #666; 
}

.red {color:#e10000 !important;
}

strong {font-weight:bold;
}

em {font-style:italic; clear:none;
}

.main-content .mute {color:#666 !important;
}

.clear {clear:both;
}

.mute {color:#999;
}





/* links
----------------
-------------------------------*/

a, a:visited {color:#e10000; text-decoration:none; border-bottom:solid 1px #e10000;
}

.back-to-top-inline a, .back-to-top-inline a:visited {color:#000; text-decoration:none; border-bottom:solid 1px #000; font-size:10px;
}

a:hover, a:focus {color:#666; border:none;
}

.back-to-top-inline a:hover, .back-to-top-inline a:focus {color:#666; border:none;
}

a.thickbox, a.image {border-width:0;
}

.sidebar ul li a {border:none;
}

a.image img {border:0;
}

a.arrow-btn {display:block; width:150px; height:30px; background:url(../images/arrow-btn.png) 0 0 no-repeat #fff; color:#730000; border:none; font-size:12px; font-weight:bold; position:relative; font-family:Verdana, Tahoma, Arial, sans-serif; text-transform:uppercase; margin:10px 0;
}
	a.arrow-btn span {position:relative; top:9px; left:10px;}
	a.arrow-btn:hover, a.arrow-btn:focus {color:#fff; background-position:0 -30px;}