/*
THEME NAME: FashionPersonnel v1.0
VERSION: 1.0
AUTHOR: <a href="http://karebou.com/">Karebou Web Design Studio</a>
*/

TOC ............................................
>1: RESET
>2: DEFAULT CLASSES
>3: ACCESSIBILITY
>4: DEFAULT STYLES
>5: LAYOUT STYLES
>6: GENERAL STYLES
>7: FORM STYLES
>8: PAGE SPECIFIC STYLES
	>8a: Home page
	>8b: Category Page
	>8c: Product Page
>9: SNIPPETS

*/

/* >1: RESET ............................................  */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline: none;}
strong {font-weight:bold;}
em{font-style:italic;}

/* >2: DEFAULT CLASSES ............................................ */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.large{ font-size: 1.1em;}
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.floatRight, .alignright { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.hide { display: none; }
.teal {color:#0e92b5;}
.green {color:#8ca33a;}
.blue {color:#04497d;}

/* >3: ACCESSIBILITY  ............................................ */
.skip-link {
	position: absolute;
	left: -9999px;
	font-size: small;
}

/* >4: DEFAULT STYLES............................................ */
body {
	font: 62.5%/1.4 'Cantarell', arial, serif;
	color: #282828;
	background:#fff url('images/background.png') repeat;
	margin:0;
}

h1 { 
	font-size: 30px;
	margin: 0;
	padding: 0;
	color:#000;
}

	.home h1 {color:#000;}
	
	.category h1 {padding:30px 0 0 30px;}

h2 {
	font-size: 24px;
	color:#282828;
	margin: 0;
	padding: 0;
	line-height:1.3em;
}

h3 { 
	font-size: 20px; 
	color: #000;
}

h4 {
	font-size:18px;
	color:#000;
	}

a { color: #287682; text-decoration: none;}

a:hover, a:active { text-decoration: underline; }

p{margin: 0 0 1em 0;color:#282828;font-size:14px;line-height:2.0em;}

ul {font-size:14px;}

/* >5 LAYOUT STYLES............................................ */
#wrapper {
	width:970px;
	margin:0 auto;
	padding:30px 0;
}

div#container {
	float:right;
	width:722px;
	margin-top:30px;
}

div#content {margin:0;}

div#left-sidebar {
	background:#83BEC7 url(images/left-sidebar-bg.png) repeat-y;
	float:left;
	margin-top:30px;
	width:247px;
	}
	
div#footer {
	clear:both;
	width:970px;
	margin:20px auto;
}

.entry-title,.entry-meta {clear:both;}

div#header {
	height:240px;
	width:240px;
	float:left;
	margin:0 1px 1px 0;
	z-index:999;
	position:relative;
}

div#access {
	background:#83bec7;
	margin:247px 1px 0 7px;
	z-index:100;
	padding:0 11px 0 15px;
}

div#intro {
	background:#83bec7 url(images/intro-bg.png) repeat;
	height:190px;
	margin-bottom:1px;
	padding:25px 35px;	
}

img.black-border {margin-left:7px;}

/* >6 NAVIGATION STYLES............................................ */
ul#menu-main-menu {
	margin-top:15px;	
}

ul#menu-main-menu li {
	padding:14px 0;
	border-bottom:1px dotted #4b6266;
}

ul#menu-main-menu li a {
	color:#1b1b1b;
	font-size:14px;
}

ul#menu-main-menu li a:hover {text-decoration:none;background:#A1E9F4;}

/* >7 PAGE STYLES............................................ */
div#intro p {
	font-size:17px;
	line-height:1.8em;
	color:#292728;
	text-align:justify;
	letter-spacing:-.03em\9;
}

div#intro h1 {margin-bottom:10px;}

div.post, div.page .entry-content, div.comments, div.search-results {padding:30px;}

div.comments {border-top:1px dotted #4b6266;}

body.blog div.entry-meta, body.archive div.entry-meta {
	border-bottom:1px dotted #000;
	padding-bottom:30px;
	}
	
body.blog div.post, body.archive div.post {padding-bottom:0;}

body.page #intro  {
	padding-top:55px;
	height:160px;
}

#intro a.readmore {
	background:url(images/flower.gif) no-repeat 83px 14px;
	padding:20px 64px 20px 0;
}
body.pageid-7 div.post {
	width:446px;
	float:left;
}

div#job-listings {position:relative;}

div#right-sidebar {
    width: 176px;
	background:#282828;
	padding:20px;
	position:fixed;
	margin:-9px 0 0 506px;
	}
	
div#right-sidebar h3 {
	color:#fff;
	font-size:18px;
	margin-bottom:20px;
}	

div#right-sidebar, div#right-sidebar p {color:#fff;}

div.entry-content img {
	border:10px solid #fff;
	margin:15px;
	-moz-box-shadow: 0 0 1em #999;
	-webkit-box-shadow: 0 0 1em #999;
	box-shadow: 0 0 1em #999;
	border:1px solid #ccc\9;
}

blockquote {
	padding-left:18px;
	text-indent:-18px;
	font-size:17px;
	line-height:1.8em;
	margin-top:10px;
}

blockquote:first-letter {
	padding-left:18px;
	font-size:30px;
	padding-top:10px;
	line-height:1.2em;
}

ul#breadcrumbs, div#crumbs {margin:10px 0 0 30px;}

ul#breadcrumbs li {
	float:left;
	font-size:12px;
	color:#666;
	}
	
div#crumbs {
	font-size:12px;
	color:#666;
}

div#comments h3, div#comments p, div#comments label {color:#fff;}

div#comments-list h3, div#comments-list p {color:#000;}

div#comments-list h3 {margin-bottom:10px;}

td.author-details {
	width:200px;
	vertical-align:top;
}

div.comment-author {font-size:16px;}

li.comment, ul.job-list li{
	border-bottom:1px dotted #83BEC7;
	padding:10px 0;
	}




/* >8 HOME PAGE STYLES............................................ */
body.home div.entry-content {padding:0;}

body.home div#intro, body.pageid-7 div#intro {padding-top:25px;height:190px;}

ul.home-boxes li {
	width:200px;
	height:190px;
	margin:0 1px 1px 0;
	float:left;
	padding:35px 20px 15px 20px;
}

li.box1 {
	background:url(images/box1.png) no-repeat;
}

li.box2 {
	background:url(images/box2.png) no-repeat;
}

li.box3 {
	background:url(images/box3.png) no-repeat;
	margin-right:0!important;
}

li.box4 {
	background:url(images/box4.png) no-repeat;
}

li.box5 {
	background:url(images/box5.png) no-repeat;
}

li.box6 {
	background:url(images/box6.png) no-repeat;
	margin-right:0!important;
}

li.box7 {
	background:url(images/box7.png) no-repeat;
}

li.box8 {
	background:url(images/box8.png) no-repeat;
}

li.box9 {
	background:url(images/box9.png) no-repeat;
	margin-right:0!important;
}

ul.home-boxes li h2 {
	font-size:22px;
	color:#f1f1f1;
	width:150px;
	height:160px;
}

ul.home-boxes li p.city {
	font-size:16px;
	color:#a2a2a2;
	text-align:right;
}

div.highslide-maincontent {padding:0 20px;}




/* >9 FORM STYLES............................................ */
form#subForm input {
	margin-bottom:5px;
	background:#a1e9f4;
	width:200px;
	color:#333;
	border:1px solid #787a7b;
	}

form#subForm input.subscribe {
	background:#000;
	color:#fff;
	padding:5px;
	border:0;
	width:auto;
	margin-bottom:0;
	cursor:pointer;
}

form#subForm input.subscribe:hover {background:#fff;color:#000;}

#form {position:relative;}

.tab-required1 {
	position:absolute;
	top:79px;
	left:472px;
}

.tab-required2 {
	position:absolute;
	top:182px;
	left:472px;
}

.tab-required3 {
	position:absolute;
	top:131px;
	left:472px;
}

.tab-required4 {
	position:absolute;
	top:242px;
	left:472px;
}

.tab-status {
	position:absolute;
	top:385px;
	left:472px;
}




/* >10 SIDEBAR STYLES............................................ */
div.sidebar {
	padding:20px 15px 0;
}

div#secondary {padding:5px 15px 15px 22px;}

div#primary {padding:23px 15px 15px 22px;}

div#secondary ul.xoxo {
	border-top:1px dotted #4b6266;
	padding-top:21px;
}



/* >11 FOOTER STYLES............................................ */
#footer ul {
	margin:15px 0 0 7px;
	font-size:12px;	
	padding-bottom:20px;
	}

#footer ul li {float:left;}

#footer ul li.footer-links {margin:0 143px;}