body
{
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:1em;
line-height:1.3;
background-color:#e6e6e6;
color:#000000;
}
h1
{
font-size:30px;	
font-family: Palatino,serif;
color:#009999;
display:inline;
}
h2
{
font-size:25px;
font-family: Verdana, Geneva, sans-serif;
	
}
h3
{
font-size:0.9em;
}
h1.castlestory
{
font-size:28px;	
font-family: Palatino,serif;	
text-transform:uppercase;
display:inline;
color:#000000;
}
h2.castlestory
{
font-size:25px;
font-family: Verdana, Geneva, sans-serif;
}
h3.castlestory
{
font-size:24px;
font-family:'Trebuchet MS', Helvetica, sans-serif;
}


div.container
{
position:relative;
margin-left:auto;
margin-right:auto;
width:90%;
background-color:#ffffff;
}
div.logo
{
float:left;
margin-top:20px;
margin-left:5%;
width:15%;
}

/*navigation desktop*/

ul.navigation
{
float:left;
width:70%;
padding:0px;
margin-left:10%;
margin-top:70px;
list-style-type:none;
}
li.navigation
{
display:inline;
}
a.mainlinks
{
float:left;
width:18%;
height:30px;
text-decoration:none;
margin-left:7%;
padding-top:0px;
padding-bottom:10px;
color: #404040;
font-size:1.125em;
text-align:center;
}
a#navlink1
{
border-bottom:6px solid #cc6600;
margin-left:0;
}
a#navlink2
{
border-bottom:6px solid #999900;
}
a#navlink3
{
border-bottom:6px solid #481770;
}
a#navlink4
{
border-bottom:6px solid #99cccc;
}

/* vote best castle image*/

div.votingimage
{
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
}

/* leftcontent -- only desktop*/

div.leftcontent
{
float:left;
width:27%;
margin-left:0px;
margin-top:20px;
padding-top:20px;
padding-bottom:160px;
background-color:#f2f2f2;
}
h3.searchcastle
{
width: 80%;
position: relative;
padding-right: 10px;
margin-left: -10px;
text-indent:20px;
color:#ffffff;
background-color:#009999;
padding-top:10px;
padding-bottom:10px;
margin-bottom:30px;
text-transform: uppercase;
}
h3.searchcastle::before
{
border-top:10px solid #007474;
border-left:10px solid transparent;
left:0px;
content:" ";
position:absolute;
bottom:-10px;
}
div.selection,div.selectiondesk
{
margin-left:10%;
margin-top:20px;
width:70%;
}
a.leftcontentlinks
{
color: #404040;
}
a.leftcontentlinkscastle
{
text-decoration:none;
color: #404040;
font-family:Verdana;
font-size: 0.9em;
}
a#colorlink
{
color:#999900;
}
a.bestcastleslinks
{
text-decoration:none;
color: #404040;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
}
a.leftcontentlinks:hover,a.bestcastleslinks:hover,a.leftcontentlinkscastle:hover
{
text-decoration:underline;
}
div.selection select
{	
font-size:0.85em;
padding:1px;
color: #404040;
width:100%;
}
div.searchengine
{	
margin-top:5px;
margin-left:0px;
width:100%;
}
.gsc-search-button
{
display: block;
margin-left:119px;
}
.gsc-input 
{
display: block;
width:190px;
}
div.socialbuttonsdesktop
{
margin-top:60px;	
margin-left:auto;
margin-right:auto;
width:80%;
}
div.adunitleftdesktop
{
margin-top:100px;
width:300px;
height:600px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff!important;
}


/*maincontent*/

div.maincontent
{
float:left;
width:63%;
margin-left:0px;
text-align:justify;
line-height:1.5;
padding-left:7%;
}
span.stars
{
float:right;
font-size:1.5em;
color:#ffaf1a;
cursor:pointer;
font-weight:bold;
}
.sfonts
{
font-size:1.1em!important;
}
span.star_after_rating
{
font-size:1.5em;
cursor:pointer;
color:#ffaf1a;
font-weight:bold;
}
div.images
{
width:100%;
text-align:center;
margin-top:20px;
}
img 
{
max-width:100%!important;
height:auto;
border:0;
}
div.additional-images
{
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-style:italic;
font-size:17px;
margin-top:20px;
}
div.additional-images-big
{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-style:italic;
font-size:17px;
margin-top:20px;
}
div.pinterestimage
{
position:absolute;
margin-left:-9999px;
}
a.moreimages
{
position:absolute;
margin-left:3%;
margin-top:-50px;
z-index:5;
background-color:#cc6600;
color:#ffffff;
padding-right:1%;
padding-left:1%;
padding-top:0.5%;
padding-bottom:0.5%;
text-decoration:none;
font-size:1em;
}
a.photogallery
{
position:absolute;
margin-left:1%;
margin-top:-50px;
z-index:5;
background-color:#cc6600;
color:#ffffff;
padding-right:1%;
padding-left:1%;
padding-top:0.5%;
padding-bottom:0.5%;
text-decoration:none;
font-size:1em;
}
a.guestgallery
{
position:absolute;
margin-left:54%;
margin-top:-50px;
z-index:5;
background-color:#cc6600;
color:#ffffff;
padding-right:1%;
padding-left:1%;
padding-top:0.5%;
padding-bottom:0.5%;
text-decoration:none;
font-size:1em;
}
div.description
{
width:100%;
font-size:18px;
font-family:Arial,Helvetica,sans-serif;
margin-top:20px;
}
div.additionalinformation
{	
float:right;
margin-left:4%;
margin-top:10px;
width:23%;
padding-right:2%;
padding-left:2%;
padding-bottom:10px;
text-align:left;
line-height:1.2em;
background-color:#66c2c2;
font-size:17px;
color:#333;
}
span.inertitle
{
font-family: Verdana, Geneva, sans-serif;
font-size:1em;
font-weight:bold;
color:#222222;
line-height:2.6em;
}
h2.inertitle
{
font-family: Verdana, Geneva, sans-serif;
font-size:25px;
font-weight:bold;
color:#222222;
line-height:1.8em;
}
h3.inertitle
{
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#222222;
line-height:1.8em;
}
div.references
{
margin-top:20px;
margin-bottom:60px;
font-size:16px;
line-height:1.3;
font-family:Arial,Helvetica,sans-serif;
}
h3.references
{
font-size:19px;
font-family:Arial,Helvetica,sans-serif;
}
div.references-castlestory
{

font-size:16px;
line-height:1.3;
font-family:Arial,Helvetica,sans-serif;
}
h3.references-castlestory
{
font-size:19px;
font-family:Arial,Helvetica,sans-serif;
}

.colorwhite
{
color:white;
}
.colorred
{
color:red;
font-style:italic;
font-weight:bold;
font-size:1.2em;
margin-left:10px;
margin-right:10px;
}
.nodispaly
{
display:none;
}
.yesdisplay
{
display:block;
}
p.author
{
margin-bottom:20px;
font-family: Verdana, Geneva, sans-serif;
font-size:15px;
}
p.author-castles
{
font-family: Verdana, Geneva, sans-serif;
font-size:17px;
}
span.color-gray
{
color:#9b9292;
}
img.profile-image
{

float:left;
margin-right:3%;
}


/*correct information*/

div#correct
{
display:none;
margin-bottom:40px;
font-style:italic;
}
span#flip
{
cursor:pointer;
color: #009999;
font-size:1.1em;
font-style:normal;
}
span#flip:hover
{
text-decoration:underline;
}
span#clsbtn
{
float:right;
margin-right:10%;
font-size:1.2em;
cursor:pointer;
color: #404040;
}



/*rating form*/

div.rating
{
float:left;
margin-left:0;
position:relative;
margin-top:0px;
width:70%;
}
div#created,div#created1
{
display:none;	
position:relative;
color: #404040;
padding:20px;
margin-top:10px;
margin-bottom:20px;
font-size:1.1em;
background-color:#e6e6e6;
}
div#created1
{
cursor:pointer;
}
ul.rating
 {
list-style: none;
width: 80%;
margin-left:0;
padding: 0;
margin-top:30px;
}
li.rating
{
color: #AAAAAA;
display: block;
position: relative;
width: 100%;
height: 60px;
}
ul.rating li input[type="radio"]
{
display:none;
}
ul.rating li label
{
float:left;
display:block;
position:relative;
margin-left:7%;
font-weight:500;
font-size:16px;
height: 20px;
margin-left:0;
color: #aaaaaa;
padding-left:13%;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
span.ratingname
{
display: inline-block; 	
width:80px;
}
span.stars_ratingform
{
padding-left:50px;
color:#ffaf1a;
font-weight:bold;
}
ul.rating li:hover label
{
font-size:22px;
}
ul.rating li .check
{
display:block;
position:relative;
border: 2px solid #aaaaaa;
border-radius: 5%;
height: 16px;
width: 16px;
z-index: 5;
cursor: pointer;
transition: all .25s linear;
-webkit-transition: all .25s linear;
}
ul.rating li:hover .check 
{
width:22px;
height:22px;
}
input[type="radio"]:checked ~ .check
 {
border: 2px solid #008000;
background: #008000;
}
input[type="radio"]:checked ~ label
{
color: #008000;
}

/*submit comment form*/

div.submitcomment
{
margin-top:40px;
}
form.submitcomment
{
margin-top:30px;
}
input[id="comment_name"]
{
width:40%;
}
textarea[id="comment_message"],textarea[id="correct_message"]
{
width:60%;
}
input[id="submitcomment"],input[id="submitcorrect"] 
{	
padding:5px 15px; 
border:0 none;
cursor:pointer;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size:0.875em;
-webkit-border-radius: 5px;
border-radius: 5px; 
}
.smallfonts
{
font-size:0.625em;
margin-left:10px;
}

/*image attach*/

div.imageattach
{
margin-top:60px;
background-color:#f2f2f2;
padding:10px;
}


/*reviews*/

div.comments
{
font-size:17px;
margin-top:40px;
}
h2.reviews
{
color:#cc6600;
margin-bottom:25px;
}
p.commentname
{
font-weight:bold;
}
p.commentbody
{
font-family:Arial,Helvetica,sans-serif;	
margin-bottom:20px;
font-weight:normal;
}

/*see also links*/

a.seealso
{
font-family:Arial,Helvetica,sans-serif;
color:#009999;
cursor:pointer;
font-size:1.1em;
}
a.seealso:hover
{
text-decoration:underline;
}

/*ad units desktop*/

div.adunitdesktop
{
width:100%;
margin-bottom:20px;
margin-top:20px;
}
div.adunitleftaditional
{
width:160px;
height:600px;
margin-left:auto;
margin-right:auto;
margin-top:350px;
border:1px solid black;
}


/*miscellaneous*/

p.clear
{
clear:both;
}
span.left
{
float:left;
}
span.requiredfields
{
color: #FF0000;
font-size:11px;
margin-left:1%;
}
a.castlename
{
text-decoration:none;
color:#009999;
}
a.castlename:hover
{
text-decoration:underline;
}
.selectarrow
{
float:right;
}
.blue
{
color:#009999;
}
div.mainbody
{
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
}
p.suggestedby
{
float:right;
margin-right:1%;
font-size:0.8em;
font-style:italic;
margin-top:0px;
}
.dkleft
{
text-align:left!important;
}


/*footer*/

footer
{
opacity: 0.5;
background-color:#333;
width:100%;
padding-top:20px;
padding-bottom:20px;
}
ul.footerleft
{
display:inline;
float:left;
width:40%;
list-style-type:none;
line-height:1.2em;
padding-left:10%;
}
ul.footerright
{
display:inline;	
float:left;
width:40%;
margin-left:0;
list-style-type:none;
line-height:1.6em;
}
li.footer
{
padding-left:40%;
}
a.footerlinks
{
text-decoration:none;
color:#ffffff;
font-size:0.88em;
}
a.footerlinks#contactmail:hover
{
text-decoration:none;
}
a.footerlinks:hover
{
text-decoration:underline;
}
a.followus
{
float:right;
margin-right:5%;
}



/*best castles*/

p.based
{
font-style:italic;
margin-left:2%;
font-size:1em;
font-family:Arial,Helvetica,sans-serif;
}
h1.bestcastles
{
color:#000000;
font-size:1.6em;
}
div.bestcastles
{
margin-top:40px;
width:100%;
border-bottom:1px solid #009999;
font-family:Arial,Helvetica,sans-serif;
}
h2.bestcastles
{
text-indent:3%;
font-size:1.4em;
color:#99cccc;
font-family:Arial,Helvetica,sans-serif;
}
a.bestcastles
{
color:inherit;
text-decoration:none;
}
a.bestcastles:hover
{
text-decoration:underline;
}
div.bestcastlesimages
{
width:80%;
}
p.bestcastlesimages
{
font-family:Arial,Helvetica,sans-serif;
width:95%;
}
a.viewdetails
{
text-decoration:none;
color:#009999;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:1em;
font-style:italic;
}
a.viewdetails:hover
{
text-decoration:underline;
}
div.bestcastlesmob
{
padding-top:5px;
padding-bottom:5px;
text-align:left;
}

/*youtube video embed*/

    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }
	
.youtube-video	
{
  aspect-ratio: 16 / 9;
  width: 100%;
  border:none;
	
}


/*suggest castle*/

form.suggestcastle
{
width:95%;
padding-left:5%;
}
form.suggestcastle input[type="text"]
{
width:50%;
}
form.suggestcastle textarea
{
width:70%;
}

/*about page*/

div.imagesabout
{
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
div.imagesaboutresponsive
{
width:96%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
div.imagesaboutauthor
{
width:50%;
}
h3.texttitle
{
font-size:1.1em;
}

.embed-container 
{ 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
height: auto; 
} 
.embed-container iframe, .embed-container object, .embed-container embed 
{ 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

/*index*/

div.presentationindex
{
width:90%;
border-radius:30px;
padding-left:3%;
padding-right:3%;
margin-left:2.5%;
margin-bottom:20px;
padding-top:5px;
padding-bottom:10px;
background-color:#e6e6e6;
}
h2.castlenameindex
{
padding-left:5%;
font-size:1.3em;
line-height:1.15em;
}
p.castlelocationindex
{
font-size: 1.1em;
line-height:1.15em;
margin-top:5px;
text-align:center;
}
div.indexmain
{
width:80%;
margin-left:auto;
margin-right:auto;
border-radius:30px;
background-color:#e6e6e6;
padding:4%;
color: #404040;
}
div.interactivemap
{
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
div.interactivemap iframe
{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



/*thank you files*/

p.imgexplain
{
font-family:Arial,Helvetica,sans-serif;
text-align:center;
font-style:italic;
}
p.thanks
{
font-size:1.2em;
}


/*castle voting*/

h1.castlevote
{
display:block;
color:#404040;
font-size:1.4em;
}
div.castlevote
{
width:80%;
margin-left:auto;
margin-right:auto;
line-height:1.2em;
margin-top:30px;
height:200px;
border-bottom:1px solid #404040;
}

div.castlevote input
{
display:none;
}
div.castlevoteright
{
float:right;
margin-right:0px;
width:50%;
}
div.castlevoteleft
{
float:right;
margin-right:15%;
width:30%;
}
h2.castlevotename
{
font-size:1.3em;
margin-top:30px;
color:#cc6600;
width:90%;
margin-left:auto;
margin-right:auto; 
text-align:center;
}
p.castlevoteregion
{
font-size:0.9em;
font-family:Arial,Helvetica,sans-serif;
margin-top:10px;
color:#000000;
width:90%;
margin-left:auto;
margin-right:auto; 
text-align:center;
font-style:italic;
}
span.votenow
{
display:block;
color:#ffffff;
font-weight:bold;
background-color:#009999;
font-size:1.2em;
width:70%;
margin-left:auto;
margin-right:auto;
border-radius: 10px; 
margin-top:40px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
span.votenow:hover
{
background-color:#004d4d;
cursor:pointer;	
}
p.smaller
{
font-size:0.84em;
font-family:Arial,Helvetica,sans-serif;
font-style:italic;
}

/*voting results page*/

h1.voteresults
{
display:block;
color:#004d4d;
}
ul.votingresults
{
width:90%;
margin-left:auto;
margin-right:auto;
list-style-type:none;
line-height:5.4em;
}
h2.votingresults
{
display:inline-block;
margin-left:5%;
font-size:1.1em;
color:#404040;
width:25%;
text-align:left;
line-height:1.1em;	
vertical-align:middle;
}
div.votingresults
{
display:inline-block;
margin-left:5%;
height:5px;
background-color:#009999;
width:50%;
padding:0;
}
p.votingresults
{
display:inline;
margin-left:5%;
font-size:1.1em;
width:5%;
}



div.adunitmobile,div.navigationmobile,p.smallfonts,div.socialbuttonsmobile,span.onlymobile,span.onlymobile1,p.clearmobile,.stars .title,.images .title,div.votingimagemobile,div.buttonsmobile
{
display:none;
}





@media only screen and ( max-width: 870px )
{
	
div.adunitdesktop,div.navigationdesktop,div.socialbuttonsdesktop,span.selectarrow,.nomobile,div.searchengine,div.selectiondesk, div.adunitleftdesktop
{
display:none!important;
}

body
{
background-color:#ffffff;
}	
div.container
{
margin-left:0;
margin-right:0;
width:100%;
}



 /*navigation mobile*/
 
div.navigationmobile
{
display:block;
width:90%;
margin-left:10%;
background-color:#e6e6e6;
height:100px;
margin-bottom:10px;	
} 
p.mobiletop
{
background-color:#e6e6e6;
height:10px;
width:100%;
}
div.mobilebanner
{
width: 100%;
position: relative;
padding-right: 10px;
margin-left: -10px;
background-color:#009999;
height:42px;
}
div.mobilebanner::before
{
border-top:10px solid #007474;
border-left:10px solid transparent;
left:0px;
content:" ";
position:absolute;
bottom:-10px;
}
h2.mobiletitle
{
float:left;
width:80%;
font-size:14px;
color:#ffffff;
text-transform: uppercase;
text-indent:3%;
vertical-align:middle;
}

/*mobile menu*/

div#divmobile
{
position: relative;
display:inline;
float:right;
margin-right:1%;
width: 42px;
}
div#divmobile > a
{
width: 42px;
height: 42px;
text-align: left;
text-indent: -9999px;
background-color: #009999;
margin:0;
display: none;				
}
div#divmobile > a::before
{
position: absolute;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
top: 12px;
height:6px;
left: 25%;
right: 25%;
content: '';
}
div#divmobile > a::after
{
position: absolute;
border-top: 2px solid #ffffff;
top:28px;
left: 25%;
right: 25%;
content: '';
}					
div#divmobile:not( :target ) > a:first-of-type,
div#divmobile:target > a:last-of-type
{
display: block;
}								
div#divmobile > ul
{
background-color: #009999;
display: none;
width:128px;
left:-128px;
list-style-type:none;
top:40px;
height:auto;
position:absolute;
z-index:3;
}
div#divmobile:target > ul
{
display: block;
}
div#divmobile > ul > li
{
width: 100%;
float: none;
position: relative;
}
div#divmobile > ul > li > a
{
height: auto;
text-align: left;
padding-top:0.2em;
padding-bottom:0.2em;
font-size:1em;
text-decoration:none;
color:#ffffff;
display:block;
line-height: 2.6em;
}
div#divmobile > ul > li:not( :last-child ) > a
{
border-bottom: 1px solid #ffffff;
}

/*leftcontent for mobile for special pages -- select country and select region*/

div.leftcontent
{
float:none;
width:100%;
margin-left:0px;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
background-color:#ffffff;
}
div.selection
{
float:left;
margin-left:8%;
width:40%;
margin-top:10px;
color: #ffffff;
}
div.selection select
{
width:100%;
padding-top:5px;
padding-bottom:5px;
}

/*maincontent*/

div.maincontent
{
float:none;
width:96%;
padding-right:1%;
padding-left:1%;
}
.images
{
position: relative;
}
.images .title
{
position: absolute;
display:block;
bottom:0px;
background: #000000;
color:#ffffff;
padding: 2px;
right: 0;
font-size:0.7em;
z-index:9;
}
a.photogallery
{
margin-left:1%;
margin-top:-40px;
}
a.guestgallery
{
margin-left:75%;
margin-top:-40px;
}
.stars
{
border-bottom: 1px dotted;
position: relative;
}
.stars .title
{
position: absolute;
display:block;
top: 30px;
background: #ffaf1a;
color:#ffffff;
padding: 2px;
right: 0;
white-space: nowrap;
font-size:0.7em;
z-index:9;
}
div.description
{
float:none;
width:100%;
}
div.additionalinformation
{	
float:none;
margin-top:20px;
width:80%;
padding-top:10px;
padding-left:4%;
margin-left:auto;
margin-right:auto;
}

/*rating form*/

div.rating
{
float:none;
width:97%;
padding-left:3%;
margin-top:40px;
}
div#created
{
padding-left:2%;
padding-right:2%;
padding-top:20px;
padding-bottom:20px;
margin-top:40px;
text-align:center;
}
div#created1
{
padding-left:0;
padding-right:2%;
padding-top:20px;
padding-bottom:20px;
margin-top:40px;
text-align:center;
}	
ul.rating
{
width: 100%;
}
ul.rating li:hover label
{
font-size:18px;
}
ul.rating li:hover .check 
{
width:18px;
height:18px;
}	

/* submit comment form*/

div.submitcomment
{
width:97%;
padding-left:3%;	
}
h2.submitcomment
{
text-align:left;
}
span.smallfonts
{
display:none;
}
p.smallfonts
{
display:block;
}
input[id="comment_name"]
{
width:60%;
}
textarea[id="comment_message"],textarea[id="correct_message"]
{
width:80%;
}

/*reviews*/

div.comments
{
margin-top:0;
}

/*see also links*/

a.seealso
{
text-align:left;
}

/*socialbuttons mobile*/

div.socialbuttonsmobile
{
display:block;
width:100%;
border:1px solid black;
}
div.buttonsmobile
{

border:1px solid black;
}

/*adunit mobile*/

div.adunitmobile
{
display:block;
width:100%;
margin-top:40px;
margin-bottom:40px;
}

/*miscellaneous*/

.mbleft
{
text-align:left!important;
}
p.clearmobile
{
display:block;
clear:both;
}
ul.mobileleft,ol.mobileleft
{
margin-left:10px;
padding:0;
}

/*best castles*/

h1.bestcastles,h2.bestcastles
{
text-align:left;
}

/*footer*/

footer
{
padding-top:10px;
padding-bottom:10px;
}
ul.footerleft
{
display:block;
float:none;
width:40%;
line-height:1.2em;
padding-left:50%;
line-height:1.6em;
}
ul.footerright
{
display:block;	
float:none;
width:90%;
margin-left:0;
line-height:1.6em;
padding-left:10%;
}
li.footer
{
padding-left:0;
}


/*search page for mobile*/

div.selectionmob
{
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:80%;
color: #404040;
}
div.selectionmob select
{
padding-top:5px;
padding-bottom:5px;	
width:100%;
}
h3
{
font-size:1em;
}
a.leftcontentlinks
{
text-decoration:underline;
}
div.searchenginemob
{	
margin-top:40px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
width:98%;
}
.gsc-search-button
{
float:left;
margin-left:-8px;
vertical-align:middle;
}
.gsc-input 
{
float:left;
width:70%;
vertical-align:middle;
}

/*suggest castle*/

form.suggestcastle input[type="text"]
{
width:70%;
}
form.suggestcastle textarea
{
width:80%;
}
span.onlymobile,span.onlymobile1
{
display:block;
}

/*index*/

div.presentationindex
{
float:none;
width:96%;
padding-left:2%;
padding-right:2%;
padding-top:5px;
padding-bottom:10px;
margin-left:0;
margin-bottom:40px;
height:auto;
}
h2.castlenameindex
{
font-size:1.3em;
line-height:1.15em;
}
p.castlelocationindex
{
font-size: 1.1em;
line-height:1.15em;
margin-top:10px;
}


/*castle voting*/

h1.castlevote
{
text-align:left;
}
div.castlevote
{
width:100%;
height:auto;
}
div.castlevoteright
{
float:none;
margin-right:0px;
width:100%;
height:auto;
margin-top:0px;
}
div.castlevoteleft
{
float:none;
margin-right:0%;
width:100%;
margin-top:0px;
}
h2.castlevotename
{
margin-top:20px;
}

span.votenow
{
width:70%;
margin-top:30px;
margin-bottom:20px;
}


/*voting results page*/

h1.voteresults
{
text-align:left;
}
ul.votingresults
{
width:100%;
margin-left:2%;
padding:0;
}
h2.votingresults
{
margin-left:2%;
}
div.votingresults
{
margin-left:5%;
width:40%;
}

/*voting image*/

div.votingimagemobile
{
display:block;
width:20%;
float:right;
margin-right:1%;
}


	
	}
	

@media screen and (min-width: 460px) and (max-width: 870px) and (min-aspect-ratio: 4/3) and (orientation: landscape)
	{

div#divmobile > ul > li > a
{
padding-top:0.1em;
padding-bottom:0.1em;
font-size:1em;
}	

div.description
{
width:98%;
margin-left:auto;
margin-right:auto;
}
	
div.additionalinformation
{
width:60%;
}

span.onlymobile1
{
display:none;
}

a.guestgallery
{
margin-left:85%;
}

div.rating
{
width:70%;
}
div.comments
{
width:98%;
margin-left:auto;
margin-right:auto;
}

div#created
{
margin-left:3%;
}		
			
input[id="comment_name"]
{
width:50%;
}
textarea[id="comment_message"],textarea[id="correct_message"]
{
width:70%;
}

div.imageattach
{
width:98%;
margin-left:auto;
margin-right:auto;
}

p.smallfonts
{
display:inline;
}

div.buttonsmobile
{
width:40%;
}
	
ul.footerleft
{
padding-left:60%;
}

div.selectionmob
{
width:50%;
}
div.searchenginemob
{
width:70%;
}		

form.suggestcastle input[type="text"]
{
width:50%;
}
form.suggestcastle textarea
{
width:70%;
}

/*castle voting*/

div.castlevote
{
width:80%;
}
span.votenow
{
width:40%;
}

/*voting results page*/


div.votingresults
{
width:45%;
}
		
	}