/** BASIC */
*{margin:0}
body {
	margin: 5px;
	padding: 0;
	background: #FFFFFF url(images/img05.gif) repeat left top;
	font: normal small Georgia, "Times New Roman", Times, serif;
	color: #898F7D;
	text-align: justify;
}

h1, h2, h3, h5, h6 {
	margin:10px 0;
/*	margin-top: 0; */
	padding-top: 0;
}
h1{text-align:left}
h1 a {font-size:16px}
h2 {margin-top:5px;padding:0 30px;clear:both}
figcaption h2{font-size:13px;text-align:center;}
h2,h3,h4{font-size:16px;padding-left:0}
#columnA p{margin:8px 0}
#columnB {text-align:left}
#columnB a{text-decoration:none}
#columnB h3{font-size:14px}
figure{margin-top:10px}
a {
	color: #8A3923;
}

a:hover {
	text-decoration: none;
}

/** HEADER */

#header {
	width: 100%;
	max-width: 968px;
	height: 90px;
	margin: 0 auto;
	box-sizing:border-box;
}

#header #big{
	margin: 0;
	padding: 30px 0 0 20px;
	font-size: 30px;
	font-style: italic;
	font-weight:700;
	letter-spacing: -2px;
	
}
#header #big a{
	color: #898F7D;
	text-decoration:none;
}
#header #small {
	padding-left: 25px;
	font-size: 10px;
	font-weight:700;
}

/** MENU */

#menu {
	width: 100%;
	max-width: 968px;
	margin: -2.5em auto 1em auto;
	box-sizing:border-box;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 0 0 2em;
	text-decoration: none;
	font-weight: bold;
	color: #898F7D;
}

#menu a:hover {
}

/**#content */

#content {
	width: 100%;
	max-width: 968px;
	margin: 0 auto 1em auto;
	background: #FFFFFF;
	border: 2px dotted #898F7D;
	box-sizing:border-box;
}

#content * {
	line-height: 140%;
}

#columnA {
	float: left;
	width: 100%;
	max-width: 768px;
	padding: 25px 20px 0 20px;
	box-sizing:border-box;
}

#columnB {
	float: right;
	width: 100%;
	max-width: 190px;
	padding: 25px 20px 0 10px;
	box-sizing:border-box;
}

#columnB ul{
	padding-left:10px;
}
#columnB h2 {
	padding-top: .45em;
	font-size: medium;
}

/** FOOTER */

#footer {
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	box-sizing:border-box;
}

#footer p {
	margin: 0;
	padding: .8em 0 0 0;
	text-align: center;
	font: bold x-small Arial, Helvetica, sans-serif;
}

#footer p a{text-decoration:none}

figure img{
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.img{display:block;position:relative;width:100%;height:auto;z-index:1;box-sizing:border-box;}
.prevnext{font-weight:700;letter-spacing:1px;font-size:10px;text-transform:uppercase;width:99%;margin:0 auto;padding:5px 0;clear:both}.prev{width:50%;float:left;text-align:left}.next{width:50%;float:right;text-align:right}

.clear{clear:both;}

#rel a{width:172px;height:130px;display:block;overflow:hidden;float:left;padding:5px;margin:5px;overflow:hidden;box-sizing:border-box;position:relative}
#rel a img{min-width:182px;min-height:130px;width:180px;height:auto;position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);overflow:hidden}

.loop{width:45%;height:225px;float:left;background-color:#f8f8f8;margin:10px;border-radius:5px;text-align:center;overflow:hidden;box-sizing:border-box;}
.loop a{width:100%;height:200px;display:block;overflow:hidden;box-sizing:border-box;padding:5px;}
.loop a img{width:100%;max-width:300px;border-radius:3px;height:200px;min-height:200px;overflow:hidden}
.loop:hover{background:#eee;border-radius:5px;opacity:0.7;filter:alpha(opacity=70)}
.loop-title{font-size:14px;overflow:hidden;margin-top:-3px}
.loop-title a{text-align:center;text-decoration:none;text-transform:capitalize;overflow:hidden}
h4 {font-size:14px;margin:10px 0}
input#searchinput{width:100%;background:url(images/search.png) no-repeat right 2px center;margin-bottom:10px;border:1px solid #898F7D;border-radius:3px;font-size:13px;padding:4px;box-sizing:border-box;}
#columnB .loop{width:100%;max-width:190px;height:auto;float:none;background-color:#f8f8f8;margin:10px 0;border-radius:5px;text-align:center;overflow:hidden;box-sizing:border-box;padding-bottom:7px}
#columnB .loop a{width:100%;height:auto;padding:0;box-sizing:border-box;}
#columnB .loop a img{width:100%;max-width:190px;padding:5px;border-radius:3px;height:125px;min-height:125px;overflow:hidden}
#pagination{width:100%;margin-top:15px;clear:both;text-align:center;box-sizing:border-box}
#pagination a,#pagination span{padding:6px 8px;margin:1px;line-height:30px;text-decoration:none}
#pagination a:hover{text-decoration:none;background:#8A3923;color:#fff}#pagination b{background:#fff;color:#000;text-decoration:underline;padding:6px 8px;margin:2px}
.soc{margin-top:-120px;height:19px;position:absolute;margin-left:9px;width:300px;text-align:left}
@media screen and (max-width:960px){#columnA,#columnB{max-width:960px}#columnB .loop{float:left;height:170px;margin:10px;overflow:hidden}}
@media screen and (max-width:740px){#menu{display:none}.loop{height:185px}
.loop a{height:160px}
.loop a img{height:160px}}
@media screen and (max-width:600px){.loop{height:155px}
.loop a{height:130px}
.loop a img{height:130px}}
@media screen and (max-width:450px) {.loop{width:100%;height:250px}
.loop a{height:225px}
.loop a img{height:225px}}