/*

Theme Name: WPCommon
Description: Common theme for West Mane Salon
Version: 0.1
Author: adamham.com
Author URI: http://www.adamham.com
Tags: customized, two columns, widgets, fixed width, valid XHTML, valid CSS, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!

To replace the banner image, just swap out masthead.png with your own image, sized 723px x 147px. 
The dropshadows are in the background CSS, not the image.

*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  font: 62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background: #d8a240 url(./images/bg.jpg) repeat-x; /* Set background image here */
  background-position: 0 140px;
}
/*#d8a240*/

p, h2, h3, h4, h5 {
  font-size:1.2em;
}

img {
  border:0;
}

div#wrapper {
  width:668px;
  padding-top:8px;
  margin:25px auto 0;
  background:url(./images/top.png) no-repeat;
}

div#masthead {
  width:668px;
  background:url(./images/main_bg.png) repeat-y;
  position:relative;
}

/* Main Logo */
#mastlogo {
  margin-left:22px;
  margin-top:-4px;
}

#mastinfo {
  width:150px;
  margin-top:12px;
  margin-right:26px;
  text-align:right;
  float:right;
  position:relative;
  color:#999;
  font-size:1.2em;
}

#mastinfo h2{
  font-size:2em;
  color:#b20000; /*c94d4d*/
}

#mastinfo a{
  color:#999;
  text-decoration: none;
}

#mastinfo a:hover {
  text-decoration: underline;
}

/* Pages Navigation */
div#masthead ul {
  /*float:right;*/
  margin-left:22px;
  position:relative;
  z-index:2;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:5px 20px 15px 20px;
}

div#masthead ul li a:hover,
div#masthead ul li.current_page_item {
  background:url(./images/menu_bg.gif) bottom no-repeat;
}

/* Banner image dropshadow */
div#masthead_image {
  /*background:url(./images/image_bg.png) center no-repeat;*/
  clear:both;
  padding:4px 22px;
  margin: 0;
  position:relative;
  z-index:1;
}

a {
  outline:0;
}

/* Page dropshadow */
div#content {
  width:668px;
  background:url(./images/main_bg.png) repeat-y;
}

.clearbr {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
} 

/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

div#main {
  padding:0 20px 20px;
  width:450px;
  float:left;
}

/* Main header on single pages */
h2.header {
  color:#b20000;
  font-size:24px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  position:relative;
}

div#main h2.header a {
  color:#b20000;
  text-decoration:none;
}

h2.header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

/* Secondary headline above comments and comment form */
div#main h3 {
  font-size:16px;
  margin:15px 0 0 0;
  color:#b20000;
}

div#main h4 {
  color:#b20000;
}

div#main p {
  color:#6b6b6b;
  line-height:2;
  margin:3px 0 12px 0;
}

div#main img {
  border: solid 1px silver;
  padding: 5px;
  margin: 5px 10px 5px 10px;
}

p.noformat {
  padding: 0!important;
  margin: 0!important;
}

div#main a {
  color:#b20000;
}

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  list-style:disc;
  margin:5px;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}

ul.article_footer {
  text-align:right;
  margin:10px 0;
  background:#F1F1F1;
  padding:5px 10px;
  border:1px solid #DADADA;
  border-width:1px 0;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #DADADA;
  margin-left:5px;
  padding-left:10px;
}

ul.article_footer li.first {
  border-left:0;

}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

div#secondary {
  padding:15px 20px 20px 0;
  width:150px;
  float:left;
}

div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#666;
  padding-bottom:10px;
}

div#secondary ul#sidebar li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary h2 {
  text-transform:uppercase;
  color:#63331c;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
}

div#secondary h2 a{
  text-transform:uppercase;
  color:#63331c;
}

div#secondary a {
  color:#666;
  text-decoration:none;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

div#secondary ul#sidebar li li {
  font-size:1em;
}

/* Optional bio area header (commented out by default) */
div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  line-height:1.5;
  margin:5px 0;
  color:#666;
}

/* Search input */
form#searchform {
  position:relative;
  height:28px;
  margin-bottom:20px;
}

form#searchform input#s {
  position:absolute;
  top:0;
  height:18px;
  width:156px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  right:0;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

ul#footer {
  height:8px;
  width:668px;
  margin:0 auto;
  background:url(./images/bottom.png) no-repeat;
  text-align:center;
  font-size:1em;
  color:#63331c;
  padding:15px 0;
}

ul#footer li {
  display:inline;
  margin-left:10px;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#63331c;
  text-decoration:none;
}

/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background:#EBF9FC;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup textarea {
  width:340px;
}

/* Image stuff for 2.6.1 */
.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;
  -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-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */



/*-----------------------------------------------------------------------------

  Flickr Photo Album Plugin








-----------------------------------------------------------------------------*/

/* Sidebar */
div.flickr-photos img {
  margin: 5px;
}


.more-photos {
  display: none;
}