/*   
Theme Name: Pursuit of the Arts
Theme URI: www.pursuitofthearts.org
Description: Custom developed theme for Relentless Pursuit of the Arts
Author: Matthew Miller
Version: 1.0
*/

@import url('css/reset.css');
@import url('css/960.css');
@import url('css/text.css');

body {background:#000;}

/* HEADER */
#header-wrap {width:100%;height:120px;background:url('img/headerbg.gif') repeat-x;}
.header-inner {width:960px;height:120px;margin:0 auto;position:relative;}


/* SWITCHER */
#switcher {z-index:2000;}
#switcher-header {width:65px;padding:0 5px;width:55px !important;position:absolute;top:0px;right:0px;color:#999;cursor:pointer;z-index:2000;}
#switcher-header.hover {background:#FFF;color:#000;}
.switcher-arrow {padding:0 15px 0 0;background:url('img/switcher-arrow.png') no-repeat right center;}

ul.switcher {position:absolute;right:0px;top:20px;background:#FFF;border-top:0px;margin:0;padding:10px;display:none;z-index:1000;list-style:none;}
ul.switcher li {margin:0 0 5px;text-align:right;}
ul.switcher li a {color:#999;display:block;text-decoration:none;}
ul.switcher li a:hover {color:#000;}

/* NAVIGATION */
ul#nav {margin:0;padding:0;list-style:none;position:absolute;right:0;top:65px;}
ul#nav li {display:inline;margin:0 15px;padding:0;float:left;}
ul#nav li#gallery a {width:69px;height:11px;display:block;background:url('img/nav-gallery.png') no-repeat;text-indent:-999em;margin:0;padding:0;}
ul#nav li#gallery a:hover {background-position:0 -11px;}
ul#nav li#submit a {width:56px;height:11px;display:block;background:url('img/nav-submit.png') no-repeat;text-indent:-999em;margin:0;padding:0;}
ul#nav li#submit a:hover {background-position:0 -11px;}
ul#nav li#about a {width:54px;height:11px;display:block;background:url('img/nav-about.png') no-repeat;text-indent:-999em;margin:0;padding:0;}
ul#nav li#about a:hover {background-position:0 -11px;}
ul#nav li#contact a {width:75px;height:11px;display:block;background:url('img/nav-contact.png') no-repeat;text-indent:-999em;margin:0;padding:0;}
ul#nav li#contact a:hover {background-position:0 -11px;}
ul#nav li.active {}

/* CONTENT */
#content-wrap {width:100%;background:#fff;padding:20px 0;float:left;}
#content {width:960px;margin:0 auto;padding:10px 0;background:#FFF;border:1px solid #CCC;font-size:1.1em;color:#333;}
#content h1 {margin-top:5px;font-size:1.3em;}
#content h2 {font-size:.95em;text-transform:uppercase;}

#page-title {width:100%;float:left;background:#f9f9f9;border-bottom:1px solid #ccc;margin-bottom:10px;margin-top:-10px;position:relative;}
#page-title form {position:absolute;top:8px; right:10px;}

#page-title h1 {font-size:20px;margin:0;padding:10px 0 10px 10px;font-weight:normal;text-transform:uppercase;}

.post {padding:10px;}

.page {padding:10px;}
.page h2 {width:140px;float:left;margin:5px 10px 0 0;padding:0;text-align:right;clear:right;}
.page p {display:block;width:730px;padding-right:10px;float:right;}
.page p img.header {margin-left:-190px;float:left;}

.post a:hover, .sidebar a:hover {background:#000;color:#fff;}
.sidebar {padding:10px;}

/* PANO */
#pano {width:940px;height:261px;margin:0 10px;position:relative;z-index:0;background:url('img/iphone-photo-contest-POTABANNER.jpg')!important;}
#pano p {color:#000;width:420px;float:right;margin:50px 30px 0 0;font-size:.95em;display:none;}
#pano a {width:157px;height:39px;display:block;background:url('img/button-current.png') no-repeat;background-position:0 0;text-indent:-999em;position:absolute;bottom:20px;right:20px;}
#pano a:hover {background-position:0 -39px;}
#pano a:active {background-position:0 -78px;}

/* GALLERY */
.gallery {padding:10px;}
.gallery ul {margin:0;padding:0;list-style:none;}
.gallery ul li {margin:5px;padding:0;float:left;display:inline;}
.gallery ul li a {background:#ccc;float:left;}
.gallery ul li a:hover {background:#000;}
.gallery ul li a img {padding:5px;}

div.wp-pagenavi {width:100%;float:left;padding:10px 0;font-size:.8em;}
span.pages {margin-right:10px;}
span.pages a:hover {color:#000;text-decoration:none;}
span.pages a.current {color:#000;font-size:1em;text-decoration:none;}

/* FORMS */
input.input {width:380px;padding:4px;font-size:1.1em;background:#f1f1f1;border:1px solid #ccc;}
input.upload {padding:4px;font-size:.8em;background:#f1f1f1;border-top:#ccc;border-left:#ccc;}
textarea.message {width:420px;padding:4px;font-size:1.1em;background:#f1f1f1;border:1px solid #ccc;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
input.input:focus, textarea.message:focus {border-color:#000;}

/* comments */
#comments {width:400px;margin:0 auto;font-size:.9em;}
#comments h1 {font-size:2em;margin-bottom:20px;}

#commentsform {width:400px;}
#commentsform input.input {width:200px;width:190px !important;padding:4px;font-size:.9em;background:#f1f1f1;border:1px solid #ccc;}
#commentsform textarea.message {width:400px;width:390px !important;padding:4px;font-size:.9em;background:#f1f1f1;border:1px solid #ccc;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#commentsform input.input:focus, #commentsform textarea.message:focus {border-color:#000;}

ul#commentlist {margin:0;padding:0;}
ul#commentlist li {width:400px;margin:0 0 10px;padding:0;border-bottom:1px solid #CCC;list-style:none;float:left;}
ul#commentlist li p {margin:0 0 5px;padding:0;}
div.avatar {float:left;margin:0 10px 10px 0;width:50px;}
div.singlecomment {float:left;width:320px;}

span.wpcf7-not-valid-tip-no-ajax {font-size:.9em;color:#cc0000;margin-left:20px;}

div.wpcf7-response-output {display:block;clear:both;margin-left:200px;margin-top:20px;}
.wpcf7-mail-sent-ok {color:#5dab48;}

/* FOOTER */
#footer-wrap {width:100%;background:#fff url('img/footerbg.gif') repeat-x;float:left;margin-bottom:20px;}
#footer {width:960px;margin:0 auto;padding:20px 0;color:#999;}
#footer h1 {color:#fff;font-size:1.5em;}
#footer ul {margin:0;padding:0;list-style:none;}
#footer ul li {margin:0 0 5px;padding:0;}

#iewrapper {display:none}