/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/





/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {background-repeat:repeat;background-image:url(img/back.jpg);background-color:#efd09b;background-position:top center;-webkit-text-size-adjust: 100%;
}
#hometable {max-width:554px;margin-left:auto;margin-right:auto;margin-top:30px}
#articletable {max-width:650px;margin-left:auto;margin-right:auto;}
#logodiv {max-width:680px;margin-left:auto;margin-right:auto;text-align:left;padding-top:41px;padding-bottom:43px;}
#logodiv2 {max-width:791px;margin-left:auto;margin-right:auto;text-align:left;padding-top:41px;padding-bottom:40px;}
#articlediv {background-image:url(img/arttop.png);background-repeat:no-repeat;max-width:789px;margin-left:auto;margin-right:auto;}
#articletop {padding-top:25px;}
#articletext {font-size:16px;line-height:147%;margin-left:39px;margin-right:41px;background-color:#fff;padding-right:86px;padding-left:89px;}
#articlebottom {background-image:url(img/bottom.png);background-repeat:no-repeat;height:51px;max-width:789px;}
h1 {font-family:Georgia,serif;font-size:32px;line-height:36px;}
h2 {font-family:Georgia,serif;font-size:24px;line-height:24px;color:#980014;}
#access {font-size:14px;font-style:italic;color:#787265;padding:20px 0px 15px 4px;}
#access2 {font-size:14px;font-style:italic;color:#787265;padding:0px 0px 0px 0px;}
.copyright {padding-right:0px;}
.popup {padding:0 10px; background:#fff;line-height:150%;font-size:15px;}
.popupsize {width:514px;}
.homebox {max-width:700px;margin-left:auto;margin-right:auto;-webkit-border-radius:15px;border-radius:15px;background-image:url(img/white40.png);}
.articletext2 {font-size:16px;line-height:147%;color:#787265;padding:10px 20px}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {background-image:url(img/back768.jpg);
	}
#logodiv2 {padding-left:30px;}
#articlediv {background-image:url(img/arttop768.png);background-repeat:no-repeat;max-width:768px;margin-left:auto;margin-right:auto;}
#articlebottom {background-image:url(img/bottom768.png);background-repeat:no-repeat;height:51px;max-width:768px;}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {background-image:url(img/back340.jpg);
	}
#hometable {max-width:554px;margin-left:10px;margin-right:10px;margin-top:0px;}
#articletable {max-width:650px;margin-left:10px;margin-right:10px;margin-top:30px;}
#logodiv2 {max-width:791px;margin-left:auto;margin-right:auto;text-align:center;padding-top:41px;padding-bottom:10px;}
#articlediv {background-image:url(img/pixel.png);background-repeat:no-repeat;max-width:789px;margin-left:auto;margin-right:auto;}
#articlebottom {background-image:url(img/pixel.png);background-repeat:no-repeat;height:0px;}
#articletext {font-size:15px;line-height:147%;margin-left:0px;margin-right:0px;background-color:#fff;padding-right:14px;padding-left:14px;padding-top:14px;}
h1 {font-family:Georgia,serif;font-size:28px;line-height:32px;}
h2 {font-family:Georgia,serif;font-size:21px;line-height:21px;color:#980014;}
#access {font-size:14px;font-style:italic;color:#787265;padding:20px 0px 35px 0px;}
#access2 {font-size:14px;font-style:italic;color:#787265;padding:0px 0px 15px 0px;}
.copyright {display:block;}
.popupsize {width:220px;}
}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {background-image:url(img/back500.jpg);
	}
.popupsize {width:380px;}

}