/* 
styles.css
Global element styling
©Tim Jukes, www.timjukesdesign.com for Brighton Illustrators Group
*/


/*   //////////////////////////////////////////////// */
/*                                            General */
/*   //////////////////////////////////////////////// */

body{
font-family: "American Typewriter", Courier, sans-serif;
color: #4c505a;
font-size: 83.3331%;  /* baseline grid is changed to 20px, general font size is 13px; */
/* background: #EBEAE8; */
}

body, .siteby{
/* background: #EBEAE8; */
background: url(../images/resources/half_back2.jpg) #fff;
}

#super_container{
background: #fff;
}

h1,h2,h3,h4,h5,h6{
font-weight: normal;
color: #444;
}

h2{
font-size: 1.2em;
padding-bottom: 0.2em;
background: url(../images/resources/dotted.gif) bottom left repeat-x;
}

h3{
font-size: 1.2em;
}


h2.recent_portfolios{

}

a{
text-decoration: none;
outline: none;
border: none;
/* color: fuchsia; */
color: #2AC8EB;
}

a:hover{
text-decoration: none;
outline: none;
border: none;
color: #000;
}

p{
color: #4c505a;
}

p em, p i{
padding: 0;
margin: 0;
display: inline;
font-style: italic;
font-weight: normal;
}

p strong, p b{
padding: 0;
margin: 0;
display: inline;
font-style: normal;
font-weight: bold;
}


.main_content p, #member_profile p, #member_profile ul, #member_profile, #member_profile h4{
color: #706038;
}


p.notfound{
display: block;
height: 122px;
padding-left: 210px;
padding-top: 40px;
background: url(../images/resources/notfound.jpg) no-repeat 0 0;
}

p.posted_by{
color: #999;
}

p.note{
margin-bottom: 0;
}

dl dt{
font-weight: normal;
font-size: 14px;
margin: 0;
padding: 0;
}

dl dd{
text-indent: 0;
margin: 0;
padding: 0;
}

dl dt, dl dd{
margin: 0;
padding: 0;
overflow: hidden;
display: block;
position: relative;
clear: both;
}

dd ul{
margin-bottom: 0;
}



.pulldown_symbol{
display: block;
width: 10px;
height: 20px;
position: absolute;
right: 5px;
top:5px;
text-indent: -9999px;
/* background: url(../images/resources/pulldown_arrows.gif) no-repeat 0 0; */
}

div.order_by_holder:hover span.pulldown_symbol, div.per_page_holder:hover span.pulldown_symbol, div.order_by_holder:hover span.pulldown_symbol{
/* background: url(../images/resources/pulldown_arrows.gif) no-repeat -10px 0; */
}

div.cat_list_holder h3, div.order_by_holder h3, div.per_page_holder h3, div.dropdown_holder h3{
font-family: "American Typewriter", Courier, sans-serif;
margin-bottom: 0;
padding: 5px;
font-size: 1em;
background-color: #C8F2EE;
display: block;
position: relative;
overflow: hidden;
height: 20px;
line-height: 20px;
border-bottom: 1px solid #fff;
}

div.cat_list_holder:hover h3, div.order_by_holder:hover h3, div.per_page_holder:hover h3, div.dropdown_holder:hover h3{
background-color: #C8F2EE;
}


div.cat_list_holder, ul.cat_list{
width: 490px;
}

div.cat_list_holder, div.per_page_holder, div.order_by_holder, div.dropdown_holder{
background: #999;
position: relative;
margin-bottom: 40px;
z-index: 9999;
}

ul.cat_list, ul.per_page, ul.order_by, ul.illustrator_dropdown{
list-style: none;
margin: 0 0 20px 0;
display: block;
display: none;
position: absolute;
top:30px;
left:0;
background: #eee;
/* css3 only - don't rely on it!! */
/* opacity: 0.8; */
}



div.cat_list_holder:hover .cat_list, div.order_by_holder:hover .order_by, div.per_page_holder:hover .per_page{
display: block;
z-index: 9999;
overflow: hidden;
}

div.dropdown_holder:hover .illustrator_dropdown{
display: block;
z-index: 9999;
height: 400px;
overflow-y: scroll;
overflow-x: hidden;
}

.cat_list li a, .illustrator_dropdown li a{
display: block;
width: 480px;
padding: 5px;
color: #381206;
border-bottom: 1px dotted #fff;
}

.illustrator_dropdown li a{
width: 295px;
}


.cat_list li a:hover, .order_by li a:hover, .per_page li a:hover, .illustrator_dropdown li a:hover{
background: #C8F2EE;
cursor: pointer;
color: #333;
}






ul.cat_list li span.current, ul.per_page li span.current, ul.order_by li span.current, .big_asterisk{
	background: url(../images/resources/asterisk.png) no-repeat 0 0;
	width: 11px;
	height: 20px;
	padding-right: 5px;
	display: block;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}

.big_asterisk{
margin-right: 5px;
}


ul.cat_list li a:hover span.current, ul.per_page li a:hover span.current, ul.order_by li a:hover span.current{
background-position: -16px;
}


.back_link{
font-weight: bold;
}

.breadcrumb{
background: url(../images/resources/dotted.gif) bottom left repeat-x;
}

.cur_cats{
list-style: none;
margin-left: 0;
display: block;
overflow: hidden;
}

.cur_cats li{
float: left;
margin-right: 10px;
overflow: hidden;
}

.cur_cats li a{
color: #36D855;
}

.cur_cats li a:hover{
color: #333;
}

.cur_cats li span.bookmark{
float: left;
width: 14px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../images/resources/bookmark.png) no-repeat 0 0;
margin-right: 5px;
}

.cur_cats li a:hover span.bookmark{
background-position: -14px 0;
}


/*   //////////////////////////////////////////////// */
/*                                             Tables */
/*   //////////////////////////////////////////////// */


table caption{
background: none;
margin: 0;
padding: 0;
}



/*   //////////////////////////////////////////////// */
/*                                              Forms */
/*   //////////////////////////////////////////////// */

label, legend{
font-family: "American Typewriter", Courier, sans-serif;
font-weight: normal;
}

select{
font-family: "American Typewriter", Courier, sans-serif;
}

label.l_select{
display: block;
}


.l_select select{
height: 20px;
font-size: 13px;
vertical-align: middle;
line-height: 300px;
color: #444;
width: 280px;
}

.l_select option{
padding: 5px;
vertical-align: middle;
font-size: 13px;
}


.chk_label{
position: relative;
top:3px;
}

label.text input, input.text{
border: none;
font-family: "American Typewriter", Courier, sans-serif;
padding: 5px;
font-size: 13px;
color: #444;
}

label.l_textarea textarea, fieldset label textarea{
border: none;
font-family: "American Typewriter", Courier, sans-serif !important; 
padding: 5px;
font-size: 13px;
color: #444;
}

.invalid{
color: #D43032;
font-weight: normal;
display: block;
font-family: "American Typewriter", Courier, sans-serif;
font-style: normal;
margin-bottom: 10px;
}

label.text input.invalid{
border-bottom: 1px solid #D43032;
}

.error, .warning{
background: none;
border: none;
color: #D43032;
font-family: "American Typewriter", Courier, sans-serif;
padding: 0;
}

#login_error{
list-style: none;
margin: 0 0 10px 0;
width: 305px;
}

.cancel_button, .btn_back{
width: 117px;
height: 35px;
display: block;
overflow: hidden;
text-indent: -9999px;
}

.cancel_button{
background: url(../images/resources/btn_cancel.png) no-repeat 0 0;
}

.btn_back{
background: url(../images/resources/btn_back.png) no-repeat 0 0;
}

.cancel_button:hover, .btn_back:hover{
background-position: -118px 0;
}



/*   //////////////////////////////////////////////// */
/*                                       Login / Join */
/*   //////////////////////////////////////////////// */

#login_form, #join_form, #forgot{
background: #CEF4F2;
}

#join_form{
overflow: hidden;
position: relative;
}

#forgot{
padding: 10px;
}

#forgot fieldset label.text span{
padding-right: 10px;
}

#login_form input.text, #join_form input.text{
border: none;
}

#ajax_login #login_form, #ajax_login #join_form, #ajax_login{
background: #F2FCFB;
}

#ajax_login{
background: #F2FCFB;
display: block;
/* background: #4EC6A4; */    /* turq green */
}

.forgotten_pass{
font-size: 15px;
}

.forgotten_pass{
color: #133438;
}

#ajax_login a{
color: #4EC6A4;
}

#login_submit, #submit_forgot, #profile_submit, .admin_submit_btn, #advanced_submit, #join_submit, .btn_pay{
text-indent: -9999px;
border: none;
width: 85px;
height: 34px;
display: block;
cursor: pointer;
background: url(../images/resources/login.png) no-repeat 2px 0;
}

#profile_submit, #advanced_submit{
background: url(../images/resources/submit_blue.png) no-repeat 0 0;
}

#join_submit{
background: url(../images/resources/btn_join.png) no-repeat 0 0;
}

.btn_pay{
background: url(../images/resources/btn_pay.png) no-repeat 0 0;
}

.admin_submit_btn{
background: url(../images/resources/submit_yel.png) no-repeat 0 0;
}

#submit_forgot{
background: url(../images/resources/submit_blue.png) no-repeat 0 0;
margin-top: 8px;
}

#login_submit:hover, #submit_forgot:hover, #profile_submit:hover, .admin_submit_btn:hover, #advanced_submit:hover, #join_submit:hover, .btn_pay:hover{
background-position: -83px 0;
}

#ajax_login #login_form label.text input{
background: #4EC6A4;
color: #fff;
}

#ajax_login #login_form label.text input:hover, #ajax_login #login_form label.text input:focus, #ajax_login #login_form label.text input:active {
background: #79E2C1;
}

.pay_details{
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
padding:5px 0;
overflow: hidden;
}

.pay_details p{
padding-top: 7px;
margin-bottom: 0;
}

.pay_details .btn_pay{
margin-bottom: 0;
}

/*   //////////////////////////////////////////////// */
/*                                           Masthead */
/*   //////////////////////////////////////////////// */


#big_logo a{
display: block;
width: 200px;
height:75px;
background: url(../images/resources/logo.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#topbar{
background: #CEF4F2;
}

#masthead{
background: url(../images/resources/dotted.gif) bottom left repeat-x;
}

#member_nav, #main_nav{
list-style: none;
margin-left: 0;
}
#main_nav{
height: 24px;
}

#main_nav li{
height: 24px;
}

#main_nav li a:hover{
color: #76bcff;
}

#main_nav li a{
color: #555;
font-size: 15px;
display: block;
text-indent: -9999px;
overflow: hidden;
height: 18px;
}
#main_nav li a.active{
padding-bottom: 2px;
border-bottom: 2px solid #ccc;
}



#nav_home a{
background: url(../images/resources/nav_home.gif) no-repeat 0 0;
width: 45px;
}

#nav_home a:hover{
background-position: -47px 0;
}

#nav_portfolios a{
background: url(../images/resources/nav_portfolios.gif) no-repeat 0 0;
width: 69px;
}

#nav_portfolios a:hover{
background-position: -72px 0;
}

#nav_blog a{
background: url(../images/resources/nav_blog.gif) no-repeat 0 0;
width: 33px;
}

#nav_blog a:hover{
background-position: -33px 0;
}

#nav_events a{
background: url(../images/resources/nav_events.gif) no-repeat 0 0;
width: 49px;
}

#nav_events a:hover{
background-position: -50px 0;
}

#nav_faqs a{
background: url(../images/resources/nav_faqs.gif) no-repeat 0 0;
width: 40px;
}

#nav_about a{
background: url(../images/resources/nav_about.gif) no-repeat 0 0;
width: 46px;
}

#nav_about a:hover{
background-position: -46px 0;
}

#nav_pinboard a{
background: url(../images/resources/nav_pinboard.gif) no-repeat 0 0;
width: 63px;
}

#nav_pinboard a:hover{
background-position: -72px 0;
}


#member_nav{	
/* background: #FDC900; */  /* Yellow */
background: #CEF4F2;
/* background: #207A85; color:#fff; */   /*darkish blue/turq */
}

#member_nav li{
}

#member_nav li.last a{
}

#member_nav li a{
color: #381206;
display: block;
width: 75px;
padding-right: 10px;
padding-left: 20px;
}

#member_nav li a:hover{
background: #222;
color: #fff;
}

form#main_search_form{
padding-right: 10px;
}

form#main_search_form .main_search{
font-weight: normal;
}
form#main_search_form fieldset .main_search span{
font-family: "American Typewriter", Courier, sans-serif;
}
form#main_search_form .main_search input{
border: none;
font-family: "American Typewriter", Courier, sans-serif;
}

#main_search_btn{
width: 20px;
height: 20px;
display: block;
text-indent: -9999px;
border: none;
padding: 0;
margin: 0;
background: url(../images/resources/magnify.png) no-repeat 0 0;
font-size: 0;
color: #CEF4F2;
cursor: pointer;
}

#main_search_btn:hover{
background-position: -20px;
}

#main_search label.main_search span{
color: #381206;
}



.tweet{
padding: 5px 5px 5px 30px;
border-bottom: 1px solid #f6f6f6;
background: url(../images/resources/twit_bird.png) no-repeat top left;
background-position: -22px 10px;
}

/*   //////////////////////////////////////////////// */
/*                                             Footer */
/*   //////////////////////////////////////////////// */

#footer{
background: #f6f6f6;
border-top: 1px solid #e6e6e6;
padding-top: 20px;
}


.siteby{
font-size: .9em;
}

.siteby p{
padding: 2px 5px;
}

.siteby p a{
color: #555;
}

.siteby p a:hover{
color: #222;
}

.siteby p:hover{
background: #FDFFCC;
}

.copyright{
margin-bottom: 0;
font-size: .9em;
}

.twitter a, .facebook a, .ft_flickr a{
display: block;
text-indent: -9999px;
height: 20px;
width: 95px;
}

.twitter a{
background: url(../images/resources/twitter.png) no-repeat 0 0;
}

.facebook a{
background: url(../images/resources/facebook.png) no-repeat 0 0;
}

.ft_flickr a{
background: url(../images/resources/flickr.png) no-repeat 0 0;
}

.twitter a:hover, .facebook a:hover, .ft_flickr a:hover{
background-position: -95px;
}

.rss a{
display: block;
text-indent: -9999px;
height: 20px;
width: 20px;
background: url(../images/resources/rss.png) no-repeat 0 0;
}

.rss a:hover{
background-position: -21px;
}






/*   //////////////////////////////////////////////// */
/*                                               Ajax */
/*   //////////////////////////////////////////////// */


.loading_small{
background: url(../images/resources/ajax_loader_small.gif) no-repeat 2px 2px;
text-indent: -9999px;
display: block;
width: 16px;
height:16px;
padding: 2px;
}

p.ui_block{
overflow: hidden;
display: block;
position: relative;
right: 80px;
padding-top: 15px;
padding-left: 0;
margin-left: 0;
}

p.ui_block span.loading_ui{
background: url(../images/resources/ajax_loader_small.gif) no-repeat 2px 2px;
text-indent: -9999px;
display: block;
width: 16px;
height:16px;
padding: 2px;
float: left;
margin-left: 160px;
margin-right: 0;
}

#mem_main_image_holder .loading_ui{
background-color: #fff;
}

.close{
display: block;
width: 22px;
height: 22px;
background: url(../images/resources/close.png) no-repeat 0 0;
text-indent: -9999px;
}

.close:hover{
background-position: -24px;
}

.move_icon{
display: block;
width: 22px;
height: 22px;
background: url(../images/resources/move.png) no-repeat 0 0;
text-indent: -9999px;
cursor: move;
}

.move_icon:hover{
background-position: -24px;
}

/*   //////////////////////////////////////////////// */
/*                                           Calendar */
/*   //////////////////////////////////////////////// */

#ajax_cal_listing, .event_list_details, .event_detail_panel{
background: #FDFFCC;
border-bottom: 2px solid #fff;
border-top: 4px solid #BEAF00;
overflow: hidden;
display: block;
}

#ajax_cal_listing, .event_list_details{

}

.ajax_listing_holder{
padding: 10px;
}

.event_detail_panel{
padding: 10px;
}

#ajax_cal_listing{
width: 300px;
}


.calendar{
border-bottom: 1px solid #fff;
}



.ajax_listing_holder h3{
font-size: 1.2em;
line-height: 1.6em;
font-family: "American Typewriter", Courier, sans-serif;
margin-bottom: 10px;
}

.ajax_listing_holder h3 a{
color: #F97E78;
}

.ajax_listing_holder h3 a:hover{
color: #333;
}

.calendarRow td{
background: #ddd;
border: 1px solid #fff;
}


ul.calNav li a, #mininav_buttons li a{
display: block;
width: 20px;
height: 20px;
}

ul.calNav li a.calPrev, #mini_scroll_prev a{
background: url(../images/resources/cal_arrow.gif) no-repeat -20px 0;
text-indent: -9999px;
}

ul.calNav li a.calPrev:hover, #mini_scroll_prev a:hover{
background-position: 0px;
}

ul.calNav li a.calNext, #mini_scroll_next a{
background: url(../images/resources/cal_arrow_next.gif) no-repeat -20px 0;
text-indent: -9999px;

}

ul.calNav li a.calNext:hover, #mini_scroll_next a:hover{
background-position: 0px;
}

ul.small_cal_day_menu{
list-style: none;
margin-left: 0;
position: absolute;
display: none;
background: #cccccc;
}

ul.small_cal_day_menu li{
background: #BEAF00;
border-bottom: 2px solid #fff;
padding: 0 5px;
}

ul.small_cal_day_menu li a:hover{
color: #222;
}

ul.small_cal_day_menu li.cal_item_talk{
background: #207A85; /*   if calendar item is a talk */
}

ul.small_cal_day_menu li.cal_item_talk span{
background: url(../images/resources/asterisk.png) no-repeat -16px 0;
width: 11px;
height: 20px;
padding-right: 5px;
display: block;
overflow: hidden;
float: left;
text-indent: -9999px;
}

ul.small_cal_day_menu li.cal_item_talk a:hover span{
background-position: 0px;
}

.calendarRow td.has_entry{
background: #24B43B;
}

.calendarRow td.has_entry:hover{
background: #5EFF81;
}

.calendarRow td.has_entry a{
display: block;
color: #fff;
}

.calendarDayHeading{
background: #ddd;
border: 1px solid #fff;
}

.featured_cell{
display: block;
overflow: hidden;
background: fuchsia;
text-indent: -9999px;
}

.event_list h3{
font-weight: normal;
margin-left: 120px;
}

.event_list_img{
float: left;
margin-right: 10px;
}

#listing_panel .cal_item_talk .event_list_details,  .cal_item_talk .event_detail_panel{
background: #F2FCFB;
border-top-color: #207A85;
}

.upcoming_dates ul li{
padding: 5px;
background: #BEAF00;
}
.upcoming_dates ul li a{
color: #fff;
}

.upcoming_dates ul li a:hover{
color: #888;
}

/*   //////////////////////////////////////////////// */
/*                                    JQuery Calendar */
/*   //////////////////////////////////////////////// */


#datepick-div{
width: 305px;
background: #fff;
}

.datepick{
background: #fff;
clear: both;
	float: left;
	width: 100%;
}

.datepick-control, .datepick-links, .datepick-header{
	clear: both;
	float: left;
	width: 100%;
	background: #00D633;
	font-size: 13px;
}

.datepick-control a, .datepick-links a, .datepick-header a{
color: #fff;
}

.datepick-control a:hover, .datepick-links a:hover, .datepick-header a:hover{
color: #333;
}

.datepick-header {
	background: #FDFFCC;
	text-align: center;
	font-weight: bold;
	min-height: 1.5em;
}


.datepick-clear, .datepick-prev {
	float: left;
	width: 34%;
}

.datepick-close, .datepick-next {
	float: right;
	width: 34%;
	text-align: right;
}

.datepick-current {
	float: left;
	width: 30%;
	text-align: center;
}


.datepick-days-cell {
	color: #333;
	border: 1px solid #fff;
	background: #f6f6f6;
}

.datepick-days-cell a{
	color: #333;
	display: block;
}

.datepick-days-cell-over {
	background: #ccc;
color: #fff;
cursor: pointer;
}

.datepick-current-day {
	background: #00D633;
	color: #fff;
}

.datepick-current-day a{
color: #fff;
}

.datepick-multi .datepick {
	border: 1px solid #777;
}

.datepick-unselectable {
	color: #ccc;
}

.datepick-title-row th {
	text-align: center;
	font-weight: normal;
	background: #FFF800;
}

/*   //////////////////////////////////////////////// */
/*                                           	 Blog */
/*   //////////////////////////////////////////////// */

#blog_title{
background: url(../images/resources/dotted.gif) bottom left repeat-x;
}

.blog_back{
background: url(../images/resources/blog_back.png) no-repeat 0 0;
display: block;
text-indent: -9999px;
height: 22px;
width: 64px;
}

.blog_back:hover{
background-position: -64px;
}

.summary_item{

}

/*  Opacity only works with CSS3  */
.special_image_col a.img_link img{
	opacity: 0.9;
}
.special_image_col a.img_link:hover img{
	opacity: 1;
}

.flickr_list{
background: #f6f6f6;
}

a.flickr_item{
	border: 2px solid #ccc;
}

a.flickr_item:hover{
	border: 2px solid #aaa;
}


.next_prev_posts{
background: url(../images/resources/dotted.gif) bottom left repeat-x;
padding-top: 10px;
}

.next_prev_posts li.next a span.blog_next{
background: url(../images/resources/blog_next.png) no-repeat 0 0;
width: 23px;
}

.next_prev_posts li.prev a span.blog_prev{
background: url(../images/resources/blog_prev.png) no-repeat 0 0;
width: 23px;
}

span.blog_nav_title{
display: block;
overflow: hidden;
width: 180px;
}

.next_prev_posts li.next a span.blog_nav_title{
float: right;
text-align: right;
}

.next_prev_posts li.prev a span.blog_nav_title{
float: left;
}

.next_prev_posts li a:hover span.blog_prev, .next_prev_posts li a:hover span.blog_next{
background-position: -23px 0;
}


.blog_next, .blog_prev{
width: 25px;
text-indent: -9999px;
display: block;
position: relative;
bottom: 1px;
}

.blog_next{
float: right;
margin-left: 5px;
}

.blog_prev{
float: left;
margin-right: 5px;
}


.comment_item{
background:#f6f6f6;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.comment_item_alt{
background:#fff;
}

.comments{
border-bottom: 1px solid #eee;
}

.comments .avatar{
float: left;
margin-right: 10px;
}

.comment_text p.comment_author{
clear: both;
display: block;
color: #666;
}


.comment_form_holder{
padding: 10px;
overflow: hidden;
background: #FDFFCC; /* cream */
margin-bottom: 40px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #F0ECEC url(../images/resources/comment_form_bubble.gif) no-repeat top right;
}

form#comment_form{
overflow: hidden;
}

form#comment_form fieldset input.text, form#comment_form fieldset textarea.text{
border: none;
width: 100%;
}

form#comment_form fieldset label span{
font-family: "American Typewriter", Courier, sans-serif;
font-weight: normal;
color: #825933;
}

form#comment_form fieldset textarea#comment{
padding: 5px;
font-family: "American Typewriter", Courier, sans-serif;
font-weight: normal;
color: #825933;
font-size: 12px;
}

.num_comments{
padding-left: 28px;
background: url(../images/resources/comment_bubble_small.png) no-repeat 0 0;
float: left;
}

.post_name{
font-weight: bold;
}

.read_more{
display: block;
float: right;
overflow: hidden;
cursor: pointer;
}

.read_more .book{
background: url(../images/resources/read_book.png) no-repeat 0 0;
display: block;
width: 22px;
height: 20px;
margin-left: 5px;
float: right;
text-indent: -9999px;
}

.read_more:hover .book{
background-position: -23px 0;
}

.post_info{
padding: 5px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.post_info li, .post_info li a{
padding-bottom: 0;
margin-bottom: 0;
}

/*   //////////////////////////////////////////////// */
/*                                           Pinboard */
/*   //////////////////////////////////////////////// */

.pinboard_item{
background: url(../images/resources/zig.gif) repeat-x bottom;
background-color:#f6f6f6 ;
overflow: hidden;
position: relative;
}

.pinboard_item:hover{
background-color:#eee ;
}

.pinboard_item h3{
font-size: 1.2em;
font-family: "American Typewriter", Courier, sans-serif;
margin-bottom: 0;
}



.pinboard_item h3 a{
color: #F97E78;
}

.pinboard_details{
padding: 10px 20px 20px 10px;
background: url(../images/resources/pinboard_fold.gif) no-repeat top right;
overflow: hidden;
}

.pinboard_details p{
font-size: 13px;
}

.pinboard_more{
float: right;
}

a span.pin{
background: url(../images/resources/pin.png) no-repeat top left;
display: block;
float: left;
margin-right: 5px;
width: 14px;
height: 22px;
text-indent: -9999px;
}

.pinboard_item_cats li a{

}

.pinboard_item_cats li a span.bookmark{
float: left;
width: 14px;
height: 20px;
display: block;
text-indent: -9999px;
background: url(../images/resources/bookmark.png) no-repeat 0 0;
margin-right: 5px;
}

.pinboard_item_cats li a span.bookmark{
background-position: -14px 0;
}

.pinboard_item_cats li a{
color: #36D855;
}
.pinboard_item_cats li a:hover{
color: #333;
}

.all_pinboard, a.all_pinboard:hover{
display: block;
overflow: hidden;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 5px;
}

/*   //////////////////////////////////////////////// */
/*                                          Portfolio */
/*   //////////////////////////////////////////////// */

#list_surname{
display: none;  /* this just contains the sort surname value for the portfolio mininav. Wish I could do this less obtrusively */
}

a#show_all_portfolios{
width: 70px;
height: 22px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../images/resources/show_all.gif) no-repeat 0 0;
padding: 0;
margin: 0;
}

a#show_all_portfolios:hover{
background-position: -70px 0;
}

#mininav_container{
background: url(../images/resources/dotted.gif) bottom left repeat-x;
}

#portfolio_mininav_holder{

}

ul.portfolio_list_nav{
list-style: none;
margin: 0;
padding: 5px 0 0 0;
}

ul.portfolio_list_nav li a{
display: block;
width: 20px;
height: 20px;
}

ul.portfolio_list_nav li a.prev{
background: url(../images/resources/cal_arrow.gif) no-repeat -20px 0;
text-indent: -9999px;
}

ul.portfolio_list_nav li a.prev:hover{
background-position: 0px;
}

ul.portfolio_list_nav li a.next{
background: url(../images/resources/cal_arrow_next.gif) no-repeat -20px 0;
text-indent: -9999px;

}

ul.portfolio_list_nav li a.next:hover{
background-position: 0px;
}

#portfolio_list li a span{
border-color: #f6f6f6;
}

#portfolio_list li a:hover span{
border-color: #FABE0A;
}

.portfolio_mininav{
font-size: 0.9em;
}



.web_links_list{
list-style: none;
margin: 5px 0 0 0;
}

.web_links_list li{
border-bottom: 1px dotted #ccc;
padding-bottom: 5px;
margin-bottom: 4px;
}

h4.web_links_head, h4.email_link_head{
display: inline;
font-family: "American Typewriter", Courier, sans-serif;
font-size: 1em;
}



.enlarge_img{
background: #FF1717 url(../images/resources/magnify_red.gif) no-repeat 0 0;
text-indent: -9999px;
/* css3 only - don't rely on it!! */
opacity: 0.8; 
border-left: 7px solid #FF1717;border-right: 7px solid #FF1717;
border-top: 2px solid #FF1717;border-bottom: 2px solid #FF1717;
}

.enlarge_img:hover{
background-position: -20px;
border-left: 7px solid #FF1717;border-right: 7px solid #FF1717;
border-top: 2px solid #FF1717;border-bottom: 2px solid #FF1717;
}

p.main_img_desc{
background: #fff;
/* css3 only - don't rely on it!! */
opacity: 0.8; 
}

.portfolio_thumbs li a span{
border: 2px solid #F6F6F6;
}

.portfolio_thumbs li a:hover, .portfolio_mininav li a:hover{
border: 2px solid #FABE0A;
}

.portfolio_thumbs li a.current{
border: 2px solid #5EFF81;
}

.portfolio_back, .back_link{
display: block;
width: 75px;
height: 35px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/resources/back.gif) no-repeat 0 0;
}

.portfolio_back:hover, .back_link:hover{
background-position: -74px 0;
}

.portfolio_updated_date{
color: #aaa;
}

/*   //////////////////////////////////////////////// */
/*                                           	Admin */
/*   //////////////////////////////////////////////// */

form#member_profile_form{
background: #D2E8F0;
}

.admin_form_holder{
overflow: hidden;
}

.admin_form_holder form fieldset{
background: #D2E8F0;
padding:10px;
}

#admin_member_profile, #newsletter_prefs, #member_photo,#admin_portfolio, #member_pay{
background: #D2E8F0;
padding:10px;
overflow: hidden;
}

.admin_posts_list_holder{
padding: 10px;
background: #f6f6f6;
}

.btn_edit, .edit_post{
text-indent: -9999px;
background: url(../images/resources/btn_edit.png) no-repeat 0 0;
}

.btn_add_new{
text-indent: -9999px;
background: url(../images/resources/btn_add_new.png) no-repeat 0 0;
}

a.btn_edit:hover, .edit_post:hover{
background-position: -50px;
}

a.btn_add_new:hover{
background-position: -52px;
}

#status_holder{
background: #D2E8F0;
width: 295px;
padding: 5px;
}

#profile_container fieldset{
background: #D2E8F0;
padding: 10px;
overflow: hidden;
}



#form_portfolio_images fieldset{
background: #D2E8F0;
overflow: hidden;
padding: 10px;
}






#status_label, #status_label select{
font-size: 14px;
}

#status_label span{
width: 95px;
margin-right: 20px;
}

#status_label select{
width: 190px;
}

span.r_remove{
padding-right: 20px;
background: url(../images/resources/trashcan.png) no-repeat top right;
}

#save_finish, #next_stage, #finish{
border: none;
outline: none;
display: block;
height: 33px;
width: 132px;
background: url(../images/resources/save_portfolio.png) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}

#next_stage{
background: url(../images/resources/next_stage.png) no-repeat 0 0;
}

#finish{
background: url(../images/resources/save_finish.png) no-repeat 0 0;
}

#save_finish:hover, #next_stage:hover, #finish:hover{
background-position: -132px 0;
}

#gal_save, #gal_update{
width: 117px;
height: 34px;
display: block;
overflow: hidden;
background: none;
outline: none;
border: none;
cursor: pointer;
text-indent: -9999px;
background: url(../images/resources/save_image.png) no-repeat 0 0;
}

#gal_save:hover, #gal_update:hover{
background-position: -117px 0;
}


#gal_update{
background: url(../images/resources/btn_update.png) no-repeat 0 0;
}

.attachment{
width: 20px;
height: 20px;
float: left;
display: block;
margin-right: 5px;
text-indent: -9999px;
background: url(../images/resources/paperclip.png) no-repeat 0 0;
}

.show_all{
background: url(../images/resources/btn_show_all.png) no-repeat 0 0;
text-indent: -9999px;
width: 102px;
height: 24px;
display: block;
}

.show_all:hover{
background-position: -102px 0;
}

dl#search_results{
border-top: 1px solid #ddd;
}

dl dt.search_results{
padding: 10px 10px 5px 10px;
font-size: 15px;
}

dl dd.search_results{
border-bottom: 1px solid #ddd;
margin-bottom: 0;
padding: 0 5px 10px 10px;
position: relative;
overflow: hidden;
display: block;
/*background: #FDFFCC;  cream */
}

dd{
margin-bottom: 0;
}

dl dd.search_results .post_info{
width: 470px;
}

dt.s_alt, dd.s_alt{
background: #f9f9f9;
}

.search_term{
color: #381206;
}

form#advanced_search{
background: #E8E6B3;
padding: 10px;
}

#advanced_search fieldset{
border-bottom: 1px dashed #fff;
margin-bottom: 20px;
padding-bottom: 20px;
}

#advanced_search select{
border: none;
}


.faq_item{
background: #f9f9f9;
padding: 10px 10px 10px 10px;
display: block;
overflow: hidden;
margin-bottom: 20px;
position: relative;
}

#admin_preview{
border: 5px dashed #f6f6f6;
padding: 10px;
}

.publish_info{
background: #f6f6f6;
padding: 10px;
}