/*  
Theme Name: cilento
Theme URI: http://purposemakers.net
Description: cilento
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------
* div  {
  background:#cfd0d2;
}

  Reset and Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
}

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.alignleft {float:right; padding:0 10px 10px 0;}
.t_right{ text-align:right; }
.alignright {float:right; padding:0 0 10px 10px;}
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
  font-size:11px;
  line-height:1.5;  
  color:#fff;
  background:#000 url(img/body_bg_01.jpg) center top repeat-x;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* This class sets the width and position for all rows */
.inside {
  width:940px;
  margin:0 auto;
  padding:0;
}

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

h1 { font-size: 24px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 20px; margin-bottom: 0.75em; }
h3 { font-size: 12px; margin-bottom: 1em; font-weight: bold; }
h4 { font-size: 12px; font-weight: bold; margin-bottom: 1.25em; }
h5 { font-size: 12px; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 12px; font-weight: bold; }

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a {
  color:#a8a9a1;
  text-decoration:none;
  font-weight:bold;
}

a:hover { 
  color:#aa3fb3;
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #C00;
  color:#BBB;
  background-color:#333;
  font-size:1.1em
}

hr {
  background-color: #fff;
  color: #fff;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header {
}

#header .inside {
  padding-bottom:15px;
  border-bottom:1px solid #8c8c8c;
}

#header h1{ 
  font-size:2.25em;
  padding:30px 15px 15px 15px;
  margin:0;
  float:left;
}

#header h1 a{ 
  text-decoration:none; 
  display:block;
  width:183px;
  height:63px;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/cilento_logo_01.png) no-repeat left top;
}

#header h2{ 
  margin:0;
  padding:0;
  float:left;
  clear:right;
  font-size:2.5em;
}

#header h2 a { 
  text-decoration:none; 
  display:block;
  width:290px;
  height:80px;
  border:0;
  text-indent:-10000px;
}

#members h2 a { 
  background: transparent url(img/members_button_01.gif) no-repeat left top;
  margin:0 0 0 30px;
}

#visitors h2 a { 
  background: transparent url(img/visitors_button_01.gif) no-repeat left top;
  margin:0 0 0 120px;
}

#home_tag {
  float:left;
  width:670px;
  margin:20px 0 0 45px;
}

#home_tag p, #home_tag h3  {
  margin:0;
}

#home_tag p  {
  color:#ccc;
  font-size:13px;
  font-weight:bold;
}

#home_tag h3  {
  font-size:2em;
}

#search {
  float: right;
  padding: 30px 0 0 0;  
}

#contact_head {
  width:370px;
  white-space: nowrap;
  float: right;
  clear:right;
  padding:40px 30px 0 0;  
}

#contact_head p {
  margin:0;
  padding:0;
}


/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/

#nav {
  width:635px;
  float:right;
  font-size:12px;
}

#nav ul{
  padding:50px 0 0 0;
  margin:0;
  float:right;  
  text-transform:lowercase;
}

#nav li {
  float:left;  
  list-style:none;
	padding:0;
	margin:0;   
}

* html #nav li {
	margin:0 0 -5px 0;   
}

#nav a {
  display:block;
	border-left:1px solid #fff; 
	color:#fff;
	line-height:1em;
	padding:0 15px;
  font-weight:bold;  
}

#nav li a:hover, #nav li a.selected{
	color:#aa3fb3;	
}

#nav li.current_page_item, #nav li.current_page_parent {
	color:#aa3fb3;
}

#nav li.current_page_item a, #nav li.current_page_parent a {
  color:#aa3fb3; 
}

#nav li.current_page_item a:hover, #nav li.current_page_parent a:hover {
  color:#aa3fb3;
}

#nav li ul {
  padding:5px 0 0 0;  
}

#nav li ul li {
	padding:0 0 0 15px; 
}

#nav li ul li a {
  color:#a8a9a1;
}

#nav .no-sep a {
  border-left:none !important;
}

#nav .page-item-12 a, #nav .current_page_item .page-item-12 a  {
  color:#000 !important;
  background-color:#aa3fb3;
  padding:7px 15px;
  margin:-7px 0 0 0;
  border-left:none !important;
  text-transform:uppercase;  
}

#nav .page-item-12 a:hover {
  color:#000;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
  text-align:left;
  padding:15px 0;
}

#breadcrumb {
  float:right;
  font-size:11px;  
  width:683px;
  font-weight:bold;
  color:#000;
  padding:10px 15px 0 15px;
  height:30px; 
  background-color:#aa3fb3;  
}

#breadcrumb a {
  color:#fff;
  text-decoration:none;
}

#breadcrumb a:hover {
  color:#000;
}

#primary .primary {
  width:620px;
  margin:0 10px 0 0;
  float:left;
}

#s1_container {
  float:right;
  width:713px;
  height:421px;
  position:relative;  
}

#s1 {
  width:713px;
  height:421px;
}

#s2_container {
  float:right;
  padding:15px 0 0 0;
  width:713px;
  height:220px;
  position:relative;  
}

#map_container {
  float:right;
  padding:15px 0 0 0;
  width:713px;
  height:300px;
}

#page_img_container {
  float:right;
  width:713px;
  height:421px;
  position:relative;  
}

#title {
  position:absolute;
  top:0px;
  height:25px;
  width:653px;
  z-index:100;
  background: url(img/s1_title_bg_01.png) repeat-x left top;
  padding:15px 30px 0 30px;
  color:#fff;
  font-weight:bold;  
}


* html #title {

}

#title h3 {
  color:#fff;
  display:inline;
	padding:0;
	margin:0;
  font-size:11px;	
  font-weight:bold;	
}

#content {
  float:right;
  width:713px;  
  padding:15px 0;
}

#home {
  width:305px;
  padding:0 30px;
  float:left;
  margin:20px 0;
  border-right:1px solid #a8a9a1;  
}

.project_container {
  border-bottom:1px solid #a8a9a1;
}

.project {
  width:470px;
  float:left;
  margin:20px 0;
  padding:0 30px;
  clear:left;

}

.thumb_base {
  height:360px;
  float:right;
  clear:right;  
}

.pro_details {
  float:left;
  margin:30px 0 0 10px;
  width:165px;
  clear:right;
}

.main_img_container {
  width:480px;
  margin:-5px 0 0 0;
  padding:0;  
  float:left;
}

.img_container {
  width:135px;
  margin:15px 0;
  padding:0 30px;  
  float:right;
  clear:right;
}

#page {
  width:420px;
  padding:0 0 0 30px;
  float:left;
  margin:20px 0;
}

.date {
  font-weight:bold;
  color:#aa3fb3;
}

#primary .wpcf7-form input, #primary .wpcf7-form textarea {
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background-color:#eee;
  border:1px solid #ccc;
  color:#333;
  font-family:Arial,Verdana,sans-serif;
  font-size:13px;
  margin-top:5px;
  padding:5px;
}

#primary .wpcf7-form INPUT[type="submit"] {
  color:#333;
}

h2 a {
  font-weight:normal;
  color:#aa3fb3;
}

h2 a:hover {
  font-weight:normal;
  color:#a8a9a1;
}

.postmetadata {
  padding:5px 10px;
  font-size:11px;
  margin:50px 0;
  font-weight:bold;
  background-color:#333;
  font-family: Arial, Helvetica, sans-serif;  
}

#blocks img {
  padding:0 13px 0 0;
}

#blocks img.none {
  padding:0;
}

/*-----------------------------------------------------------------------------------------------
  Departments
-----------------------------------------------------------------------------------------------*/

.department h2 { 
  padding:0;
  margin:0;
}

.department h2 a { 
  display:block;
  width:211px;
  height:40px;
  text-indent:-10000px;
}

.department {
  width:211px;
  height:95px;
  margin:0 0 14px 0;
  display:block;
  float:left;
}

#ladieswear {
  background: transparent url(img/ladieswear_bg_01.png) no-repeat top left;  
}

#breadcrumb.ladieswear {
  background-color:#32cccb;   
}

.ladieswear h2 {
  color:#32cccb;
  text-transform:uppercase;   
}

.ladieswear strong {
  color:#32cccb;
}

.ladieswear #stockists_container ul li {
  color:#32cccb;  
}

#menswear {
  background: transparent url(img/menswear_bg_01.png) no-repeat top left;  
}

#breadcrumb.menswear {
  background-color:#aa3fb3;   
}

.menswear h2 {
  color:#aa3fb3;
  text-transform:uppercase;   
}

.menswear strong {
  color:#aa3fb3;
}

.menswear #stockists_container ul li {
  color:#aa3fb3;  
}

#kidswear {
  background: transparent url(img/kidswear_bg_01.png) no-repeat top left;  
}

#breadcrumb.kidswear {
  background-color:#7bd75c;   
}

.kidswear h2 {
  color:#7bd75c;
  text-transform:uppercase;   
}

.kidswear strong {
  color:#7bd75c;
}

.kidswear  #stockists_container ul li {
  color:#7bd75c;  
}

#denim {
  background: transparent url(img/denim_bg_01.png) no-repeat top left;  
}

#breadcrumb.cilento-denim {
  background-color:#e1148d;   
}

.cilento-denim h2 {
  color:#e1148d;
  text-transform:uppercase;   
}

.cilento-denim strong {
  color:#e1148d;
}

.cilento-denim #stockists_container ul li {
  color:#e1148d;  
}


#page_nav {
  width:420px;
  float:left;
}

#page_nav h3 {
  float:left;
  padding:3px 0;  
}

#page_nav ul li {
  float:left;  
  list-style:none;
	padding:0;
	margin:0;   
}

#page_nav ul li a {
  display:block;
  padding:3px 5px; 
  margin:0 0 0 12px;
  color:#000;
}

.ladieswear #page_nav h3 {
  color:#32cccb;
}

.ladieswear #page_nav a {
  background-color:#32cccb;
}

.ladieswear #page_nav a:hover {
  background-color:#000;
  color:#32cccb;
}

.menswear #page_nav h3 {
  color:#aa3fb3;
}

.menswear #page_nav a {
  background-color:#aa3fb3;
}

.menswear #page_nav a:hover {
  background-color:#000;
  color:#aa3fb3;
}

.kidswear #page_nav h3 {
  color:#7bd75c;
}

.kidswear #page_nav a {
  background-color:#7bd75c;
}

.kidswear #page_nav a:hover {
  background-color:#000;
  color:#7bd75c;
}

.cilento-denim #page_nav h3 {
  color:#e1148d;
}

.cilento-denim #page_nav a {
  background-color:#e1148d;
}

.cilento-denim #page_nav a:hover {
  background-color:#000;
  color:#e1148d;
}

.galleries #page {
  width:683px;
}

.galleries ul {
  margin:0;
  padding:0;
}

.galleries ul li {
  display:block;
  float:left;
  padding:15px 25px;
  margin:0;
  width: 150px;
}


/*-----------------------------------------------------------------------------------------------
  Stockists Container
-----------------------------------------------------------------------------------------------*/

#stockists_container {
  float:right;
  width:215px;
  margin:20px 0;
  padding:0 0 0 30px;
  border-left:1px solid #a8a9a1;  
}

#stockists_container h2 {
  color:#fff;
}

#stockists_container ul {
	padding:0;
	margin:0;
	font-weight:bold;
}

#stockists_container ul li {
  list-style:none;
	padding:0;
	margin:0;
}


/*-----------------------------------------------------------------------------------------------
  Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar {
  width:211px;
  float:left;
}

#sidebar ul {
	padding:0 0 0 15px;
	margin:0;
}

#sidebar ul li {
  float:left;  
  list-style:none;
	padding:0;
	margin:0;
  text-transform:capitalize;
}

#sidebar ul li a {
  color:#000;
  background: transparent url(img/sidebar_li_bg_01.png) no-repeat right center;
	padding:0 10px 0 0;  
	margin:0 5px 0 0;
}

#sidebar ul li a:hover {
  color:#fff;
}


/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#primary .secondary {
  width:181px;
  padding:15px;
  float:left;
}

.secondary ul {
  margin:0;
  padding:0;
}

.secondary ul li {
  margin:0 ;
  list-style:none;
  background: transparent url(img/bullet_bg_grey_01.gif) no-repeat 0 7px;
	padding:0 0 5px 15px; 
}

.sidebar_module {
  width:240px;
  float: left;
  margin:10px 0 10px 10px;
  padding:0 0 10px 0;
}

.first {
  margin:10px 0 10px 0; 
}

#primary #page_sidebar {
  width:180px;
  float:right;
}



/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
  color:#fff;
  font-weight:bold;
  border-top:1px solid #8c8c8c;
  padding:15px 0;  
}


/*-----------------------------------------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------------------------------------*/

.contactform {
  float:left;
  font-size:1.1em;
  width:400px;
}

label {

} 

.contacterror {
  border: 1px solid #ff0000;
}

.sub_error {
  background-color:#cc0000;
  color:#fff;
  padding:5px;
  margin:0 0 20px 0;
}

.sub_error p {
  padding:0px;
  margin:0px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer {
  clear:both;
  background:#000 url(img/bottom_bg_01.jpg) left top repeat-x;  
  color:#a8a8a8;
  padding:15px 0;
}

#footer a {
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover { 

}

#footer h2 {
  color:#a8a8a8;
  font-size:18px;
}

#footer p {
  margin:0;
  font-size:11px;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}

a.rss {
  padding:4px 0 5px 16px;
  margin:5px 0 0 0;
  background: url(img/feed-icon-12x12.gif) no-repeat left center;
}

#left_col {
  float:left;
  width:211px;
}

#central_col {
  float:left;
  width:500px;
  padding:0 0 0 15px;
}

#right_col {
  float:right;
  width:211px;
}

#subscribe_form label {
  float:left;
  clear:left;
  padding:0 0 5px 0;
}

#subscribe_form input, #subscribe_form textarea {
  float:right;
}

input, textarea {
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background-color:#444242;
  color:#fff;
  border:1px solid #a5a5a5;
  font-family:Arial,Verdana,sans-serif;
  font-size:11px;
}

INPUT[type="submit"] {
  color:#fff;
  margin:10px 0 0 0;
  border:0;
  padding:3px 5px;
}

.directory_left_col {
  width:145px;
  float:left;
}

.directory_center_col {
  width:145px;
  float:left;
  padding:0 0 0 30px;
}

.directory_right_col {
  width:145px;
  float:right;  
}

#footer ul {
  padding:0 0 5px 0;
  margin:0;
}


#footer ul li {
  padding:0 0 0 3px;
  margin:0 0 0 15px;
}

p#copy_meta {
  margin:37px 0 0 0;
  padding:5px 0 0 0;
  border-top:1px solid #8c8c8c;  
}



/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

#mytable {
  padding: 0;
  margin: 0;
  font-size: 85%;
  width:95%;
}

#mytable a {
  font-weight:bold;
}

th {
  color: #fff;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color: #bc9b6a;
}

td {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 6px 6px 6px 12px;
  color: #4f6b72;
}

td.spec {
  border-left: 1px solid #eee;
  border-top: 0;
  font-weight:bold;
  background-color: #f5f5f5;  
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/*-----------------------------------------------------------------------------------------------
  infiniteCarousel
-----------------------------------------------------------------------------------------------*/

#image_gallery {
  width:713px;
  height:262px;
  float:left;
  display:block;
  background:#000 url(img/image_gallery_bg_01.jpg) repeat-x top left;
}

.infiniteCarousel {
  float:left;
  clear:both;
  width: 713px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 619px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  margin:0 47px;
  height:262px;
  overflow: auto;
  position: absolute;
  top: 0;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding:24px 28px;
  margin:0;
  width: 150px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 62px;
  width: 31px;
  background: url(img/nav_arrows_01.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.infiniteCarousel .back {
  background-position: 0 0;
  top: 100px;
  left:15px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -62px;
}

.infiniteCarousel .forward {
  background-position: -32px 0;
  top: 100px;
  right:15px;
}

.infiniteCarousel .forward:hover {
  background-position: -32px -62px;
}