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

/*	Mini CSS Reset	*/
* {margin:0; border:0; padding:0; outline:0;}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {display:block;}

a img {border:0;}

/*	Typography presets	*/
h1,h2,h3,h4,h5,h6 {font-weight:600; margin:3px 0 3px 0; line-height:1.1;}
h1,h2,h3 strong {font-weight:900;}

.larger {font-size:115%; font-weight:500;}

small {font-size:75%;}

body {font:normal 109%/140% Helvetica, Arial, sans-serif;}

a {text-decoration:none; color:#DF0000;}
a:link {text-decoration:none; color:#DF0000;}
a:hover {text-decoration:underline; color:#FF0000;}
a:focus {text-decoration:underline; color:#FF0000;}
a:active {text-decoration:none; color:#DF0000;}
a:visited {text-decoration:none; color:#DF0000;}

abbr {border-bottom:1px dashed #808080;}

p {margin:0 0 7px;}

blockquote {margin:7px 7px 7px 7px;}

q {quotes:"\201C" "\201D"; font-size:95%;}
q:before {content:open-quote; font:bold 125% serif; margin:3px;}
q:after {content:close-quote; font:bold 125% serif; margin:3px;}

li {list-style-position:inside; list-style-type:square; padding:2px 0 0 5px;}
.li-none li {list-style-position:inside; list-style-type:none; padding:2px 0 0 0;}
.li-space li {margin-bottom:7px;}
.li-space-red li {margin-bottom:7px; color:#FF0000;}
.red-text {color:#FF0000;}
.left {float:left; text-align:left;}
.right {float:right; text-align:right;}
.center {margin:0 auto; text-align:center;} 

.clear {clear:both;}

hr {width:auto; margin:7px 0 7px 0; border-top:3px solid #704214;}

/* MY STYLE START */
#container {width:100%; margin:0; padding:0;}

.logo {float:left; margin:1px auto 1px auto; text-align:center;}

.socialmedia {clear:both; float:right; width:111px; margin:-160px 0; padding:1px;}


header {height:164px; margin:0 auto; padding:7px; text-align:center; color:#000; 
background:#000 url("../images/header-red-blk.jpg") no-repeat top center;}
header hgroup {width:auto; margin:0; padding:0; color:#FFF;}
header hgroup h1 {margin:3px auto; padding:1px; font-size:133%; font-weight:600;}
header hgroup h1.printheader {font-size:188%; font-weight:600;}
header h5 {clear:both; margin:3px 0 3px 3px; font-size:90%; font-weight:500;}
header strong {color:#7D7D7D;}

nav {margin:42px auto; padding:0;}
nav li {width:133px; margin:7px 7px 1px 7px; padding:1px 7px 2px 7px; 
list-style-type:none; display:inline; text-align:left; 
border:solid #8A6B48; border-width:1px 1px 1px 1px; font-size:115%;} 
nav li.last {/*border:0;*/} 
nav.printnav {width:auto;} 
nav li a:link {text-decoration:none; font-weight:800; color:#e1c213;}
nav li a:visited {text-decoration:none; font-weight:800; color:#e1c213;}
nav li:hover {padding:37px 7px 2px 7px; text-decoration:none; color:#FFF; /*background:#000; */ 
background:#000 url("../images/nav-flag.png") no-repeat bottom left;}
nav a.current {text-decoration:none; font-weight:800; color:#FFF; background:#000;} 

section {clear:both; width:100%; margin:3px 0; padding:7px 0; vertical-align:top; background:#FFF;} 
section hgroup {margin:7px auto; padding:0; text-align:center;}
section hgroup h1 {margin:33px 0; font-size:133%; font-weight:600;}
section hgroup h3 {display:inline; margin:7px auto 0 auto; padding:0; font-size:164%; font-weight:800; text-transform:uppercase; color:#910000;}
section h4 {font-size:133%; font-weight:600;}

article {width:85%; margin:12px auto; padding:3px;}
article.col {width:85%; margin:12px auto; padding:3px;}
/*article.col {float:left; display:inline-block; min-width:37%; max-width:47%; margin:12px 3px; padding:5px; 
vertical-align:top; border:1px solid #000; border-radius:12px 12px 12px 12px;} */
article li {list-style-position:inside; margin-bottom:7px;}

aside {float:right; width:177px; margin:12px 0 7px 22px; padding:1px; 
border-top:4px solid #704214; border-bottom:1px solid #704214; font-size:95%;}

#push {clear:both; width:100%; min-height:100%; height:100%; /*margin:12px 0; padding:12px 0; */}

footer {clear:both; margin:7px auto; text-align:center; color:#FFF; 
background:#000 url("../images/header-red-blk.jpg") no-repeat top center;}
footer ul li {margin:0 auto; padding:3px; display:block; list-style-type:none; 
text-align:center; font-size:80%; font-weight:500;}
footer li a:link {color:#e1c213;}
footer li a:visited {color:#e1c213;} 

#kd {margin:22px auto 3px auto; padding:3px; text-align:center;}
#kd a {text-decoration:none; color:#FFF; font-size:75%;}
/* MY STYLE EMD */





/*		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 {width:100%; height:100%; margin:0; padding:0; color:#000; background:#000;}

      


/*		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 {width:100%; height:100%; margin:0; padding:0;}   

footer {clear:both; margin:3px auto; text-align:center; color:#FFF;}
footer ul li {margin:0 auto; padding:3px; display:block; list-style-type:none; 
text-align:center; font-size:80%; font-weight:500;} 
}



/*		Mobile Layout: 320.
		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 {width:100%; height:100%; margin:0; padding:0;}

* {float:none;}

#container {width:100%; margin:0; padding:0;}

header, header hgroup, nav, section, section header, article, article.col, aside, footer {clear:both; width:100%; height:auto;}

.logo {float:none; margin:3px auto 3px auto; padding:1px; text-align:center;}

.socialmedia {clear:both; position:relative; margin:112px auto 0 auto; padding:1px; text-align:center;}

header {margin:1px auto; padding:1px; text-align:center;}
header hgroup {display:block; margin:7px auto; padding:1px; text-align:center;}
header hgroup h1 {margin:33px auto; font-size:155%;}

nav {position:absolute; width:96%; margin:-12px auto 3px -3px; padding:1px;}
nav li {width:100%; display:block; margin:3px; padding:3px;
list-style-type:none; text-align:center; font-size:120%; 
border:solid #8A6B48; border-width:1px 1px 1px 1px; background:#000; background-image:none;}

section {margin:133px 0; padding:1px 0 12px 0;}
section header {margin:7px 0 7px;}
section hgroup h3 {padding:0; font-size:120%; font-weight:800;}

article, article.col {margin:12px 0; padding:3px;}

article li {list-style-position:inside; margin:0 0 7px -5px;}


aside {margin:1px; padding:1px; 
border:1px solid #8A6B48; font-size:100%;}

#push {display:none;}

footer {top:0; margin:-101px 0 3px 0; padding:0; text-align:center;}

#kd {clear:both; bottom:0; margin:12px auto 7px auto; padding:0; text-align:center;}
}



/*		WIDE Mobile Layout: 480.
		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 {width:100%; margin:0; padding:0;}

* {float:none;}
}