* {
	margin:0;
	padding:0;
	border:0;
	font-variant:normal;
	text-shadow:none;
}

body {
	font:17px/1.5em "PT Sans","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #456;
	width:100%;
	background:#eee url('img/topshade.png') left top repeat-x;
	overflow:scroll;
}

/*********** TYPOGRAPHY **********/

h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	color:#334;
	line-height:1.3em;
	font-family:"Roboto";
	font-weight:normal;
	letter-spacing:-0.056em;
	text-transform:uppercase;
	text-shadow: 0 1px 3px rgba(150, 150, 150, 0.6);
	/* font-smoothing: antialiased; */
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;

}

h1 {font-size:36px;text-align:left;}
h2 {font-size:27px;text-align:center;margin-bottom:0.5em;margin-top:0.7em;letter-spacing:0;text-transform:none;}
h3 {font-size:21px;margin-top:0.3em;margin-bottom:0.15em;text-align:left;letter-spacing:0.04em;}
h4 {font-size:18px;letter-spacing:0;text-decoration:underline;text-transform:none;text-align:left;}
h5 {font-size:12px;letter-spacing:0;text-align:left;}
h6 {font-size:9px;letter-spacing:0;text-align:left;}

#article ul {
	clear:both;
	list-style:disc outside none;
	margin-left:1.2em;
	padding-top:0.25em;
}

#article ul > li {
	line-height:1.15em;
	margin-bottom:0.5em;
}

a {
    text-decoration: none;
	outline: 0;
}

/* use for foldouts    background: transparent url(img/link.gif) left bottom repeat-x; */

div.content a {
    color: #113374;
    text-shadow: 0 1px 1px rgba(16, 32, 48, 0.3);
}
/* brown
div.content a {
    color: #431;
    text-shadow: 0 1px 1px rgba(48, 32, 16, 0.25);
}
*/

/*
div.content a {
    color: #148;
    text-shadow: 0 1px 1px rgba(16, 16, 128, 0.5);
}
*/

div.content a:hover {
/* use for foldouts    background: transparent url(img/link.gif) left bottom repeat-x; */
    color: #000;
    text-shadow: 0 1px 1px rgba(16, 77, 192, 0.65);
}
 
#latest-articles {
	clear:both;
	float:left;
	text-align:center;
	width:100%;
}

#latest-articles a {
	font-size:19px;
	font-style:italic;
	padding:4px;
	display:block;
}


b {font-weight:600;color:#333B3a;text-shadow: 0 1px 1px rgba(16, 16, 128, 0.12);} /* 405060*/
i {font-style:italic;color:#222B4C;}
u {text-decoration:underline !important;/*color:#333B4C;*/}

pre, blockquote, small, table {display:block;}
blockquote b, blockquote i {color:#722;}

pre, table {
	font:normal normal 13px/15px "Inconsolata","Courier New",monospace;
	background-color:white;
	color:#334;
	/* border:1px solid #ccd; */
	box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.4);
	clear:both;
	float:left;
	margin-bottom: 4px;
}

pre {
	padding:1em 2%;
	width:96%;
}

blockquote {
	background-color:white;
	color:#833;
	/* border:1px solid #ccd; */
	margin:0.4em 1% 0.4em;
	padding:1em 2.5%;
	box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.18);
	-moz-box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.18);
	clear:both;
	float:left;
	width:93%;
	line-height:1.3em;
	font-size:15px;
	font-style: italic;
}

small {
	font-size:13px;
	line-height:1.25em;
	font-style:italic;
	color:#777;
	text-align:center;
}

/*********** STRUCTURE **********/

#menu, .content, #article, h1, h2, h3, h4, h5, h6, hr {
	clear:both;
	float:left;
	width:100%;
}

hr {height:0.8em;float:none;}

#page, #footer {
	clear:both;
	width:802px;
	margin:0 auto !important;
}
#page {
	text-align:left;
}

#footer {
	text-align:center;
	height:60px;
	min-height:60px;
	line-height:60px;
	color: #f0f0f0;
	font-size: 12px;
	font-style: italic;
}

.content {
	background-color:#f6f6f6;
	overflow:auto;	/* to allow floated divs to expand their wrapper div. */
	/* position:relative; */
	min-height:512px;
	border:1px solid white;
	width:720px;
	padding:40px;
	box-shadow:0px 1px 12px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:0px 1px 12px 0px rgba(50, 50, 50, 0.4);
}

#article {
	text-align:justify;
}

/***************** MENU ***************/
#cat {
	clear:both;
	padding:0 28px 0 12px;
	margin:12px auto 0 auto;
	text-align:center;
	background: #e7e6e2 url(img/foldout.png) right 50% no-repeat;
	display: block;
    line-height: 1.8em;
	width:4em;
    box-shadow: 0 -1px 4px 0 rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0 -1px 4px 0 rgba(50, 50, 50, 0.3);
	font-style:italic;
}

#menu {
	width:100%;
	height:auto;
	overflow:hidden !important;
}

#menu {
	list-style:none;
	overflow:auto;
	display:block;
	background: #e9e8e7 url(img/menubg.jpg) left top repeat-x; /* #E0DFDD*/
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}

#menu > li {
	display:block;
	float:left;
	padding:14px 0 0 18px;
}

#menu > li > a {
	font:bold italic 38px/40px "Times New Roman", Times, serif;
	text-shadow: 1px 2px #F8F8FB; /*fffcf8?*/
	color: #8a8888;
	font-variant:small-caps;
	/*eats chevrons display:block;*/
}
#menu > li > ul {
}

#menu ul li {
	/* border:1px solid #777; */
}

#menu a {text-decoration: none;}

#menu > li > a.crumb {color:#666;}
#menu > li > ul > li > a.crumb {color:#b53;}
#menu > li > ul > li {
	width:120px;
	font:italic 19px/32px "PT Sans",sans-serif;
	color:#444;
	display:block;float:left;clear:both;
	/*font-variant:small-caps;*/
	padding-left:5px;
	border-top:1px solid #fff;
	border-bottom:1px solid #bbb;
}

#menu > li > ul > li.t {
	background: transparent url(img/foldout.png) right 5px no-repeat;
}
#menu > li > ul > li.t > ul {
	height:0;
}

#menu > li > ul > li:first-child {border-top:0;}
#menu > li > ul > li:last-child {border-bottom:0;}

#menu > li > ul > li > a, #cat {
/* middle level links */
	/*display:block; to be able to unfold*/
	color: #444;
	text-shadow: 1px 2px #fff;
}

#menu > li > ul > li > ul {
	width:120px;
	overflow:hidden;
	position:relative;
	/*left:18px;
	box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.18);
	-moz-box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.18);*/
}

#menu > li > ul > li > ul > li {
	display:block;float:left;clear:both;

	/*position:relative;*/
}

#menu > li > ul > li > ul > li > a {
	font:italic 15px/15px "PT Sans",sans-serif;
	color:#000;
	padding:0 0 8px 5px;
	display:block;
}

.yt, #article > img {
	margin:0 auto !important;
	display:block;
	text-align:center;
	box-shadow:0 5px 15px 0 rgba(50, 50, 50, 0.6);
	-moz-box-shadow:0 5px 15px 0 rgba(50, 50, 50, 0.6);
	padding:12px;
	background-color:#c9c9c9;
	border:1px solid #F9F9F9;
	clear:both;
}

#article > img {background-color:#fff;}

table {border-spacing:1em 2px;padding:1em 0;}
table tbody {}
table th {}
table tr {}
table tr:first-child {height:20px;font:bold 14px/14px "Roboto","PT Sans",sans-serif;text-transform:capitalize;}
table td {background-color:transparent;}

/*********** SPECIFICS **********/
#custom-registers {}

/* #ifr {position:absolute;top:40px;border:5px solid white;} */

#donate {
	margin:0 auto !important;
	display:block;
	text-align:center;
}



/*********** END OF DESKTOP STYLING **********/

@media (min-width: 320px) and (max-width: 641px) {	/* and (orientation: portrait)*/

#page, #footer {
	width:100%;
}

.content {
	width:90%;
	border:0;
	padding:3%;
	margin:0 2%;
}

body {/*
	background:none !important;
	background-color:#123 !important;*/
	font-size:14px;
}
h1 {font-size:1.5em;} /*2.1*/
h2 {font-size:1.25em;} /*1.6*/
h3 {font-size:1.08em;} /*1.6*/

.yt, #article > img {
	max-width:96% !important;
	padding:2%;
}

code, pre, table {overflow-x:scroll;}

#menu {border:0;}
#menu > li {width:45%;}
#menu > li > a {font-size:22px;}
#menu > li > ul > li {width:95%;font-size:16px;line-height:30px;}
/*#menu > li > ul {width:48%;}
#menu > li > ul > li {width:98%;padding-left:2%;}*/
#footer {
	height:30px;
	min-height:30px;
	line-height:30px;
}

} /* end responsive */