/* this is where site-specific CSS tends to congregate */

/* NAV */

#nav-wrap { background: #8e8e8e url(/skincreative/images/nav-edge.jpg) no-repeat top left; padding-left:20px; margin-left:15px; }

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color:white; font-size:11px; line-height:19px; }
#nav a:hover {color:#000}

#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active { color:#000;}
#nav li.active a:hover {color:#000}

#nav li.parent li a:hover, #nav li.active li a:hover { color: #000; }

#nav li.parent li { border-top:1px solid #afafaf; border-bottom:1px solid #545454;  }
#nav li.parent li a, #nav li.parent li a:link, #nav li.parent li a:active, #nav li.parent li a:visited { background: #8e8e8e; }
#nav li ul { background: #4b4b4b; }

#nav li.active li a:link, #nav li.active li a:active, #nav li.active li a:visited, #nav li.parent li a { color: #fff; }
#nav li.parent li a:hover, #nav li.active li a:hover { background:#fff; color: #990000; }
	
/* SEARCH (incl pod in nav) */
#search-wrap { background-color: #8e8e8e; }
#search input.f-submit {background: white; color:#ce171f;}

.pod-search input.f-submit {background: white; color:#ce171f;}
form.formtool .pod-search select {color:#666;}
.pod-search { background: #8e8e8e; }

/* DIRECTORY */

.display-first-level-pod { background: #ffffff; }

/* POLL */

td.resultbar { background-color:#CE171F; }

td.answerlabel label.answerlabel { color: #000; }

/* EXTJS TAB PANEL */

.tabs .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
	color:#777777;
}

.tabs .x-tab-strip-top .x-tab-strip-text {
	color:#ffffff;
}

#directorycategorylisting-div label.fieldsectionlabel { color: #333;}
#directorycategorylisting-div select { color: #333;}
#directorycategorylisting-div input { color: #333;}

/* HYPERLINKS */

a:link, a:visited, a:hover, a:active {
	color: #990000;
}

/* BUTTONS */

#poll-btn, #login-btn { background-color: #CCCCCC; }
#menusearch-btn, #archivesearch-btn, #searchreset-btn { background-color: #fff; }
#menusearch-btn, #archivesearch-btn, #searchreset-btn, #poll-btn, #login-btn { color: #990000; }
#companylisting-btn, #companylistingclear-btn { color: #13508F; background-color: #fff; }

#login-btn { width:113px; }
#subscribe input { width:105px; }

/* SUPPLIED HEADERS and FONTS */

h1 {    
    color:#990000; 
    font-size:14px;
}

h1.internal {
	color:#333333;
}

h2 {    
    color:#990000;  
    font-size:12px;
    line-height:13px;
}

h3 {    
    color:#990000;	
}

h4 {    	
    color:#000; 
}

p {    	
    color:#333333;
}

form p, .byline p, .byline {    	
    color:#333333;  
}

h1,h2,h3,h4,h5,h6,p, .vertical-news-feature, .vertical-news-column, .article, .search-summary { font-family: arial, helvetica, san-serif; }
p, .vertical-news-feature, .vertical-news-column, .article, .search-summary { color: #333333; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; letter-spacing:0.5px; }

/* LISTS */
.longheader h3 a, .longheader h3 a:link, .longheader h3 a:visited, .longheader h3 a:hover, .longheader h3 a:active { color: #fff }
.shortheader h3 a, .shortheader h3 a:link, .shortheader h3 a:visited, .shortheader h3 a:hover, .shortheader h3 a:active { color: #fff; }
.event-date { color: #666666 }

/* GENERAL */

#footer #nav a, #footer #nav a:active, #footer #nav a:link, #footer #nav a:visited { color: #999999; border-right:1px solid #999999; }

/* JOBS */

.jobform { border:2px solid #ECECEC;  }
.job-listing-pod { background: #ECECEC;  }

/*EVENTS*/
.byline .venue { font-weight:bold; }

/* CONTACT US */

#contactus-btn { color: #ce171f; background-color:#ececec }
#contactUs form.formtool label { color: #333; }
#contactUs input, #contactUs select, #contactUs textarea { border:2px solid #ececec; }


#bd-wrap li, .shortheader li, .adnewsheader li, .longheader li, table li, .marineheader li, 
.blogrecentposts li {line-height: 1.4em;padding-left: 15px;background: transparent url(/skincreative/images/creative-bullet.gif) 0px 3px no-repeat}

form.formtool input { color: #666; }

/* BLOG STUFF */

.item .body { margin-bottom:10px; }
.item { margin:15px 0; }
.item h1 { margin-bottom:0px; }
.item p.grey { color: #afafaf; margin-top:0; }

.paginator { clear:both; }
#bd-wrap .paginator a:hover { background-color: #003366; }

span.yellow { color: #f4d90c; padding:0 2px; }
.horizontal-news-feature { overflow:hidden; width:610px; }
.longheader h3 a:hover { text-decoration:none; }

.feature h3 a, .feature h3 a:link, .feature h3 a:visited, .feature h3 a:hover, .feature h3 a:active { color: #3E8191; }

/* NEW STUFF FOR CREATIVE */

body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

#bd { background: transparent url(/skincreative/images/lines-bg.jpg) repeat-y 640px top; }
#body-wrap { padding-bottom:0px; }
#util { margin-top:0; }
#util-wrap { padding-left:7px;  }
#util .longheader p { margin:0 10px; }
#util #subscribe p { margin:0; }
#util-bottom-left {
width:146px;
}

#bd-wrap .longheader {width:290px; padding:0px 5px 0 5px; background: transparent url(/skincreative/images/header-long.gif) no-repeat;
	overflow:hidden; margin-bottom:6px; font-weight:normal;float:left;}
#util .longheader {width:275px; padding:0px 5px 0 5px; background: #f2f2f2 url(/skincreative/images/header-long.gif) no-repeat;
	overflow:hidden; margin:8px 7px; font-weight:normal;}

.longheader h3 { padding:0px 0 0 15px; }
.longheader h3, .longheader h3 a, .longheader h3 a:link, .longheader h3 a:visited, 
.longheader h3 a:hover, .longheader h3 a:active { color: #fff; letter-spacing: 0.2px; }


.shortheader h3 { padding:0px 0 0 15px; }
.shortheader h3 a, .shortheader h3 a:link, .shortheader h3 a:visited, .shortheader h3 a:hover, 
.shortheader h3 a:active, .shortheader h3 { color:#FFFFFF; letter-spacing: 0.2px; }

#bd-wrap .shortheader { background: transparent url(/skincreative/images/header-long.gif) no-repeat; overflow:hidden; font-weight:normal;}
#util .shortheader { background: #f2f2f2 url(/skincreative/images/header-long.gif) no-repeat; overflow:hidden; font-weight:normal; padding:0px 5px 0 10px; width:120px; margin-left:7px;  }

span.yellow {
color:#990000; font-size:14px; line-height:12px;  
}

.lhs-typelisting { width:295px; zoom:1; }
.rhs-typelisting { float:left; width:295px; zoom:1; }

#bd-wrap .galleries li, #bd-wrap  .fancyGallery li { background:0; padding:0; float:left; list-style-image:none; list-style-position:outside;
	list-style-type:none;}

#commentform h3 { padding-bottom: 0px; margin:0; }


.fancyGallery img, .galleries img { padding:5px; border:1px solid #e5e5e5; }
.galleries li { float:left; margin: 10px 0; width:130px; text-align:center; height:120px; }

.fancyGallery { clear:both; }
.fancyGallery div { margin:10px; }
.galleries { clear:both; }