body {
background : url(bg-body.jpg) left top repeat;
font-family : 'Muli-Light';
margin : 0;
}
img {
border : 0;
}
#navigation li a, #contact form input.btn {
background : url(buttons1.png) no-repeat;
}
#blog div.box, #blog div.box div.header {
background : url(bg-boxborders.png) no-repeat;
}
#header {
background : url(bg-header.png) center top no-repeat;
height : 206px;
text-align : right;
}
#header > div {
width : 940px;
margin : 0 auto;
padding : 0 10px;
}
#logo {
float : left;
display : block;
text-transform : uppercase;
color : transparent;
background : url(logo_ru2.png) 0 0 no-repeat;
width : 260px;
height : 114px;
}
#navigation {
list-style : none;
display : inline-block;
width : 610px;
margin : 0;
padding : 0;
}
#navigation li {
float : left;
font-size : 14pt;
height : 206px;
width : 138px;
margin-left : -16px;
text-align : center;
}
#navigation li a {
background-position : -144px 0;
color : #FFF;
display : block;
font-family : 'Caudex-Regular';
font-size : 14px;
height : 206px;
width : 138px;
line-height : 200px;
outline : 0;
text-decoration : none;
text-shadow : 1px 1px #3d3413;
text-transform : uppercase;
}
#navigation li a:hover, #navigation li.selected a {
background-position : 0 0;
color : #fff;
}
#contents {
background : url(bg-content-top_1.png) center -6px no-repeat;
min-height : 85px;
margin-top : -79px;
position : relative;
}
#contents > div {
width : 960px;
margin : 0 auto;
}
#contents h3, h4, h5 {
color : #836544;
font-family : 'Caudex-Regular';
font-weight : 400;
text-transform : uppercase;
}
#contents h6 {
color : #836544;
font-size: 16px;
font-family : 'Caudex-Regular';
font-weight : 400;
text-transform : uppercase;
}
#contents h1, h2 {
color : #836544;
font-size : 20px;
font-family : 'Caudex-Regular';
font-weight : 400;
margin : 0 0 30px;
text-transform : uppercase;
}
#contents p {
color : #474747;
font-size : 18px;
line-height : 24px;
margin : 0;
padding : 0 0 24px;
}
#contents p a {
color : #474747;
}
#contents p a:hover {
color : #887c6c;
}
#contents p a.author, #contents p a.comments {
color : #646f33;
text-decoration : none;
}

#contents #amnox  {
background : url(poyal-en_1.png) center -6px no-repeat;
height : 585px;
width : 100%;
padding-top : 9px;
position : relative;
}


#amnox > div {
height : 520px;
width : 940px;
margin : 0 auto;
padding : 0 10px;
position : relative;
}
#amnox > div img {
float : left;
margin-left : 25px;
}
#amnox > div div.details {
font-family : 'Caudex-Regular';
width : 345px;
position : absolute;
right : 50px;
top : 170px;
margin-top : -50px;
}
#amnox div.details h3, h4 {
color : #836544;
font-weight : 400;
text-transform : uppercase;
}
#amnox div.details a {
color : #dc5959;
text-decoration: none;
}
#amnox div.details a:hover {
color : #f35303;
}
#amnox span.footer {
background : url(bg-amnoxbottom.png) center top no-repeat;
display : block;
height : 146px;
width : 100%;
position : static;
bottom : -72px;
left : 0;
}
#featured {
padding: initial;
}
#featured a {
background : url(https://royaldatingsite.net/static/a/500044874/buttons2.png) no-repeat;
display : inline-block;
height : 318px;
width : 314px;
margin-left : 4px;
}
#featured a:first-child {
margin-left : 0;
}
#featured a.all-colors {
background-position : -324px 0;
}
#featured a.highlights {
background-position : -324px -328px;
}
#featured a.coloring {
background-position : -324px -656px;
}
#featured a.all-colors:hover {
background-position : 0 0;
}
#featured a.highlights:hover {
background-position : 0 -328px;
}
#featured a.coloring:hover {
background-position : 0 -656px;
}
#main {
float : left;
min-height : 840px;
width : 620px;
}
#main ul {
list-style : none;
margin : 0;
padding : 0;
}
#main ul li {
display : inline-block;
margin-bottom : 24px;
}
#main ul li img {
float : left;
margin-right : 20px;
}
#sidebar {
float : right;
width : 278px;
}
#sidebar h3, h5 {
background : url(border4_1.png) left bottom repeat-x;
margin : 0 0 12px;
padding-bottom : 12px;
}
#sidebar ul {
list-style : none;
margin : 0 0 30px;
padding : 0;
}
#sidebar ul li {
background : url(border4_1.png) left bottom repeat-x;
display : inline-block;
width : 100%;
padding : 11px 0;
}
#sidebar ul li:first-child {
padding-top : 0;
}
#sidebar ul li a {
color : #836544;
display : block;
font : 14px/24px Caudex-Regular;
text-decoration : none;
}
#sidebar ul li a:hover, #sidebar ul li.selected a {
color : #717d3d;
}
#about {
padding-bottom : 30px;
}
#about img {
float : right;
margin : 6px 0 30px 20px;
}
#about img.left {
float : left;
margin-left : 0;
margin-right : 20px;
}
#about p {
padding-bottom : 36px;
}
#contents #services {
width : 940px;
padding-left : 10px;
padding-right : 10px;
}
#services:after {
clear : both;
content : "";
display : block;
height : 0;
line-height : 0;
visibility : hidden;
}
#services h5 {
float : right;
background : url(border4_1.png) left bottom repeat-x;
width : 480px;
margin : 0 0 12px;
padding-bottom : 12px;
}
#services #main ul {
padding-top : 7px;
}
#blog div.box {
background-position : -651px bottom;
width : 630px;
padding-bottom : 8px;
}
#blog div.box div.header {
background-position : 0 0;
padding-top : 8px;
}
#blog div.box div.body {
background : url(bg-box.png) left top repeat-y;
padding-left : 2px;
padding-right : 10px;
}
#blog div.box h3 a {
background : url(bg-heading.png) right top no-repeat;
color : #fff;
display : block;
height : 59px;
line-height : 50px;
margin-bottom : 12px;
margin-left : -1px;
padding : 0 10px;
text-decoration : none;
text-shadow : 1px 1px #4c4121;
}
#blog div.box h3 a:hover {
background-position : left top;
}
#blog div.box img {
margin : 0 10px 12px;
}
#blog div.box p {
margin : 0;
padding-left : 12px;
padding-right : 20px;
}
#blog div.box p.infos {
padding-bottom : 10px;
padding-top : 2px;
}
#blog #sidebar ul.posts {
margin-bottom : 36px;
}
#blog #sidebar ul.posts li img {
float : left;
margin-right : 20px;
}
#blog #sidebar ul.posts li span {
color : #474747;
font-size : 12px;
font-style : italic;
}
#blog #sidebar ul.posts li a {
display : inline-block;
font-family : 'Caudex-Regular';
font-weight : 500;
width : 192px;
text-decoration : none;
}
#contact {
min-height : 840px;
}
#contact img {
float : right;
margin : 6px 0 30px 20px;
}
#contact form table {
border-collapse : collapse;
margin : 0;
padding : 0;
}
#contact form table td {
padding : 0 6px 12px 0;
vertical-align : top;
}
#contact form table td:first-child {
width : 132px;
}
#contact form label {
color : #474747;
font-size : 14px;
margin : 6px 0 0;
}
#contact form input.txtfield {
color : #474747;
height : 22px;
line-height : 20px;
width : 244px;
border : #ecd9b0 solid 1px;
padding : 1px 2px;
}
#contact form textarea {
color : #474747;
height : 154px;
width : 334px;
border : #ecd9b0 solid 1px;
margin : 0 0 4px;
padding : 2px;
overflow : auto;
resize : none;
}
#contact form input.btn {
background-position : -154px -239px;
cursor : pointer;
height : 40px;
width : 144px;
border : 0;
padding : 0;
}
#contact form input.btn:hover {
background-position : 0 -239px;
}
#footer {
clear : both;
}
#articles {
background : url(border2.png) center bottom no-repeat;
color : #474747;
margin : 0 auto;
padding-bottom : 8px;
}
#articles p {
font-size : 16px;
line-height : 24px;
margin : 0;
}
#articles p a {
color : #977d5d;
text-decoration : none;
}
#articles p a:hover {
color : #6d773a;
}
#articles div.header {
background : url(border_1.png) center top no-repeat;
padding-top : 8px;
}
#articles div.body {
background : url(bg-pattern.jpg) center top repeat-y;
min-height : 375px;
}
#articles div.body > div {
width : 940px;
margin : 0 auto;
padding : 0 10px;
}
#articles div.body > div:after {
clear : both;
content : "";
display : block;
height : 0;
line-height : 0;
visibility : hidden;
}
#articles div.section {
float : left;
background : url(border3.png) left top repeat-y;
height : 375px;
width : 295px;
padding : 20px 5px 0 20px;
overflow : hidden;
}
#articles div.section:first-child {
background : none;
padding-left : 0;
}
#articles div.section h3 {
    background: url(border4_1.png) 1px bottom repeat-x;
    color: #836544;
    font-family: 'Caudex-Regular';
    font-weight: 400;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 12px;
}
#articles ul.blog {
list-style : none;
margin : 0;
padding : 0;
}
#articles ul.blog li {
background : url(border4_1.png) 1px top repeat-x;
margin-bottom : 12px;
padding-top : 13px;
}
#articles ul.blog li:first-child {
background : none;
padding-top : 0;
}
#articles ul.blog li span {
display : block;
font-size : 12px;
font-style : italic;
}
#articles ul.blog li a {
display : block;
font-family : 'Caudex-Regular';
font-size : 14px;
}
#articles table.info {
font-size : 13px;
line-height : 23px;
margin-bottom : 30px;
}
#articles table.info td {
padding : 0;
}
#articles table.info tr td:first-child {
width : 100px;
}
#connect a {
background : url(https://royaldatingsite.net/static/a/500044874/icons.png) no-repeat;
display : inline-block;
height : 26px;
width : 25px;
margin-right : 5px;
}
#unique div.unique {
font-family : 'Caudex-Regular';
width : 940px;
margin : 0 auto;
padding : 0 10px;
padding : 10px 0 20px;
}
#unique div.unique form {
float : right;
width : 292px;
margin-right : 8px;
text-align : right;
}
#unique div.unique form input.txtfield {
color : #474747;
font-size : 11px;
height : 18px;
line-height : 18px;
width : 213px;
border : #ecd9b0 solid 1px;
text-align : center;
}
#unique div.unique form input.btn {
background-color : #977d5d;
color : #fff;
cursor : pointer;
font-size : 11px;
height : 19px;
width : 54px;
border : 0;
}
#unique div.unique form input.btn:hover {
background-color : #685237;
}
#unique div.unique p {
color : #5c5b58;
font-size : 12px;
line-height : 24px;
margin : 0;
}
#unique div.unique p a {
color : #5c5b58;
margin-left : 15px;
padding-left : 5px;
text-decoration : none;
}
#unique div.unique p a:hover {
color : #887c6c;
}
#footer div.footer {
font-family : 'Caudex-Regular';
width : 940px;
margin : 0 auto;
padding : 0 10px;
padding : 10px 0 20px;
}
#footer div.footer form {
float : right;
width : 292px;
margin-right : 8px;
text-align : right;
}
#footer div.footer form input.txtfield {
color : #474747;
font-size : 11px;
height : 18px;
line-height : 18px;
width : 213px;
border : #ecd9b0 solid 1px;
text-align : center;
}
#footer div.footer form input.btn {
background-color : #977d5d;
color : #fff;
cursor : pointer;
font-size : 11px;
height : 19px;
width : 54px;
border : 0;
}
#footer div.footer form input.btn:hover {
background-color : #685237;
}
#footer div.footer p {
color : #5c5b58;
font-size : 12px;
line-height : 24px;
margin : 0;
}
#footer div.footer p a {
color : #5c5b58;
margin-left : 15px;
padding-left : 5px;
text-decoration : none;
}
#footer div.footer p a:hover {
color : #887c6c;
}
@font-face {
  font-family: 'Arvo';
  font-display: auto;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}


@media (min-width: 736px) and (max-width: 840px) {
	#header {
background : url(bg-header.png) center top no-repeat;
height : 206px;
width: 960px;		
text-align : right;
}
#contents #amnox {
background : url(poyal-en_1.png) center -6px no-repeat;
height : 585px;
width: 960px;
padding-top : 9px;
position : relative;
}



#amnox > div {
height : 520px;
width : 768px;
margin : 0 auto;
padding : 0 10px;
position : relative;
}

}