/*global*/
body {margin:0;padding:0;color:#7e7d7d;background:#211f1c url(/img/page_bg.gif) 50% 0 repeat-y;font-size:72%;font-family:"Lucida Grande",arial,sans-serif;text-align:center;}
a {text-decoration:none;color:#666;}
a img {border:none;}
a:hover {color:#8c8c8c;}
.c {clear:both;}
.db {display:block;clear:both;background:url(/img/dot_bar.gif) 50% 50% no-repeat;height:1px;border:none;width:100%;padding:0;margin:0;}
.db hr {display:none;}
.ir, .ir span {display:block;width:0;height:0;overflow:hidden;font-size:1px;}
.error {color: #cf4c4c;}
span.hidden {display:none;}



/*layout*/
#wrap {width:972px; padding-bottom:100px; text-align:left; margin:25px auto;}
p#footer {background:url('/img/small_camera.gif') 0 45% no-repeat;color:#535353;margin:13px 0 0 29px;padding:15px 0 15px 28px;font-size:0.95em;}



/*topbar*/
#topbar h1 {width:260px;height:29px;margin:0 0 25px 29px;}
#topbar h1 a {display:block;width:260px; height:29px;margin:0;padding:0;background:url(/img/chris_wilson_photography.gif) 0 0 no-repeat;}
#portfolio #topbar h1 {width:210px;height:24px;margin:0 0 5px 711px;padding:0;}
#portfolio #topbar h1 a {display:block;width:210px;margin:0;padding:0;;background:url(/img/cwp_logo_small.gif) 100% 0 no-repeat;}
#topbar ul {background:url(/img/divider.gif) 121px 50% no-repeat;list-style-type:none;float:left;font-size:0.9em; font-weight:normal;padding:7px 0 7px 29px;margin:0;}
#topbar ul li {float:left;width:100px;}
#topbar ul li a {color:#636363; white-space:nowrap;}
#topbar ul li a:hover {color:#ffffff;}
#topbar ul li#n_portfolio {background:url(/img/portfolio.gif) 0 0 no-repeat;padding-left:17px;width:373px;}
#topbar ul li#n_about {width:150px;}
#topbar ul li#n_login {width:70px;}
#topbar #exit {float:left;margin:0;padding:5px 0 0 60px;width:300px;font-weight:normal;font-size:0.92em;}
#topbar #exit a {color:#636363;}
#topbar #exit a:hover {color:#fff;}

#login_box {float:right;width:300px;background:#333333;left:60%;position:absolute;margin-top:-1px;filter:alpha(opacity=98);-moz-opacity:0.98;opacity: 0.98;filter:alpha(opacity=98);}
#login_box h3 {padding-left:10px;color:#fab316;}
#login_box p {padding-left:10px;}
#login_box form {padding-left:10px;padding-bottom:10px;}

#home #n_home a,
#events #n_events a,
#personal #n_personal a,
#portfolio #n_portfolio a,
#about #n_about a,
#login #n_login a {color:#ffffff;}



/*home*/
#home_info {margin:19px 29px 25px 29px;}
#home_about h2 {color:#ffffff;font-weight:normal;font-size:1.8em;margin:0;padding:0;}
#home_about h2 a {color:#ffffff;}
#home_about h2 a:hover, #home_info h2 a:active {color:#7e7d7d;}
#home_about p {color:#fab316;line-height:1.9em;width:460px;margin:15px 0 0 0;padding:0;}
#home_about {background-color:#070606;width:609px;padding:32px 31px;float:left;}
#home_blog {width:210px;margin-left:690px;}
#home_blog h2 {color:#b4b4b4;font-size:1.2em;font-weight:normal;margin:0 0 4px 0;padding:0;}
#home_blog h2 a {color:#b4b4b4;}
#home_blog h2 a:hover, #home_blog h2 a:active {color:#ffffff;}
#home_blog p {color:#b4b4b4;font-size:0.95em;margin:0;padding:0;}
#home_blog p a#feed {background:url(/img/feed_button.gif) 0 1px no-repeat;padding-left:16px;color:#b4b4b4;}
#home_blog p a#feed:hover {color:#ffffff;}
#home_blog .blog_db {display:block;background:url(/img/home_right_bar.gif) 50% 50% no-repeat;height:3px;border:none;margin:7px 0;}
#home_blog .blog_db hr {display:none;}
#home_blog form {margin:7px 0 7px 0;padding:0;}
#mail_list_field {font-size:0.70em;}
#mail_list_submit {margin-left:4px;}

#status_overlay {position:absolute;top:200px;left:0;width:100%;text-align:center;}
#status_box {width:500px;background:#fff;margin:0 auto;padding:20px;text-align:center;}
#status_box h3 {text-align:center;background:url(/img/spin.gif) 50% 0 no-repeat;padding:50px 0 0 0;}
#status_box h3.error, #status_box h3.success {background-image:none;padding:20px;}
#status_box a {border:1px solid #7e7d7d;background-color:#8c8c8c;padding:5px;}
#status_box a:hover {color:#000;}

.collections {margin:0 0 0 29px;}
.collections h2, .collection h2 {color:#636363;font-weight:normal;font-size:1.4em;margin-top:10px;}
.collections h2 a, .collection h2 a {color:#636363;}
.collections h2 a:hover, .collection h2 a:hover {color:#fff;}
.collection {float:left;width:305px;margin:0 0 33px 0;}
.collection h3, .collection h3 a {color:#ffffff;font-weight:normal;font-size:1.05em;margin:11px 0 0 0;}
.collection h3 a:hover, .collection h3 a:active {color:#7e7d7d;}
.collection h3.location {color:#a3a3a3;margin-top:1px;}
.collection h4, .collection h4 a {color:#fab316;font-weight:normal;font-size:0.98em;margin:11px 0 0 0;}
.collection h4 a:hover, .collection h4 a:active {color:#af7d0f;}

/*error*/
#error_wrapper {padding:32px 89px 22px 30px;margin:27px 0 27px 29px;width:521px;background:#000;}
#error_wrapper h2 {color:#ccc;font-weight:normal;font-size:1.8em;margin:0;padding:0;}

/*login*/
#login_wrapper {padding:32px 89px 22px 30px;margin:27px 0 27px 29px;width:521px;background:#000;}
#login_wrapper h2 {color:#ccc;font-weight:normal;font-size:1.8em;margin:0;padding:0;}
#login_wrapper label {color:#fab316;}


/*about*/
#about_chris_wilson {float:left;padding:32px 89px 22px 30px;margin:27px 0 27px 29px;width:521px;background:#000;}
#about_chris_wilson h2 {color:#ccc;font-weight:normal;font-size:1.8em;margin:0;padding:0;}
#about_chris_wilson p {color:#fab316;line-height:1.9em;margin:15px 0 0 0;padding:0;font-weight:normal;}


#contact_chris_wilson {margin:27px 0 0 701px;}
#contact_chris_wilson h3 {color:#b4b4b4;font-size:1.2em;font-weight:normal;margin:0 0 5px 0;padding:0;}
#contact_chris_wilson h3 a {color:#b4b4b4;}
#contact_chris_wilson h3 a:hover, #contact_chris_wilson h3 a:active {color:#ffffff;}
#contact_chris_wilson p {color:#b4b4b4;font-size:0.95em;margin:0;padding:0;}
#contact_chris_wilson p a#feed {background:url(/img/feed_button.gif) 0 1px no-repeat;padding-left:16px;color:#b4b4b4;}
#contact_chris_wilson p a#feed:hover {color:#ffffff;}

#contact_chris_wilson p.contact {color:#fff;}
#contact_chris_wilson p.contact a {color:#fab316;}
#contact_chris_wilson p.contact a:hover {color:#af7d0f;}
#contact_chris_wilson #email {background:url(/img/portfolio_contact_icons.gif) 0 -35px no-repeat;padding-left:20px;margin-bottom:6px;}
#contact_chris_wilson #phone {background:url(/img/portfolio_contact_icons.gif) 0 -98px no-repeat;padding-left:20px;}
#contact_chris_wilson form {margin:7px 0 7px 0;padding:0;}

#contact_chris_wilson .absb_db {display:block;background:url(/img/home_right_bar.gif) 0 50% no-repeat;height:3px;border:none;margin:15px 0 25px 0;}
#contact_chris_wilson .absb_db hr {display:none;}



/*blog*/
#blog_wrapper {float:left;}
#blog_content {margin:59px 0 50px 62px;width:528px;}
/*#blog_title {padding-left:72px;background:url(/img/blog_filmstrip.gif) 0 50% no-repeat;color:#ccc;margin:0 0 27px 0;}*/
#blog_title {color:#ccc;margin:0 0 27px 0;}
#blog_title h2 {font-weight:normal;font-size:2.2em;padding:11px 0 3px 0;margin:0;}
#blog_title h3 {font-weight:normal;font-size:1.35em;margin:0;padding:0 0 11px 0;}
#blog_title h2 a, #blog_title h3 a {color:#ccc;}
#blog_title h2 a:hover, #blog_title h3 a:hover {color:#fff;}
.blogpic {margin:0 0 25px 0;}
.blog_entry {margin:0 0 40px 0;}
.blog_entry h2 {font-weight:normal;font-size:1.7em;margin:0 0 10px 0;padding:0;color:#ccc;}
.blog_entry h2 a {color:#ccc;}
.blog_entry h2 a:hover {color:#fff;}
.blog_entry h4.comment_count {float:left;color:#fab316;margin:0;padding:0;font-weight:normal;font-size:0.9em;}
.blog_entry h4.comment_count a {color:#fab316;}
.blog_entry h4.comment_count a:hover {color:#af7d0f;}
.blog_entry h4.posted {color:#727071;margin:0 0 0 228px;padding:0;font-weight:normal;font-size:0.9em;}
.blog_entry p {padding-right:50px;padding-left:16px;font-size:1.0em;line-height:1.5em;}

.comments_wrap h3 {color:#ccc;font-weight:normal;font-size:2.0em;margin:30px 0 0 0;padding:25px 0 0 0;background:url(/img/blog_dot_bar.gif) 0 0 no-repeat;}
.comment h4 {color:#727071;font-weight:normal;margin:25px 0 0 0;padding:0;}
.comment h4 span {color:#fab316;}
.comment p {margin:10px 0 0 0;padding:0;}

.comment_post_wrap h3 {color:#ccc;font-weight:normal;font-size:2.0em;margin:30px 0 0 0;padding:25px 0 0 0;background:url(/img/blog_dot_bar.gif) 0 0 no-repeat;}
.comment_form {margin:20px 0 0 0;}
.comment_form label, .comment_form input, .comment_form textarea {display:block;}
.comment_form input, .comment_form textarea {padding:0;margin:2px 0 12px 0;}
.comment_form input.submit {margin:0 0 0 325px;}
.comment_form input.hidden {display:none;}
.comment_form label {font-size:0.9em;}

#blog #contact_chris_wilson {margin-top:75px;}
#blog #contact_chris_wilson h2 {font-weight:normal;font-size:1.7em;margin:0 0 12px 0;padding:0;color:#ccc;}
.previous_post {padding-left:11px;padding-bottom:35px;}
.previous_post h3 {font-weight:normal;font-size:1.0em;margin:0;padding:0;color:#ccc;}
.previous_post h3 a {font-weight:normal;font-size:1.0em;margin:0;padding:0;color:#ccc;}
.previous_post h4.posted {color:#727071;margin:0 0 7px 0;padding:0;font-weight:normal;font-size:0.9em;}
.previous_post h4.comment_count {color:#fab316;margin:0;padding:0;font-weight:normal;font-size:0.9em;}
.previous_post h4.comment_count a {color:#fab316;}
.previous_post h4.comment_count a:hover {color:#af7d0f;}


/*detailpage*/
#bigpic {margin:41px 0 50px 0;padding:0;width:699px;float:left;position:relative;}
#placard {margin-left:717px;padding-top:31px;width:230px;}

ul#browse_control {list-style-type:none;margin:8px 0 0 0;padding:10px 0 0 0;background:url(/img/placard_bar.gif) 0 0 no-repeat;}
#portfolio_header ul#browse_control {float:right;background:none;padding:20px 130px 0 0;margin:0;}
ul#browse_control li {float:left;margin:0 7px 0 0;padding:0;}
#portfolio_header ul#browse_control li {padding-right:24px;_padding-right:20px;}
#browse_control li#l_prev a, #browse_control li#l_next a, #browse_control li#l_thumb a {display:block;width:20px;padding:0;height:28px;}
#browse_control li#l_prev span, #browse_control li#l_next span, #browse_control li#l_thumb span {display:none;}
#browse_control li#l_prev a {display:block;background:url(/img/browse_controls.gif) -7px 0 no-repeat;}
#browse_control li#l_prev a:hover {display:block;background:url(/img/browse_controls.gif) -7px -29px no-repeat;}
#browse_control li#l_thumb a {background:url(/img/browse_controls.gif) -33px 0 no-repeat;}
#browse_control li#l_thumb a:hover, #browse_control li#l_thumb a.hot {background:url(/img/browse_controls.gif) -33px -29px no-repeat;}
#browse_control li#l_next a {background:url(/img/browse_controls.gif) -59px 0 no-repeat;}
#browse_control li#l_next a:hover {background:url(/img/browse_controls.gif) -59px -29px no-repeat;}

#placard h2 {color:#797979;font-weight:normal;font-size:1.1em;background:url(/img/placard_bar.gif) 0 0 no-repeat;margin:35px 0 0 0;padding:20px 0 0 0;}
#placard h1 {color:#fff;font-size:0.95em;margin:13px 0 0 4px;}
#placard p.description {font-size:0.95em;margin:4px 0 12px 4px;}

#thumb_box {background-color:#ffffff;width:398px;margin:10px 15px 0 auto;padding:5px 0 40px 0;display:none;position:absolute;left:286px;}

#thumb_box a#close {display:block;margin:0 3px 0 auto;width:20px;height:18px;padding:0;background:url(/img/thumb_close.gif) 50% 0 no-repeat;}
#thumb_box a#close:hover {background:url(/img/thumb_close.gif) 50% -20px no-repeat;}
#thumb_box a#close span {display:none;}

#thumb_box h2 {color:#797979;font-weight:normal;font-size:1.4em;background:url(/img/thumb_bg_bar.gif) 50% 100% no-repeat;padding-left:30px;padding-bottom:10px;}
#thumb_container {padding:0;margin:0;}
#thumb_container h3 {color:#797979;text-align:center;background:url(/img/spin.gif) 50% 0 no-repeat;padding:50px 0;}
#thumb_container h3.error {background-image:none;}
#thumb_container p#page_nums {float:right;text-align:right;margin:0 30px 0 0;padding:0;}
#thumb_container p#page_nums a {color:#797979;}
#thumb_container p#page_nums a:hover {color:#000;}
p#page_nums strong {color:#000;font-weight:bold;}

#thumbs {list-style-type:none;margin:0 0 0 30px;padding:0;}
#thumbs li {float:left;padding-right:12px;_padding-right:14px;padding-top:11px;_padding-top:13px;}
#thumbs a img {opacity: 0.5;filter:alpha(opacity=50);}
#thumbs #thisthumb a img, #thumbs a:hover img  {opacity: 0.99;filter:alpha(opacity=99);}



/*portfolio*/
#portfolio_header {margin:0 29px;height:40px;padding:10px 0;}
#portfoliopic {margin:0 29px;}

#portfolio_start {margin:10px 26px;background:url(/img/portfolio_start.jpg) 0 0 no-repeat;}
#portfolio_start #start_nav {background:#1a1919 url(/img/portfolio_title.gif) 33px 31px no-repeat;}
#portfolio_start a {display:block;height:111px;padding:0;background:url(/img/right_nav_arrow.gif) 728px -52px no-repeat;}
#portfolio_start a:hover {background:url(/img/right_nav_arrow.gif) 728px -221px no-repeat;}

#portfolio_end {background-color:#000;margin:0 60px;padding:148px 123px 250px 123px;}
#portfolio_end #restart {width:300px;background:url(/img/portfolio_end.gif) 0 0 no-repeat;padding-top:27px;color:#fab316;}
#portfolio_end #restart a {color:#fab316;}
#portfolio_end #restart a:hover {color:#af7d0f;}
#portfolio_end #portfolio_contact {float:right;width:225px;}
#portfolio_end h2 {font-weight:normal;font-size:1.3em;margin-top:15px;}
#portfolio_contact p {color:#fff;}
#portfolio_contact a {color:#fab316;}
#portfolio_contact a:hover {color:#af7d0f;}
#portfolio_contact #email {background:url(/img/portfolio_contact_icons.gif) 0 -35px no-repeat;padding-left:20px;}
#portfolio_contact #phone {background:url(/img/portfolio_contact_icons.gif) 0 -98px no-repeat;padding-left:20px;}



/*events*/
#event_collections {margin:45px 0 0 29px;}
#event_collections .collection {margin:0 0 30px 0;padding:0;width:auto;}
#event_collections #latest {width:460px;float:left;margin:0;}
#event_collections #others {width:420px;margin:0 0 0 510px;}
#event_collections h2 {color:#fff;font-weight:normal;font-size:2.2em;}
#event_collections #latest h2 {background:url(/img/featured_event_bar.gif) 0 100% no-repeat;margin-top:0;padding:0 0 8px 0;}
#event_collections #others h2 {background:url(/img/past_events_bar.gif) 0 100% no-repeat;padding-bottom:8px;}
#event_collections #others .image {float:left;}
#event_collections #others .info {margin-left:230px;width:165px;}

#event_collections .collection h3, .collection h3 a {color:#a3a3a3;margin-top:0;}
#event_collections #latest h3.title {margin-top:13px;}
#event_collections .collection h3 a:hover, .collection h3 a:active {color:#ffffff;}
#event_collections h3.location {color:#797979;margin-top:6px;}
#event_collections h4 {margin-top:6px;}
#event_collections #latest h3, #event_collections #latest h4 {margin-left:16px;}