/*blog pages main style sheet,*/
/*combines common.css, globals.css, column.css*/

body {
       font-size: 100%;
       font-family :"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	   margin-left: 16px;
	   margin-top: 25px;
       padding: 0;
       background: #fff;
       color: #000;
}

#body-container {
	   width:1100px;
	position: relative;
	margin: 0 auto;
}

#head {
       text-align: left;
       margin: 10px 10px 0 0;
	   width: 100%;
	   clear: both;
	   height: 175px;
	}

#outer-container {
width:1100px;
	   height: 1%;
	   margin: 0; 
	   padding: 0;
	}

#main {
	   float: left;
	width: 600px;
       font-size: 100%;
   	   margin: 0 35px 20px 185px;
	   padding: 0;
}

#head div.left {
float: left;
clear: none;
width: 300px;
margin: 10px 0 0 20px;
}

div#styles {
width: 100px;
display: none;
}

div#styles p {
font-size: 90%;
}

div#styles p a {
text-decoration: underline;
display: none;
}

.desktop-css-link {
display: none;
}

.mobile-css-link {
display: none;
}

div.info-menu {
display: block;
}

div.pageinfo {
line-height: 100%;
padding: 6px 0 0 0;
}

p.pagedate {
       font-size: 0.8em;
	   clear: left;
	   display: inline;
	   color: #999966;
}

span.category {
color: #999966;
font-size: 0.8em;
display: inline;
}

span.category a {
color: #996633;
padding-left: 2px;
}

div#main div.nav-extra {
float: right;
text-align: right;
width: 20%;
display: inline;
margin: 0 0 10px 20px;
line-height: 0.9em;
clear: none;
}

div#main div.nav-extra .alignright {
text-align: right;
font-size: 80%;
padding: 10px 10px 10px 5px;
/*background-color: #fff8dc;*/
}

/*div#main div.nav-extra .alignright a {
text-decoration: underline;
}*/

ul.prevlink, ul.search {
font-size: 80%;
line-height: 120%;
}

ul.search li {
padding-top: 20px;
}

div.posting {
 width: 535px;
 margin-bottom: 20px;
}

div.posting p, div.posting ul, #commentform p {     
font-size: 88%;
line-height: 170%;
}

div.posting p {
margin: 0 10px 10px 0;
padding: 0;
}

img {
border: none;
font-size: 84%;
}

div.posting img {
clear: left;
       margin: 15px 15px 15px 0;
 }
 
div.posting img.floatleft {
margin: 22px 20px 10px 0; 
padding: 0;
}

div.posting h3 + p > img {
margin: 5px 15px 15px 0;
}

div.posting ul {
list-style: none;
margin: 0; 
padding: 0.8em 0;
}

div.posting ul.bullets li {
list-style: disc inside;
margin: 5px 15px 10px 15px;
}

div.plugin_tag_list {
margin: 3em 0 2em 0;
font-size: 84%;
width: 500px;
}

div.plugin_tag_list a {
border: 1px solid #996633;
padding: 3px 6px;
line-height: 200%;
}

ol#comments  {
font-size: 84%;
clear: both;
line-height: 160%;
list-style-position:inside;
padding: 15px 0 0 0; 
margin: 0;
width: 500px;
}

ol#comments li {
color: #999966;
       background-color: transparent;
	   font-size: 120%;
}

ol#comments li p {
font-size: 80%;
padding: 0 20px 10px 0;
color: #444;
}

ol#comments p.date {
margin: 0; padding: 0;
font-size: 80%;
}

#main #comments p.date a {
border-bottom: none;
}

div.posting ul.comment-link {
padding: 0 0 5px 0;
/*clear: both;
width: 100%;*/
}

li.link-comments {
padding: 0;
}

ul.entry-footer {
clear: both;
       margin: 20px 0;
}

div.posting .admincontrols {
       font-size: 80%;
}

.navigation {
clear: both;
font-size: 84%;
margin: 0.8em 0 2em 0;
}

div.posting .navigation {
clear: both;
margin: 20px 0;
float: right;
}

 div.comment-form h4 {
 font-family : "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
 clear: both;
 margin-top: 1.2em;
 font-size: 1em;
 }
 
 div.tagcloud {/*inserted by plugin*/
 width: 100%;
 }
  
div#tagcloud-bottom {
 font-family : "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
clear: left;
width: 100%;
margin: 15px 0 30px 0;
}

div#tagcloud-top {
float: left;
display: inline;
width: 600px;
height: 115px;
overflow: hidden;
margin-bottom: 20px;
line-height: 140%;
}

div#tagcloud-top a {
color: #ccc;
font-size: large;
}

div.related {
font-size: 86%;
margin: 10px 0;
}

ul.pltag_related  {
list-style: none;
margin: 10px 0 0 0; 
padding: 0;
}

ul.pltag_related li {
list-style: none;
padding: 5px 5px 0 0;
}
 
a:link {
       color : #996633;
       text-decoration: none;
}

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

a:hover {
       color: #666600;
       text-decoration: none;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #734A12;
}

#main p a:link, #main p a:visited, #main li a , .navigation a{
border-bottom:1px dotted;
}

h1, h2, h3, h4, .topquote {
font-family: Georgia, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
background-color: transparent;
	color: #999966;
	letter-spacing: 0.05em;
	font-weight: bold;
}

h1{
	   font-size: 1.6em;
margin: 0; padding: 0;
	   color: #734A12;	
}

h2 {
	   font-size: 1.4em;
	   margin: 0; 
	   padding: 15px 0 5px 0;
	   color: #734A12;
	   }
	   
h3 {
font-size: 1.2em;
margin: 25px 0 10px 0; padding: 0;
color: #734A12;
}

h2.hide, h3.hide {
display: none;
}

h3.widget-bottom {
clear: both;
margin: 25px 0 0 0;
}

#main h4 {
       font-size: 1em;
       margin: 35px 0 10px 0;
}

h4.static {
margin: 10px 0;
padding-top: 20px;
}

 div.date-added h2 {
 font-family : "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        margin: 5px 0 0 0;
		padding: 0;
       font-weight: normal;
	   font-size: 100%;
       }

#head img.logo {
       float: left;
}

div.quotebox {
background-color : #F5F5DC;
	color: #000000;
	margin: 25px 10px 25px 0;
	border: 1px solid #ccc;
	width: 90%;
}

blockquote {
clear: both;
font-size: 100%;
	margin: 10px 5px;
padding: 20px;
	background-color: #fefff1;
	color: #000000;
	border: 1px solid #ccc;
	line-height: 160%;
}

blockquote.haiku {
clear: none;
font-size: 84%;
}

div.allentries {
font-size: 130%;
}

div.allentries h2.month {
padding: 10px 0 5px 0;
}

ul.entrylist {
       margin-top: 20px;
	   font-size: 100%;
}

#main ul.entrylist li a {
border-bottom: none;
padding: 6px 6px 6px 12px;
}

#main ul.entrylist li a:hover {
border-bottom:1px dotted;
}

/* === Form === */
fieldset {
       margin: 0 0 1em 0;
	   padding: 0;
       border: none;
}

legend {
display: none;
       }

form input[type="text"] {
margin: 15px 0;
padding: 8px;
width: 200px;
font-size: 120%;
}

#commentform p {
margin: 10px 0;
}
div#main textarea#content {
margin: 15px 0;
padding: 8px;
height: 100px;
width: 380px;
font-size: 110%;
font-family : verdana, arial, helvetica, sans-serif;
}

input:hover, input:focus, textarea:hover, textarea:focus {
       background-color: #fff;
}

select {
       background-color: #fff;
}

textarea {
       font-size: 100%;
}

div.buttonbar {
clear: both;
margin: 0.8em 0 2em 0;
}

input.button1 {
margin: 0 10px 0 0;
padding: 10px;
} 

div#col-left {
width: 100px;
margin: 0 0 30px 3px;
padding: 0;
position: absolute;
left:20px;
top: 180px;
} 

div#col-right, div#col-left {
color : #996633;
background-color: transparent;
}

div#col-right {
width: 140px;
/*margin-top: 5px;*/
float: left;
}

#col-right h4, #col-left h4, div.homelink h4 {
 font-size: 100%;
 font-weight: bold;
 color : #996633;
background-color: transparent;
border-bottom: 1px solid #cc9966;
	padding: 10px 6px 5px 0;
	margin: 0;
} 

div.homelink {
display: none;
}
 
#col-right div, #col-left div { 
margin-top:1px; 
margin-bottom: 20px; 
}

#col-right ul , #col-left ul{
list-style-type: none; 
padding: 0; margin: 0;
}
 
#widget-bp-menu ul li a, #widget-lastentries ul li a, #widget-categories ul li a , #widget-bp-topright ul li a, #widget-bp-rightmenu2 ul li a, div.homelink ul li a, #widget-lastcomments ul li { 
color: #996633;
border-bottom: none;
display:block; 
padding: 9px 0 3px 0;
font-size: 84%;
line-height: 120%;
}

div.twitterbutton {
padding: 0 0 10px 0;
}

div.tweet {
padding: 20px 0;
}

.twitter-follow-button {
padding-left: 15px;
}

#footer {
       clear: both;
       margin: 50px 10px 10px 185px;
       border-top: 2px solid #ccc;
}

#footer a.menufirst {
padding: 0 9px 0 0;
}

#footer p {
margin: 10px 30px 20px 0;
font-size: 84%;
	}
	
#footer span.ys {
margin-left: 15px;
}

#footer a {
padding: 5px 12px;
}

#footer a.notspaced {
padding: 5px 0;
}

#widget-lastcomments{
margin: 0; padding: 0;
/*height: 450px;
overflow: auto;*/
}

#widget-lastcomments h4 {
display: none;
}

ul.last-comments li {
padding: 6px 0 0 0;
}

ul.last-comments blockquote.comment-quote {
border: none;
margin: 0;
padding: 0 0 3px 0;
background-color: transparent;
}

blockquote.comment-quote p {
font-size: 100%;
line-height: 120%;
padding: 3px 0 0 0;
margin: 0;
}

ul.last-comments a {
font-style: italic;
}

#contactform {
width: 500px;
font-size: 100%;
}

.clear {
	clear: both;
	height: 1px;
}

/*only iPhone*/
 
@media only screen and (max-device-width: 960px) { 
 
    /*fixes too big font in mobile Safari* added 011012*/
 
    html { 
        -webkit-text-size-adjust:none; 
    }
 }
 
iframe {
margin: 10px 0;
padding: 0;
} 
 
div.verse {/*Tonys poem*/
margin: 20px 15px;
display: block;
float: none;
}

div.verse p {
margin: 0;
padding: 0;
}

div.poemcredit {
margin: 20px 15px;
}

div.answers {
margin-top: 150px;
}

.topquote {
font-size: 1em;
}

div#errorlist {
border: 1px solid #333;
font-weight: bold;
}

div#errorlist li {
padding: 15px;
}
 
 div#colhead1, div#colhead2 {
 height: 65px;
 width: 140px;
 margin: 0;
 padding: 0;
 }
 
 div#colhead2 {
 background-image: url('http://www.yorkstories.co.uk/images/abbey-wall-260607-14065.jpg');
 }
 
 div#colhead3 {
height: 65px;
 width: 100px;
 margin: 0 0 15px 0;
 padding: 0;
 overflow: hidden;
 }
 
 div#colhead5 {
 height: 62px;
 width: 100px;
 margin: 30px 0 0 0;
 padding: 0;
 } 
 
 div.nav-mobile {
 display: none;
 }
 
 div.share {
 clear: both;
 width: 100%;
 height: 34px;
 margin: 45px 0 10px 0;
 }
 
 .googleplus {  
 position:relative;
    /* - use this to position your share icon on your page -  */  
}  
.googlehider {  
 opacity:0;  
 height:50px;  
 width:48px;  
 position:absolute;  
 top:0;  
 left:0;  
 z-index:3;  
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
 filter:alpha(opacity=0);
}
  
.mygoogle {  
 position:absolute;  
 top:-20px;  
 left:0;  
 z-index:2;  
 margin-left:6px;  
}

.twitter-tweet-this, .pinterest-pin, .fb-recommend {
float: left;
width: 48px;
margin-top: -20px;
}

.twitter-tweet-this {
margin-left: 48px;
}

h4.search {
display: none;
}


/* iPads ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
/*and (orientation : portrait)*/
   {
body {
margin: 0;
}

#body-container {
width: 1024px;
	margin: 0;
}

#outer-container {
width:1024px;
}

#head {
margin: 0 10px 0 0;
}

#head div.left {
width: 250px;
background-color: #fff;
}

div#tagcloud-top {
margin:20px;
width: 450px;
overflow: scroll;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
div#head .nav-extra .alignright a {
float: left;
margin-right: 200px;
}

#main {
margin: 12px 20px 20px 165px;
width: 525px;
}

div.posting {
width: 500px;
}

#footer {
margin-left: 165px;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
   {
#header {
width: 100%;
}
   
div#tagcloud-top div.tagcloud {
position: absolute;
top: 20px;
right: 30px;
width: 700px;
}

#main {
margin: 0 35px 20px 185px;
width: 630px;
}

div.posting {
width: 600px;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

div#head {
width: 1224px;
}

div#tagcloud-top {
float: left;
display: inline;
width: 800px;
height: 115px;
overflow: hidden;
margin-bottom: 20px;
}

div#tagcloud-top div.tagcloud {
    width: 100%;
}

div#col-left {
width: 140px;
}

div#col-right {
width: 180px;
}

#main {
	width: 620px;
   	   margin: 0 10px 20px 220px;
}

div.posting {
width: 600px;
}

div.plugin_tag_list {
position: absolute;
top:75px;
right: 78px;
color: #666600;
width: 380px;
}

div.plugin_tag_list a {
border: 1px solid #ccc;
}

}

span.bold1 {
font-weight: bold;
color: #999966;
font-size: 120%;
}

div.tweet-embed {
clear: both;
margin: 15px 0 30px 0;
}