/*
Theme Name: Leesa Goodway - Makeup Artist
Theme URI: http://www.bs1webdesign.com
Description: Custom wordpress theme based on 960 Grid System
Author: Adam Beizsley-Pycroft
Author URI: http://www.bs1webdesign.com
Version: 1

*/



@import url("css/layout.css");


@charset "UTF-8";

/* BS1 Web Design */
/* 960 Base Theme basic classes & ids */
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body
{
	background: #000000;
	border-top: 5px solid #000;
	color: #ffffff;	font-size: 14px;
	line-height:18px;
	font-family: "etica-1","etica-2",sans-serif;font-weight:300;
	background-image:url(./img/backgrounds/background.jpg);
}
#logo {
background: transparent url(./img/logos/makeupartist.png) no-repeat scroll 0% 0%;
width: 258px;
height: 133px;
text-indent: -3333px;
border: 0;
margin: 0;
}
/*
-----------------------------------------------
Header 
----------------------------------------------- */

.header
{
	margin-top:0px;
	height:207px;
	background-color:#000;
	background-image:url(./img/backgrounds/header.jpg);
	background-position:center;
	background-repeat:repeat-x;
	margin-bottom:25px;
	-moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;
}

.footer
{
	color:#FFFFFF;
	background-image:url(./img/backgrounds/content.png);	
	text-align:center;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#d7256c;
	margin-bottom:25px;
	-moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;

}

.footer p{
		padding-top:5px;
		padding-bottom:5px;
}


.logospace
{
	height:145px;
}

.topsearch
{
	padding-top:30px;
	text-align:right;
}

.missionstatement
{
	background-color:#ffffff;
}



.spacer
{
	margin-bottom:18px;
}

/* anchors
----------------------------------------------- */
a
{
	color: #d7256c;
	text-decoration: none;
}

a:visited
{
	color: #d7256c;
	text-decoration: none;
}

a:hover
{
	color: #d7256c;
	text-decoration: underline;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12, .container_16
{

}

.contentbg{
	background-image:url(./img/backgrounds/content.png);	
	-moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;

}
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6
{
	margin-bottom:.3em;
	color: #d7256c;
	font-family: "etica-1","etica-2",sans-serif;font-weight:200;
}

h2
{
	margin-top:1em;
	font-size:24px;
}
h3
{
	font-size:14px;
	margin-top:1em;
}


h5
{
	font-size:1.2em;
}

h6
{
	font-size:1em;
	text-transform:uppercase;
}

h1 a
{
	font-weight:normal;
}

/* branding
----------------------------------------------- */
h1#branding
{
	font-weight:normal;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}

/* page heading
----------------------------------------------- */
h1#page-heading
{
	font-weight:normal;
	margin-bottom:10px;
}

/* boxes
----------------------------------------------- */


.headingholder
{
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background-color:#706c6b;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}

.box h2
{
	font-weight:normal;
}

.box h2 a, .box h2 a.visible
{
	font-weight:normal;
}

.rightbox h2
{
}

.rightbox h2 a, .rightbox h2 a.visible
{
	font-weight:normal;
	color:#fff;
	display:block;
	background-color:#d7256c;
	font-size:14px;
	padding:5px;
}

.grid_4 .box h2 a
{
	background-position: 97% 50%;
}

.grid_5 .box h2 a
{
	background-position: 98% 50%;
}

.grid_12 .box h2 a
{
	background-position: 99% 50%;
}

.block
{
	padding-top:10px;
}

div.menu
{
	padding:0;
}

div.menu h2
{
	margin:0;
}

div.menu .block
{
	padding-top:0;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p
{
	margin-bottom:1em;
}

blockquote
{
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #cccccc;
}

blockquote cite
{
	font-size:.9em;
}

ul, ol
{
	padding-top:0;
}

/* menus
----------------------------------------------- */
ul.menu
{
	list-style:none;
	border-top:1px solid #bbb;
}

ul.menu li
{
	margin:0;
}

ul.menu li a
{
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #cccccc;
}

ul.menu li a:hover
{
	background:#eee;
}

ul.menu li a:active
{
	background:#cccccc;
}

/* submenus
----------------------------------------------- */
ul.menu ul
{
	list-style:none;
	margin:0;
}

ul.menu ul li a
{
	padding-left:30px;
}

/* section menus
----------------------------------------------- */
ul.section
{
	border-top:0;
	margin-bottom:0;
}

ul.section li
{
	text-transform:uppercase;
}

ul.section li a
{
	background:#bbb;
}

ul.section li a:hover
{
	background:#aaa;
}

ul.section li a:active
{
	color:#fff;
	background:#000001;
}

ul.section li li a
{
	background-color:#e1e1e1;
	border-bottom:1px solid #eee;
}

ul.section li li a:hover
{
	background:#cccccc;
}

ul.section li li a:active
{
	color:#000;
	background:#fff;
}

ul.section ul li
{
	text-transform:none;
}

ul.section ul.current li a
{
	background:#eee;
	border-bottom:1px solid #fff;
}

ul.section ul.current li a:hover
{
	background-color:#e1e1e1;
}

ul.section ul.current li a:active
{
	background:#fff;
}

ul.section li a.current
{
	color:#fff;
	background:#000001;
}

ul.section li a.current:hover
{
	background:#555;
}

ul.section li a.current:active
{
	background:#444;
}

ul.section li a.active
{
	background:#fff;
	cursor:default;
}

ul.section li.current > a.active, ul.section li.current > a.active:hover
{
	color:#fff;
	background:#000001;
	cursor:default;
}

/* table
----------------------------------------------- */
table
{
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}

col.colC
{
	width:8em;
}

th, td
{
	padding:.2em 1em;
	text-align:left;
}

thead th
{
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}

thead th.table-head
{
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}

tbody th, tbody td
{
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}

tbody tr.odd th, tbody tr.odd td
{
	background:#fff;
}

tfoot th, tfoot td
{
	border-top:2px solid #000001;
	background:#eee;
}

tfoot tr.total th, tfoot tr.total td
{
	border-top:6px double #000001;
}

tfoot tr.total th
{
	text-transform:uppercase;
}

th.currency, td.currency
{
	text-align:right;
}

/* forms
----------------------------------------------- */
form
{
	overflow:hidden;
}

fieldset
{
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}

legend
{
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}

fieldset.login p
{
	margin-bottom:1em;
	margin-top:0pt;
}

fieldset p label
{
	width:98%;
}

fieldset p input
{
	width:98%;
}

fieldset p select
{
	width:99%;
}

fieldset.login p label
{
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}

fieldset.login p input
{
	width:60%;
}

fieldset.login input.button
{
	margin-left:35%;
}

form p.notice
{
	font-weight:bold;
}

input.search.text
{
	width:66%;
}

input.search.button
{
	width:28%;
	margin-left:2%;
}

/* articles
----------------------------------------------- */
.articles
{
	padding:0;
}

.articles h2
{
	margin:0;
}

#articles
{
	padding-top:0;
}

.article
{
	border-top:1px solid #000001;
	padding-top:.5em;
	border-bottom-color:#33335D;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

.box .article
{
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}

.article h2
{
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}

.article h3
{
	margin-bottom:.2em;
	font-size:1.6em;
}

.box .first
{
	border-top:none;
}

.article h4
{
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}

.article a.image
{
	float:left;
	margin:3px 10px 3px 0;
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}

.article a.image:hover
{
	border:1px solid #000001;
}

.article a.image img
{
	float:left;
}

.article p.meta
{
	padding:.3em 0;
	margin-bottom:.8em;
	color: #606060;
}

.article p.meta a:link
{
	color: #606060;
	text-decoration:none;
}

.articel p.meta a:visited
{
	color: #606060;
	text-decoration:none;
}

.article p.meta a:hover
{
	color: #606060;
	text-decoration:underline;
}

/* site information
----------------------------------------------- */
#site_info .box
{
	color:#ffffff;
	background-color:#d7256c;
	margin-bottom:10px;
}

#site_info a
{
	color:#ffffff;
	text-decoration:none;
}

#site_info a:visited
{
	color:#ffffff;
	text-decoration:none;
}

#site_info a:hover
{
	color:#ffffff;
	text-decoration:underline;
}

/* AJAX sliding shelf
----------------------------------------------- */
#loading
{
	float:right;
	margin-right:14px;
	margin-top:-2px;
}

.block
{
	padding-bottom:1px;
}

/* Accordian
----------------------------------------------- */
.toggler
{
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}

.element h4
{
	margin: 0;
	padding:4px;
	line-height:1.2em;
}

.element p
{
	margin: 0;
	padding: 4px;
}

.float-right
{
	padding:10px 20px;
	float:right;
}

#accordian-block
{
	padding-bottom:10px;
}

/* Mootools Kwicks
----------------------------------------------- */
#kwick-box
{
	padding:0;
	overflow:hidden;
}

#kwick-box h2
{
	margin:0;
}

#kwick
{
	position: relative;
}

#kwick .kwicks
{
	display: block;
	background: #999;
	height: 120px;
	list-style:none;
	margin:0;
	overflow:hidden;
}

#kwick li
{
	float: left;
	margin:0;
	padding:0;
}

#kwick .kwick
{
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 100px;
	width: 215px;
	padding: 10px;
	background: #fff;
}

#kwick .kwick span
{
	color:#fff;
}

#kwick .one
{
	background: #000001;
}

#kwick .two
{
	background: #777;
}

#kwick .three
{
	background: #888;
}

#kwick .four
{
	background: #999;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1
{
	font-size: 30px;
}

h2
{
	font-size: 24px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
}

h6
{
	font-size: 12px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: disc;
}

li
{
	margin-left: 30px;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset
{
	margin-bottom: 20px;
}

#img-head
{
	background: url(./img/backgrounds/header.gif);
}

#search-head
{
	background: url(./img/backgrounds/header.gif);
}

.rss-head a:hover
{
	text-decoration:underline;
	background:#fff;
	color:#000;
}

.rss-head a
{
	display:block;
	text-align:right;
	color:#fff;
	margin-bottom:5px;
	padding:2px 3px;
}

/* Several classes for aligning images and block elements (DIV, P, TABLE etc.) were introduced in WordPress 2.5  */
.aligncenter, div.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{	font-size: 12px;
line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Several classes for wordpress */
.Categorys
{
}

.cat-item
{
}

.current-cat
{
}

.current-cat-parent
{
}

.pagenav
{
}

.page_item
{
}

.current_page_item
{
}

.current_page_parent
{
}

.widget
{
}

.widget_text
{
}

.blogroll
{
}

.linkcat
{
}

/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav, ul.nav *
{
	margin:0;
	padding:0;
}

ul.nav
{
	position:relative;
	max-width:100%;
	height:2.5em;
}

ul.nav li
{
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}

ul.nav li ul
{
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	left:-9000px;
}

ul.nav li ul li
{
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}

ul.nav li a
{
	color:#d7256c;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.4em;
	line-height:2.5em;
}

ul.nav li ul li a
{
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
}

/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav
{
	margin-bottom:18px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
}

ul.main li
{
	position:relative;
	top:0;
	left:0;
}

ul.main li ul
{
	border-top:0;
}

ul.main li ul li
{
	float:left;
}

ul.main li a
{
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:#706c6b;
}

ul.main li ul li a
{
	width:12em;
	line-height:2em;
	height:2em;
	text-align:left;
	color:#fff;
	border-top:1px solid #444;
	background:#444;
}

ul.main li a:focus
{
	color:#fff;
}

ul.main li ul li a:hover
{
	color:#fff;
	background:#706c6b;
}

ul.main li:hover a
{
	color:#fff;
	background:#706c6b;
}

ul.main li:hover ul li a
{
	color:#fff;
}

ul.main li:hover ul li a:hover
{
	color:#fff;
	background:#444;
}

ul.main li:hover a:active
{
	background:#444;
}

ul.main li:hover ul li a:active
{
	color:#fff;
	background:#222;
}

/* Current Page
----------------------------------------------- */
ul.main li.current_page_item a
{
	color:#d7256c;
	padding-bottom:4px;
	border-bottom-color:#d7256c;	border-bottom-width:2px;
border-bottom-style:solid;
}

ul.main li.current_page_item a
{
	color:#d7256c;
	padding-bottom:4px;
	border-bottom-color:#d7256c;	border-bottom-width:2px;
border-bottom-style:solid;
}

ul.main li.current_page_item a:hover
{
	color:#ffffff;
	padding-bottom:5px;
	border-bottom-color:#d7256c;
	border-bottom-width:6px;
	border-bottom-style:solid;
}

/*Does this improve the display of comments?*/
.post
{
	background:url(./img/post/post-top_bg.gif) no-repeat top left;
	width:100%;
}

.post-top
{
}

.post-date
{
	float:left;
	font-size:11px;
	width:55px;
	text-align:center;
	color:#ccd3da;
	padding-top:7px;
	text-transform:uppercase;
}

.post-title
{
	margin-left:75px;
}

.post-date p
{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	padding-top:7px;
}

.post-title h2
{
}

.post-title h3
{
	font-weight:normal;
	margin-left:10px;
	background:url(./img/post/dotted_line.gif) repeat-x bottom left;
	padding-bottom:5px;
	margin-bottom:2px;
	font-size:10px;
}

.post-title h2 a
{
}

.post-title h3 a
{
	font-weight:bold
}

.post-title h3.tags
{
	font-weight:bold;
	background:none;
	padding-top:5px;
	padding-left:5px;
	background:#e6e6e6;
}

.post-title h3.tags span
{
	font-weight:normal;
}

.post-title h3.tags a
{
	font-weight:normal;
}

.entry
{
	padding-top:20px;
	margin-left:75px;
	padding-right:5px;
	padding-bottom:20px;
}

.postmetadata
{
	margin-bottom:30px;
	height:27px;
	border-bottom-color:#33335D;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

.postmetadata a
{
	font-size:10px;
	font-weight:bold;
}

.postmetadata a span
{
}

a.readmore
{
	padding-left:10px;
}

.postmetadata .alignleft
{
	padding-top:6px;
	padding-left:10px;
}

.postmetadata .alignright
{
	text-align:center;
	padding-top:8px;
	padding-right:10px;
}

a.readmore:hover
{
}

.categorytags
{
	font-size:9px;
}

.bluebox
{
	background-color:#706c6b;
	background-image:url(./img/bluebg.gif);
	border-style:solid;
	border-width:1px;
	border-color:#e8e8e8;
}

p.contactnumber
{
	font-size:16px;
	color:#000058;
	font-weight:bold;
}

p.promo
{
	font-size:14px;
	color:#000058;
}

.rightboxholder
{
	border-width:1px;
	border-color:#CCC;
	border-style:solid;
	background-color:fff;
	margin-bottom:18px;
	padding:0px;
}

.rightbox
{
	display:block;
	
}
.rightbox ul li {
 line-height: 27px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
 color: #d7256c;
 padding-top: 0pt;
 padding-right: 5px;
 padding-bottom: 0pt;
 padding-left: 5px;
 margin-left:0px;
 list-style-type:square;
 list-style-color:#d7256c;
 list-style-position:inside;
}

h2.rightwidget{
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	padding:10px;
	display:block;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
}

#searchform input{
	background-image:url(./img/backgrounds/content.png);	
	color:#FFF;
	padding:4px;
}

img.hero{
	margin-left:10px;
	float:right;
	margin-bottom:10px;
	display:inline;
	margin-right:15px;
}