/*** Blog */

#blog {
	width:984px;
	height:auto;
	margin:0 auto;
	font-family: "Calibri", "Century Gothic", Verdana;
	font-size:18px;
	color:#808184;
	background:url("../images/repeat_img.jpg") repeat-y center top !important;
	}
#blog a {
	color:#d8b66d;
}
#blog #header {
	float:left;
	width:100%;
	height:305px;
	background:url("../images/header_img_01.jpg") no-repeat center top; 
}
#blog #header a {
	display:block;
	width:532px;
	height:300px;
	font:0px;
	margin:0 50px;
	color:transparent;
}
#main {
	/*height:1138px;	overflow:hidden;
	
*/

}
#blog .row {
	float:left;
	width:100%;
	margin:0;
	background:url("../images/icon_img.jpg") no-repeat center top;
}
#blog #social {
	float:left;
	width:62px;
	margin:118px 0 0 5px;
	display:inline;
}
#blog #social ul {
	float:left;
	margin:0;
	padding:0;
	width:70px;
}
#blog #social ul li {
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	font-size:0px;
}
#blog #social ul li a {
	color:#transparent;
	text-decoration:none;
	display:block;
	width:35px;
	height:34px;
}
#blog #social ul li #pinicon {
	margin:0 0 0 20px;
	display:inline;
	width:24px;
	}
#blog #social ul li #fbicon {
	margin:11px 0 0 28px;
	display:inline;
	width:24px;
}
#blog #social ul li #twicon {
	margin:16px 0 12px 38px;
	display:inline;
	width:24px;
}
#blog #contentswrapper {
	float:left;
	width:772px;
	margin:20px 0 20px 26px;
	display:inline;
}
#blog #navigation {
	margin:1px 0 56px -5px;
	padding:0;
	float:left;
	width:100%
}
#blog #navigation li {
	float:left;
	list-style-type:none;
	/*	padding:0 21px;

*/

padding:0 10px 0 32px;
	font-size:28px;
	color:#cea64e;
	font-family:"Geo";
	background:url("../images/bullet.png") no-repeat 6% 50%;
}
#blog #navigation li a {
	color:#cea64e;
	text-decoration:none;
}
#blog #navigation li a:hover {
	color:#000;
}
#blog #navigation li a.current, #blog #navigation li.menu-item-127 a {
	font-weight:bold;
	color:#000;
}
#blog .contents {
	float:left;
	width: 100%;
	margin:0 0px;
}
#blog #blogcontents {
	float:left;
	width:69%;
	margin:0 0 0 9px;
}
#blog #sidebar {
	float:right;
	width:25%;
	margin: 0 13px 0 0;	overflow:hidden;
}
#blog .contents span, #blog #sidebar span {
	color:#cda349;
}
#blog #blogcontents .blockquote {
	background:url("../images/blog/blockquote.jpg") no-repeat center center;
	width:472px;
	height:91px;
	text-align:center;
	margin:0px 0 50px 26px;
	float:left;
	display:inline;
}
#blog #blogcontents .blockquote p {
	width:380px;
	display:inline-table;
	font-size:19px;
	color:#d7b56d;
	margin:13px 0 0 0;
	text-align:center;
}
#blog #blogcontents .post {
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	display:inline;
}
#blog #blogcontents .post h2 {
	margin:0;
}
#blog #blogcontents .post h2 a {
	color:#d8b66d;
	text-decoration:none;
	margin-bottom:4px;
}
#blog #blogcontents .post .postmeta {
	float:left;
	width:100%;
	font-weight:bold;
}
#blog #blogcontents .post .postcontents {
	float:left;
	width:100%;
	text-align:justify;
	margin:22px 0;
}
#blog #blogcontents .post .commentsmeta {
	text-align:right;
	font-weight:bold;
}
#blog #blogcontents .post .postshare {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	text-align:center;
}
#blog #blogcontents .post .postshare a {
	color:#d8b66d;
	text-decoration:underline;
}
#blog #sidebar .block {
	width: 98%;
	float:left;
	margin:10px 0 20px 0;
	display:inline;
}
#blog #main #sidebar .followtwitter {
	text-align:center;
	margin-bottom:0px;
}
#blog #sidebar .followtwitter a {
	text-decoration:none;
}
#blog #sidebar .tweetbox {
	
	height:122px;
	overflow:hidden;
	text-align:center;
	color:#d8b66d;
	background:url("../images/blog/tweetbg.jpg") no-repeat 0 0;background-size: 100% 100%;
}
#blog #sidebar h3 {
	text-align:center;
}
#blog #sidebar .tweetcontainer {
	width:97%;
	height:92px;
	overflow:hidden;
	float:left;
	margin: 25px 0 15px 0px;
	font-size:14px;
	display:inline;
}
#blog #sidebar .tweetbox a {
	text-decoration:none;
	color:#d8b66d;
}
#blog #sidebar .archives {
	font-size:14pt;
}
#blog #sidebar .archives ul {
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
}
#blog #sidebar .archives ul li {
	list-style-type:none;
	text-align:center;
	margin:5px 0;
}
#blog #sidebar .archives ul li a {
	text-decoration:none;
	color:#6e6f71;
}
#blog #sidebar .archives ul li a span {
	text-decoration:underline;
	font-weight:bold;
}
#blog #sidebar .archives .more a {
	color:#6e6f71;
	text-decoration:none;
	display:block;
	padding:0 20px;
}
#blog #sidebar .archives .more {
	background:url("../images/blog/gobutton.jpg") no-repeat right center;
	float:left;
	height:30px;
	width:70%;
	text-align:center;
	margin:0 0 0 20px;
	font-weight:bold;
}
#blog .fullcol {
	width:100%;
	float:left;
	margin:5px 0;
}
#blog .contents a {
	text-decoration:none;
}
#footer {
width: 984px;
float: none;
height: 100px;
background: url("../images/footer_bg.jpg") no-repeat top center;
margin: auto;
}
#footer ul {
	margin:0;
	padding:0;
	float: right;
	padding-top: 26px;
	padding-right: 10%;
}
#footer li {
	float:left;
	list-style-type:none;
}
#footer li a {
	color:#8a8a8c;
	text-decoration:none;
	font-weight:bold;
}
input {
	width:90%;
	border:1px solid #f6ded4;
	border-radius:15px;
	padding:10px;
	display: block;
}
textarea {
	width:93%;
	height:120px;
	border:1px solid #f6ded4;
	border-radius:15px;
}
submit {
	width:101px;
	height:43px;
	font-family:"Century Gothic", Calibri;
	font-size:20px;
	border:0px;
	font-weight:bold;
	margin:85px 0 0 0;
	background:url("../images/contact/submit.jpg") no-repeat 0 0;
	float:left;
}
/* Tiny Scrollbar */

#scrollbar1 {
	width: 531px;
	margin: 20px 0 10px;
}
#scrollbar1 .viewport {
	width: 500px;
	height: 847px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbar1 .scrollbar {
	margin-top:548px;
	background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar1 .track {
	background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar1 .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar1 .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar1 .disable {
	display: none;
}
#scrollbarhome {
	width: 531px;
	margin: 20px 0 10px;
}
#scrollbarhome .viewport {
	width: 500px;
	height: 410px;
	overflow: hidden;
	position: relative;
}
#scrollbarhome .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#scrollbarhome .scrollbar {
	margin-top:191px;
	background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbarhome .track {
	background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
#scrollbarhome .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbarhome .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbarhome .disable {
	display: none;
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
#blog #main #sidebar .tweet {
	margin-top:-20px;
}
.clear{

clear:both;

margin:0;

padding:0;

height:1px !important;

}
#blog #contentswrapper + .clear{
clear:none;
}
#blog #social ul li a {
display: block !important;
width: 24px;
}
.wr1 {
position: absolute;
top: 439px;
right: 28%;
width: 12% !important;
}
#footer li a {
padding-right: 38px;
}
#blog  #footer li a {
padding-right: 0px;
}
.postcontents img {
max-width: 100%;
height: auto;
}
#blog #blogcontents .blockquote {
margin: -21px 0 0px 0px;
}

#blog #blogcontents .blockquote p {
width: 70%;
margin: auto;
display: block;
padding: 16px 0;
}
#blog #blogcontents .blockquote {
height: auto;
background-size: 100% 100%;

}
@media only screen and (max-width : 1183px){
.wr1 {
right: 25%;
}



}
@media only screen and (max-width : 1056px){
#footer li a {
padding-right: 20px;
}
#blog  #footer li a {
padding-right: 0px;
}
.wr1 {
right: 25%;
}
#blog #sidebar .tweetbox {
width: 100%;
height: auto;
background-size: 100% 100%;
}
#blog #sidebar .tweetcontainer {
height: auto;
}
#scrollbar1 .viewport {
width: 94%;
}
#scrollbar1 {
width: 112%;
}


}

@media only screen and (max-width : 987px){
#blog {
width: 100%;
}
#blog {
font-size: 16px;
}
#blog #navigation li {
font-size: 23px;
}
#blog #blogcontents {
width: 66%;
}
#blog #contentswrapper {
width: 79%;
}
#footer li a {
display: none;
}

#blog #sidebar {

margin: 0 0px 0 0;
}
}
@media only screen and (max-width : 943px){
#blog #header {
background-size: 100%;
}
#blog {
background-size: 100% !important;
}
#blog #header {
height: 262px;
}
#blog .row {
background-size: 100%;
}
#blog #blogcontents .blockquote {
margin: -21px 0 50px 0px;
}
#blog #header a {
height: 240px;
}
#blog #header {
background-size: 94%;
}
#blog #header a {
height: 239px;
}
#blog #header {
height: 262px;
}
#footer {
background-size: 100%;
}


}
@media only screen and (max-width : 943px){
#blog #header {
background-size: 88%;
}
#blog #header {
height: 248px;
}
#blog #navigation {
margin: 1px 0 48px -5px;
}
#blog #contentswrapper {
margin: 14px 0 20px 26px;
width: 76%;
}
#blog #social {
margin: 99px 0 0 5px;
}
#blog #header {
height: 264px;
background-size: 100%;
}
#footer {
width: 100%;
}

}
@media only screen and (max-width : 893px){
#blog #navigation li {
font-size: 21px;
}
#blog #blogcontents .blockquote p {
width: 380px;

font-size: 16px;
}
#blog #blogcontents .blockquote {
background-size: 100% 100%;
width: 100%;
}
#blog #blogcontents .blockquote {
margin: -21px 0 16px 0px;
}
#blog {
font-size: 15px;
}
.white img{
width:100%;
}
#blog #sidebar .archives .more {
margin-left: 0px;
width: 87%;
font-size: 13pt;
text-align: center;
}
#blog #sidebar .archives .more a {
padding: 0;
}

#blog #blogcontents .blockquote p {
width: 84%;
}
nav {
text-align: center;
}
#blog #navigation {
margin: 1px 0 48px -9px;
padding: 0;
float: none;
width: auto;
display: inline-block;
}

}
@media only screen and (max-width : 869px){
#blog #navigation li {
float: left;
list-style-type: none;
padding: 0 10px 0 22px;
}
.wr1 {
right: 14%;
}
#blog #contentswrapper {
margin: 7px 0 20px 19px;
}
#blog #blogcontents .blockquote {
height: auto;
}
#blog #sidebar .tweetbox {
width: 107%;
background-size: 100%;
}
#blog #sidebar .tweetcontainer {
width: 92%;
}
#blog #sidebar .tweetbox {
width: 107%;
background-size: 100% 100%;
}
#blog #sidebar .tweetcontainer {
height:auto;
}
#blog #sidebar .tweetbox {
width: 180px;
height: auto;
}
.wr1 .tweetbox {
width: auto !important;
}
#blog #header {
height: 100%;
}
#scrollbar1 {
width: 109%;
}
.wr1 {
right: 15%;
top: 346px;
}


}
@media only screen and (max-width : 848px){
#blog #sidebar .tweetbox {
width: 100%;
}
#blog #contentswrapper {
margin: 7px 0 20px 19px;
}
#blog #blogcontents {
width: 68%;
}




}
@media only screen and (max-width : 806px){
#scrollbar1 {
width: 105%;

}


}
@media only screen and (max-width : 787px){
#blog #social {
margin: 84px 0 0 5px;
}
#footer li a {
font-size: 16px;
}
#blog #social ul li a {
height: 24px;
}
#blog #navigation li {
font-size: 20px;
padding: 0 10px 0 17px;
}

#blog {
font-size: 14px;
}
#blog  h2 {
font-size: 20px;
}
#blog #sidebar h3 {
font-size: 16px;
}
#blog #contentswrapper {
margin: 7px 0 20px 11px;
}
#blog .contents span, #blog #sidebar span {
color: #CDA349;
font-size: 12pt;
}




#blog #sidebar {

margin: 0 0px 0 0;
}


}




@media only screen and (max-width : 718px){
#blog #header a {
height: 220px;
}
#blog #social ul li #fbicon {
margin: 0px 0 0 28px;
}
#blog #social ul {
width: 48px;
}
#blog #navigation li {
font-size: 17px;
padding: 0 10px 0 16px;
}
#blog #navigation {
margin: 1px 0 29px -5px;
}
#blog #social ul li #twicon {
margin: 21px 0 4px 18px;
}
.wr1 {
right: 16%;
top: 346px;
}
}
@media only screen and (max-width : 666px){
#blog #blogcontents .blockquote {
margin: 0px 0 27px 0px;
}
}
@media only screen and (max-width : 673px){
#blog #header a {
height: 204px;
}
#blog #contentswrapper {
margin: 7px 0 20px 1px;
}
#blog #social ul li #pinicon {
margin: 0 0 0 10px;
}
#blog #sidebar .archives .more {
width: 84%;
}
.contents span, #blog #sidebar span {
font-size: 10pt;
}
#blog #social {
margin: 63px 0 0 5px;
}
#blog #blogcontents .blockquote p {
font-size: 13px;
}
#blog #blogcontents .blockquote {

padding-bottom: 0;
}
#blog #navigation li {
font-size: 16px;
background: none;
}
#blog h2 {
font-size: 19px;
}
#blog {
font-size: 13px;
}
#blog #sidebar .tweetcontainer {
font-size: 13px;
word-wrap: break-word;
}
#blog #sidebar .archives {
font-size: 13pt;
}
.wr1 {
right: 15%;
top: 300px;
}
}
@media only screen and (max-width : 615px){
#blog #header a {
height: 188px;
}
#blog #sidebar .archives .more {
width: 100%;
}
#blog #navigation li {
padding: 0 4px 0 16px;
}
#blog #social ul li #twicon {
margin: 10px 0 4px 18px;
}

.wr1 {
right: 14%;
top: 296px;
width: 17% !important;
}
}
@media only screen and (max-width : 583px){
#blog .row {
background-size: 111%;
background-position: left top ;
}
#blog {
background-size: 111% !important;
background-position: left top !important;
}
#blog #contentswrapper {
margin: 14px 0 20px 1px;
width: 84%;
}
#footer {
background-size: 111%;
background-position: left top;
}
#blog #header {
overflow: hidden;
background-size: 111%;
background-position: left top;
}
#blog #header a {
height: 197px;
}
.wr1 {
right: 7%;
top: 277px;
}
.wr1  h3 {
font-size: 15px;
}
#blog #sidebar {
width: 24%;
}
#footer {
width: 80%;
padding: 2% 5% 0 15%;
}
#footer li a {
padding-right: 0px;
}
#blog #navigation li a  {
font-size: 15px ;
}
}
@media only screen and (max-width : 550px){
#blog #header a {
height: 186px;
}
#blog #social {
width: 51px;
}
#scrollbar1 .scrollbar {
margin-top: 548px;
}
#blog #navigation li a  {
font-size: 15px ;
}
#blog #navigation li {
font-size: 15px !important;
}
#navigation li {
font-size: 15px !important;
}
}
@media only screen and (max-width : 515px){
#blog #social {
margin: 58px 0 0 5px;
}
#blog #blogcontents {
width: 95%;
background: white;
}
#blog #sidebar {
float: right;
width: 97%;
background: white;
}
#blog #header a {
height: 176px;
}
.wr1 {
position: relative;
right: 1%;
top: 0px;
width: 87% !important;
}
#blog #sidebar .archives .more a {
text-align: center;
}
#blog #sidebar .archives .more {
width: 98%;
background-position: 64%;
}
#blog #contentswrapper {
margin: 14px 0 -5px 1px;
width: 82%;
}
#footer {
width: 70%;
float: left;
margin: 0;
height: 49px;
}
#blog #blogcontents .blockquote {
height: auto !important;
padding-top: 10px;
}
#footer {
width: 78%;
padding: 2% 7% 0 15%;
}
#blog #navigation li a  {
display:block;
font-size: 15px !important;
}
#blog #navigation li {
display:block!important;
font-size: 15px !important;
padding-bottom:15px;
}
#navigation li {
font-size: 15px !important;
}
#navigation li{
font-size: 15px !important;
padding-bottom: 8px !important;
}
}
@media only screen and (max-width : 497px){
#navigation {
margin: 0 0 6px 0px !important;
padding-left: 0% !important;
}
#navigation li {
padding: 0 6px 0 0px!important;
width: 100%!important;
text-align: center!important;
background: none !important;
}
#blog #navigation {
width: 100% !important;
background: white;
}
#blog #header a {
height: 160px;
}
#blog #navigation li {
padding: 0 4px 0 34px;
width: 38%;
}
#blog #navigation {
width:89%;
}
#blog #social {
margin: 44px 0 0 5px;
}
#blog #social ul li #fbicon {
margin: 0px 0 0 1px;
}

#blog #navigation {
margin: 1px 0 10px -5px;
}
#blog #navigation {
margin: 1px 0 10px 12%;
}
#blog #navigation li {
font-size: 15px !important;
}
#navigation li {
padding-bottom: 8px !important;
font-size: 15px !important;
}
#blog #blogcontents .blockquote p {
width: 77%;
}


}
@media only screen and (max-width : 448px){
#blog #header a {
height: 148px;
}
#blog #blogcontents {
width: 90%;
}
#blog #blogcontents .blockquote p {
width: 80%;
clear: both;
}
#blog #navigation li {
width: 31%;
}
#blog #blogcontents .blockquote {
margin: 0px 0 0px 0px;
background-size: 100% 100%;
padding-bottom: 2px;
padding-top: 5px;
}
#blog #navigation {
background: white;
padding-bottom: 31px;
}
#blog #navigation li {
font-size: 15px !important;
}
#navigation li {
font-size: 15px !important;
}
}
@media only screen and (max-width : 381px){
#blog #header a {
height: 109px;
}
#blog #sidebar .archives .more {
width: 98%;
background-position: 77%;
}
#blog #navigation li {
padding-left: 31px;
font-size: 16px;
padding: 1px 4px 0 26px;
background-position: 6px 2px;
}
#blog #contentswrapper {
width: 70%;
}
#blog #social ul li a {
height: 16px;
}
#blog #blogcontents .blockquote p {
width: 82%;
}
#blog #social {
margin: 26px 0 0 5px;
}
#scrollbar1 .viewport {
width: 88%;
}
#footer {
width: 78%;
float: left;
margin: 0;
height: 30px;
}
#blog #navigation {
margin: 1px 0 10px 4%;
}
}
@media only screen and (max-width : 337px){

#blog #contentswrapper {
margin: -1px 0 0px 1px;
}
#blog #social {
width: 41px;
}
}