/*   
Theme Name: LvMMR Custom
Description: Custom Wordpress theme designed and developed by Peter van Meerem
Author: Peter van Meerem
Version: 2
*/

@media screen {

/* Meyer Reset */
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1.5;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

body { background: white; font: 14px/1.4 Georgia, Serif; font-family:'Segoe UI', Garamond,"Times New Roman", serif;  }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { max-width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 {			font-size:36px;
			margin: 10px 0 0px 0;
			color:black; }
h3 { }

p { margin: 0 0 10px 0; font-family:'Segoe UI', Garamond,"Times New Roman", serif; }
a { }
a:hover { color:grey;} 

blockquote { }
blockquote p { }

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

.post { }

.entry { 
		padding-bottom: 20px;
		border-bottom: 1px solid #ff7800;
		margin:0 20px 20px 0;
}
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

/* Main layout stuff */
#page-wrap		    { max-width: 960px; margin: 30px auto; position: relative; }

#header             { max-width: 960px; 
                      margin: 15px auto 0; }

#main-content       { padding: 0 190px 0 10px;  }

#main-sidebar       { position: absolute; right: 0; top:10px; width: 160px; bottom: 0%;
                      padding: 0 10px }
                      
#footer             { max-width: 960px;  
                      margin: 0 auto 15px; }
#footer p           { padding: 10px; color: white; }
#footer a           { color: white; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover     { border-bottom-style: solid; }

/*background */
body {background: url('images/innerbg.png') repeat-x; font-family:'Segoe UI', Garamond,"Times New Roman", serif; }
.home {background-image:url(images/headbg.png)}

/* navigation styling */
.nav { margin:0 auto; 
	height:50px; 
	font-family:'Segoe UI', Garamond,"Times New Roman", serif; 
	font-size: 24px;
	text-transform:uppercase;
    line-height: 17px; 
	text-align:center;
}

.nav ul
{
width:100%;
padding:0;
margin:0 auto;
list-style-type:none;
}

.nav a
{
width:100px;
text-decoration:none;
color:black;
padding:0.2em 1.5em;
border-right:1px solid black;
}

.nav a:hover {color:white;
			border:none;
			background-color: #ff7800;
			border-radius: 50px; 
			-moz-border-radius: 50px; 
			-webkit-border-radius: 50px; 
}

.nav li {display:inline;
		    _width:0px;
			}

.nav  li:last-child a{
    border: none;
}
/* end of Navigation styling */

.logo {
		max-width:571px;
		height:auto;
		margin:0 auto;
}

#photo {
  max-width:336px;
  height:auto;
		margin: 30px 20px 20px 0;
  float:left;
}

#blurb {
    display: inline-block;
    margin-left: 10px;
    margin-top: 20px;
}

#blurb h1 {
		font-size:48px;
		color:black;
		border-bottom:1px solid #ff7800;
		width:fit-content;
		margin:0 0;
}
#blurb h2 {
		font-size:30px;
		color:black;
		margin:0 0 0 0;
 }
#blurb p {
		font-size:24px;
		line-height:28px;
		
}
#main-content h2 a{
			font-size:36px;
			margin: 10px 0 0px 0;
			text-decoration:none;
			color:black;
}
#main-content h2 a:hover {
			color:grey;
}
.moretag {
			margin:10px;
			font-size:18px;
			color:black;
}

/* sidebar */

.arrow {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 207px;
	height: 362px;
	background: url(images/contact.png) no-repeat;
}
.arrow span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(images/contacthover.png) no-repeat;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.arrow:hover span {
	opacity: 1;
}

form    {
background: -webkit-gradient(linear, bottom, left 175px, from(#ff7800), to(#ffffff));
background: -moz-linear-gradient(bottom, #ff7800, #ffffff 175px);
margin:auto;
position:relative;
max-width:550px;
height:fit-content;
font-family: 'Segoe UI', Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: black;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#reply-title {
	text-align:center;
	font-size:2em;
}

input     {
max-width:375px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#comment {
	max-width:375px;
	display:block;
	border: 1px solid #999;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea.message {
display:block;
}

#FSContact1 {
			height:600px;
}

.pagetitle {
		font-size:1.5em;
		left:50%;
		padding: 10px;
		text-transform:uppercase;
		text-align:center;
}

.prev {
		text-decoration:none;
		font-size:2em;
		padding:10px 0;
		color:black;
}

.prev a {
		text-decoration:none;
		padding:10px 0;
		color:black;
}
.prev a:hover {
		color:grey;
} 

.commentlist .even .comment { 
background-color:#ccddf2; 
} 
.commentlist .odd .comment {
background-color:#CCCCCC;
}


blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #000;
  
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #fff;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

blockquote p {
	color: #fff;
  font-size:1.2em;
  }

blockquote {
 	width: 250px;
  float:left;
  background:#ff7800;
  margin-right:20px;
  margin-bottom:0;
}

#banner { padding-top: 20px; }

 @media only screen and (max-width: 640px) {
  
  #main-sidebar { display:none; }
  #main-content { padding-right:10px; }
  .home { background-image:none; }
  #header {border-bottom: solid black;}
  #photo { margin-left:30px }
  #blurb { margin-left:30px }
  .menu-top-navigation-menu-container a { font-size: 10px; }
  
}  

img { 
	display: block;
	width: 100%;
}