/*
Theme Name: Anastasia Boutique
Theme URI: http://www.pixeldesign.ie/
Description: Custom theme for Anastasia Boutique
Version: 1.0
Author: Pixel Design
Author URI: http://www.pixeldesign.ie/
*/

/* Anastasia Palette 
#636 purple
#803a7d alt purple (press headings)
#969 lighter purple
#666 grey
#ccc light grey
#e5e5e5 palest grey

Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #969; text-decoration: none;  }
a:hover { text-decoration: underline; }
ul, ul li { list-style: none; }
address { font-style: normal; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 74% arial,helvetica,verdana,sans-serif; color: #333; background-color: #fff; text-align: center; }

/* Headings,text
================================================================*/
#main { line-height: 1.45em; }
#main p { clear: left; margin: 0 0 1.4em;  }
#content ol, .page-template-collections-php #content ul { margin: 0 0 1.4em 20px; }
.page-template-collections-php #content ul li { list-style: disc; }
.page-template-collections-php #content li  { margin-bottom: 0.5em; }

h1, h2 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #636; }
/*ie6 needs float and pos rel for neg margin to work*/
h1 { float: left; position: relative; margin: 0 0 1.1em -30px;  font-size: 1.7em; }
#sidebar h3 { color: #666; margin-bottom: 0.2em; font-size: 1em; font-weight: bold; }

#subnav h1 { float: none; position: static; margin-left: 0; margin-bottom: 1.4em; }
h1.news { margin-bottom: 0.5em; }

h2 { margin-bottom: 0.4em; font-size: 1.4em;  }
#wrapperNews #content h2 { padding-top: 1.1em; margin-bottom: 0.2em; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #803a7d; }
#wrapperNews #content h2 a, #wrapperNews #content h2 a:visited { color: #803a7d; }

/* Forms
===============================================================*/
input, select, textarea { font-family: arial,helvetica,verdana,sans-serif; color: #666; font-size: 1em; }
#formList { padding: 1.1em 0 0.2em; }
#formList label { display: none; }
#formList .standard { background-color: #fff; border: 1px solid #d5d5d5; width: 130px; padding: 0 2px 1px; }
#submitform { vertical-align: middle; }

/* Tables
===============================================================*/
table { margin-bottom: 1.4em; }
td { padding: 0 1em 0.5em 0; }
table.grid { margin-top: 1em; border-collapse: collapse; }
table.grid td, table.grid th { border: 1px solid #ccc; padding: 4px 8px; text-align: right; width: 50px; }
table.grid tr.subheading td { background-color: #eee; text-align: left; }
table.grid th.destination, table.grid td.destination { width: 150px; text-align: left; }
table.grid th { color: #636; }

/* Structure
================================================================*/
#wrapper { width: 843px; margin: 0 auto; text-align: left; }

#branding { position: relative; margin-bottom: 9px; padding: 27px 20px 20px; border-top: 10px solid #ccc; background-color: #e5e5e5; }

#nav { position: absolute; top: 85px; left: 421px; text-transform: uppercase; font-size: .95em; font-weight: bold; }
#nav li { float: left; margin-right: 14px; }
#nav li#navLocation { margin-right: 0; }
#nav, #nav a, #nav a:visited { color: #666; }
/*display block needed to get dashed border to show up in IE7*/
#nav a { padding: 0 2px 1px; display: block; }
#nav li.current a, 
.page-template-about-php #nav li#navAbout a, .page-template-about-php #nav li#navAbout a:visited,
.page-template-location-php #nav li#navLocaiton a, .page-template-location-php #nav li#navLocation a:visited,
#nav li.current a:visited, #nav a:hover { color: #969; text-decoration: none; border-bottom: 1px dashed #969; }

#crumb { padding: 2px 50px 21px; color: #999; font-size: .95em; }
#crumb a, #crumb a:visited { color: #999; }
#crumb a.current { font-weight: bold; }

#banner img { display: block; margin-bottom: 15px; }

#main, #content, #sidebar, #map, #latest, #visit, #subnav, #designer, #wrapperNews { float: left; display: inline; }
#main { margin: 0 0 45px 50px; width: 793px; }
#content { width: 417px; margin: 0 58px 0 0; }

#sidebar { width: 298px; margin: 3px 0 0; }
#sidebar li img { display: block; margin-bottom: 1.7em; }

.page-template-location-php #content { width: 240px; margin-right: 22px; line-height: 1.6em; }
.page-template-location-php #content h2 { padding-top: 0.5em; }
.page-template-location-php #content .smallprint { float: left; position: relative; margin: 4.3em 0 0 -30px; }
#map { width: 425px; margin-top: 46px; }
#map a { font-size: .95em; text-decoration: underline; }

.home #main, .collections #main, .page-template-collections-php #main { margin-left: 20px; width: 823px;  }
.home #main { background: url(images/bgColumns3.gif) 405px 8px no-repeat; margin-bottom: 20px;  }
#wrapperNews {  width: 793px; background: url(images/bgColumns2.gif) 570px 0 repeat-y; color: #666; }
.home #content { margin-top: 34px; width: 366px; margin-right: 72px; }
.home h2 { margin-bottom: 1em; font-size: 1.5em; }
#latest { width: 142px; margin-right: 75px; color: #636; }
#visit { width: 168px; color: #636; line-height: 1.4em; }
#visit p, #visit li, #visit h3 { font-size: .95em; }
#visit h3 { padding-top: 1.8em; }
#visit a, #visit a:visited { color: #636; text-decoration: underline; }
#visit .mailto a, #visit .mailto a:visited { text-decoration: none; }

#wrapperNews #content { width: 517px; margin-right: 73px; }
#wrapperNews #sidebar { width: 173px; margin-top: 24px; }

#subnav { width: 389px; margin-right: 30px; }
#subnav li { margin-bottom: 0.4em; }
#subnav a { margin-left: 30px; display: block; outline: none; }
#subnav a, #subnav a:visited { color: #666; }
#subnav a:hover, #subnav a.current, #subnav a.current:visited { margin-left: 3px; color: #333; text-decoration: none; }

#designer { width: 304px; margin-top: 2px; color: #666; }
#designer h2 { margin-bottom: 0.2em; color: #666; font-size: 1em; font-weight: bold; font-family: arial,helvetica,verdana,sans-serif;  }
#designer img { display: block; margin-bottom: 1.5em; }
#designer { line-height: 1.5em; }

#footer, #brands, #brands ul, #interact { float: left; display: inline; }
#footer { position: relative; clear: both; width: 843px; min-height: 250px; height: auto; background: #ccc url(images/footer.gif) 589px 27px no-repeat; color: #666; font-size: .95em; line-height: 1.5em; }
* html #footer { height: 250px; }
#footer h4,#brands h4 { margin-bottom: 0.5em; text-transform: uppercase; font-size: 1.1em; }
#footer h4, #footer h4 a, #footer h4 a:visited, #brands h4 { color: #fff; } 

#brands { width: 392px; margin: 26px 8px 0 37px; padding-bottom: 36px; }
#brands ul { width: 176px; margin-right: 20px; }
/*ie6 needs li line*/ 
#brands li { float: left; display: inline; width: 176px; }
#brands ul, #brands a, #brands a:visited { color: #969; }
#interact { width: 190px; margin: 26px 0 0; }

#footer #credit { position: absolute; bottom: 10px; right: 20px; text-align: right; color: #999; }
#footer #credit a, #footer #credit a:visited { color: #999; text-decoration: underline; }
#footer #credit a:hover { text-decoration: none; }

#footer #social { position: absolute; bottom: 38px; left: 432px; width: 155px; line-height: normal; }
#social li img { float: left; margin-right: 11px; }
#social li#stumble { padding-bottom:10px }
#social a, #social a:visited { color: #fff;}

/* Special cases
================================================================*/
#content .intro { color: #969; }
.home #content p { line-height: 1.4em; }
.home #content p.intro { margin-bottom: 1em; color: #636; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-style: italic; line-height: 1.3em; }
#content .smallprint { color: #666; font-size: .95em; line-height: 1.5em !important; }

address { margin-bottom: 1.3em; }

iframe { margin-bottom: 0.5em; }

div.post { clear: both; border-bottom: 1px solid #ccc; margin-bottom: 1em; }
.post img { border: 1px solid #999; padding: 1em; display: block; margin: 1em 0 0; }

#wrapperNews p.explain { padding-top: 2em; }

#main p.postmetadata { margin-bottom: 0.8em; font-size: .95em; } 

.navigation a, .navigation a:visited { color: #803a7d; text-decoration: underline; }
.previous, .next { display: inline; width: 250px; }
.previous { float: left; }
.next { float: right; text-align: right; }

.postmetadata a, .postmetadata a:visited, #sidebar li a, #sidebar li a:visited { color: #969; }

#sidebar li.current-cat, #sidebar a#current-tag { font-weight: bold; }
#sidebar li.current-cat a, #sidebar li.current-cat a:visited, #sidebar a#current-tag, #sidebar a#current-tag:visited, #sidebar li a:hover { color: #969; text-decoration: none; }
#sidebar ul { margin-bottom: 1.7em; }
#sidebar li { margin-bottom: 0.1em; }

/* Begin Typography & Colors */

.commentlist li, #commentform input, #commentform textarea {
	font: 1em Arial, Helvetica, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}
/* End Typography & Colors */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.alignright {
	float: right;
	}

/* End Images */

/* Begin Form Elements */
#searchform {
	margin: 1em 0;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.wp-caption p.wp-caption-text {
	padding-top: 0.2em; color: #999;
}
/* End captions */