/*
Theme Name: edinburgh-bookshop
Theme URI: http://www.fidrawebdesign.co.uk/
Description: theme for Wordpress
Version: 1.0
Author: Malcolm Robertson
Datum: August 20, 2009
*/

/* RESET ALL MARGINS AND PADDING */

* { 
  margin: 0; 
  padding: 0;
}

p { 
  margin-bottom: 21px; 
}

h1 { 
  font-size: 24px; 
  line-height: 36px;
}

h2 {
  font-size: 14px; 
  line-height: 21px; 
}

h3 { 
  font-size: 12px; 
  line-height: 21px; 
}

h1, h2, h3 {
	color: #666178;
}

ul, 
ol { 
	margin: 11px 0 10px 18px; 
}

img#wpstats{display:none}

/* GENERAL */

body {
	background: #f8f0ed;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 14px; 
        line-height: 21px; 
	color: #4d3e43;
	margin: 0;
	padding: 0;
}

/* WRAP */
#wrap {
	margin: 0px auto 10px;
	background: #f8f0ed;
	border: 0px;
        padding: 0px;
	width: 780px;
        position: relative;
}


/* HEADER */
#head {
         background:  url(img/header.jpg) no-repeat;
         width: 780px;
         height: 280px;
         position: relative;
}


/* TITLE */
#title{
         background:  url(img/title.jpg) no-repeat;
         width: 780px;
         height: 50px;
         position: absolute;
         top: 190px;
         border-bottom: 2px solid #919191;
}


/* ADDRESS */
#address{
	color: #666178;
	font-size: 12px;
        font-weight: bold;
        margin: 0px 0px 0px 0px;
        text-align: right;
	float: right;
}

/* NAVAGATION MENU */
#navmenu {
	  font-size: 14px;
          font-weight: bold;
          width: 780px;
          position: absolute;
          bottom: 0px;
}

#navmenu ul {margin: 0px 0px 0px 0px ; padding: 0; 
	list-style-type: none; list-style-image: none; }

#navmenu li {display: inline; }

#navmenu li a {text-decoration:none;  margin: 0px 12px 0px 12px;
	padding: 0px 4px 0px 4px; color: #9f94b2;}

#navmenu li a:hover {color: #666178;
	border-bottom: 4px solid #cc8e90;}

#navmenu li.current_page_item a, #navmenu li.current_page_ancestor a, #navmenu li.current_page_parent a{
        color: #666178;
	border-bottom: 4px solid #cc8e90;
}

/* EVENTS MENU */
#eventsmenu {
	  font-size: 14px;
          font-weight: bold;
          width: 780px;
          position: absolute;
          bottom: 0px;
}

#eventsmenu ul {margin: 0px 0px 0px 0px ; padding: 0; 
	list-style-type: none; list-style-image: none; }

#eventsmenu li {display: inline; }

#eventsmenu li a {text-decoration:none;  margin: 0px 12px 0px 12px;
	padding: 0px 4px 0px 4px; color: #9f94b2;}

#eventsmenu li a:hover {color: #666178;
	border-bottom: 4px solid #cc8e90;}

#eventsmenu li.page-item-42 a{
        color: #666178;
	border-bottom: 4px solid #cc8e90;
}

/* BLANK MENU */
#blankmenu {
	  font-size: 14px;
          font-weight: bold;
          width: 780px;
          position: absolute;
          bottom: 0px;
}

#blankmenu ul {margin: 0px 0px 0px 0px ; padding: 0; 
	list-style-type: none; list-style-image: none; }

#blankmenu li {display: inline; }

#blankmenu li a {text-decoration:none;  margin: 0px 12px 0px 12px;
	padding: 0px 4px 0px 4px; color: #9f94b2;}

#blankmenu li a:hover {color: #666178;
	border-bottom: 4px solid #cc8e90;}

/* MAIN */
#main {
}


/* CONTENT */
#content {
	width: 510px;
	padding: 20px 20px 20px 20px;
	float: left;
}

a {	color: #9f94b2;
	text-decoration: none;
}

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

br.clear {
	clear: both;
}

#staff {
      height:180px;
}

#image-left{float: left; margin: 0px 10px 0px 0px;}
#image-right{float: right; margin: 0px 0px 0px 10px;}
img {
         padding: 5px;
	 border: 2px solid #a9a9a9;
         margin: 5px;
}


/* TWITTER */
#twitter {
	float:left;
	width:140px;
	margin: 20px 10px 20px 0px;
        font-size: 11px;
}

#twitter a {
      text-decoration:none;
      font-weight: bold;
      color: #9f94b2;
}

#twitter a:hover {
      color: #666178;
      font-weight: bold;
      border-bottom: 2px solid #cc8e90;
}

#twitter hr {color:#cccccc;background-color:#cccccc;height:1px;border:none;}

#twitter-link{ text-align:right; margin: 18px 0px 0px 0px;}

/* REVIEWS */
#reviews {
	float:left;
	width:140px;
	margin: 20px 15px 20px 0px;
        font-size: 11px;
}

#reviews a {
      text-decoration:none;
      font-weight: bold;
      color: #9f94b2;
}

#reviews a:hover {
      color: #666178;
      font-weight: bold;
      border-bottom: 2px solid #cc8e90;
}

#reviews-link{ text-align:right;}

/* FACEBOOK */
#facebook {
	float:left;
	width:190px;
	margin: 20px 15px 20px 0px;
        font-size: 11px;
}

#facebook a {
      text-decoration:none;
      font-weight: bold;
      color: #9f94b2;
}

#facebook a:hover {
      color: #666178;
      font-weight: bold;
      border-bottom: 2px solid #cc8e90;
}

#facebook hr {color:#cccccc;background-color:#cccccc;height:1px;border:none;}
#facebook-link{ text-align:right; margin: 18px 0px 0px 0px;}

/* EVENTS LIST */
#eventslist {
	float:right;
	width:200px;
        height: 200px;
	margin: 0px 15px 20px 15px;
        font-size: 11px;
}
#eventslist ul{
	margin: 0px;
        line-height: 16px;
	border-top: 1px solid #919191;
        margin: 0px 10px 0px 10px;
}

/* CHILD MENU */
#childmenu {
           position: relative;
           font-weight: bold;
}

#childmenu ul {margin: 0px 0px 0px 0px ; padding: 0px 0px 10px 0px; 
	list-style-type: none; list-style-image: none; }

#childmenu li {display: inline; }

#childmenu ul li a {text-decoration:none;
        margin: 0px 15px 0px 15px;
	padding: 0px 5px 0px 5px;
        color: #9f94b2;}

#childmenu ul li a:hover {
        color: #666178;
        border-bottom: 2px solid #cc8e90;}

#childmenu li.current_page_item a {
        color: #666178;
        border-bottom: 2px solid #cc8e90;}


/* SIDEBAR */
#sidebar {
         float: right;
         width: 190px;
         margin: 20px 20px 20px 20px;
         padding: 10px 0px 10px 0px;
}

/* SEARCH */
#search {
	background: #f8f0ed;
        font-size: 11px;
}

#s {
	color: #4d3e43;
	background: #f5f5f5;
}


/* MENU */
#menu {
	padding: 10px 0px 0px 0px;
	background: #f8f0ed;
        font-size: 11px;
	border: 3px solid #919191;
	border-width: 0px 0px 3px 0px; 
}

#menu h2{
	padding: 10px 0px 0px 0px;
	border: 3px solid #919191;
	border-width: 3px 0px 0px 0px;
}

#menu p{
       line-height: 16px;
       margin-bottom: 5px; 
}

#menu a {
      text-decoration:none;
      font-weight: bold;
      color: #9f94b2;
}

#menu a:hover {
      color: #666178;
      font-weight: bold;
      border-bottom: 2px solid #cc8e90;
}

#menu ul{
	margin: 0px;
        line-height: 16px;
	border-top: 1px solid #919191;
        margin: 0px 10px 0px 10px;
}

#menu li {
	list-style: none;
        padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #919191;
}


#menu-image{text-align: center;}
#menu-image img {
         padding: 5px;
	 border: 2px solid #a9a9a9;
         margin: 5px;
}
#menu-image img:hover {
      background-color: #a9a9a9;
}
#menu-image a:hover {
      border-bottom: 0px;
}
#menu-link{ text-align:right;}

#rss h2 {background:  url("img/rss.gif") 160px 12px no-repeat; }
#rss ul {border-top: 0px;}
#rss li {border-bottom: 0px; border-top: 1px solid #919191;}

#blogroll ul{
	margin: 0px;
        line-height: 16px;
        margin: 0px 10px 0px 10px;
	border-top: 0px;
}

#blogroll li {
	list-style: none;
        padding: 5px 0px 5px 0px;
	border-top: 1px solid #919191;
        border-bottom: 0px;
}

#menu-price{ text-align:center;}

/* WEBLOG */

.post {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.comment-list {
	width: 460px
}

.avatar {
	float: right;
}

#comment {
	width: 460px;
}

#respond textarea{
	color: #4d3e43;
	background: #f5f5f5;
}

#respond input{
	color: #4d3e43;
	background: #f5f5f5;
}


/* CONTACT FORM */

.contactform{
        margin-bottom: 60px;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	color: #4d3e43;
	background: #f5f5f5;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
	color: #4d3e43;
	background: #f5f5f5;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}


/* FOOTER */

#footer {
	padding: 10px 30px 1px;
	border-top:  2px solid #919191;
	clear: both;
        text-align: center
}

#footer p {
	font-size: 80%;
        margin-bottom: 10px; 
}