/* b a s i c  s t u f f */

html, body {
	color: #000;
	background-color: #fff;
}
	
body {
	font-family: Verdana, sans-serif;
	font-size: 100%;
	background-color: #ebe6d8;
}
	
img {
	border: none;
}

p {
	line-height: 1.4;
}

button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}
	

/* ====================== F O N T S ======================
   ======================================================= */

/* HEADER */



/* ARTICLE */

#main_content {
	padding: 0 1em 0.3em 1em;
	margin 0;
}

h1, h2, h3 {
	font-family: Helvetica, Arial;
	margin: 0.5 0 0.3 0;
}
	
h1 {
	font-size: 1.5em;
	line-height: 1.2;
	color: #00007a;
	font-weight: bold;
}

h2 {
	font-size: 1.2em;
	line-height: 1.2;
	color: #00007a;
	font-weight: bold;
}
			
h3 {
	font-size: 1em;
	line-height: 1.2;
	color: #333;
}
		
article ul li, article ol li ol li {
	padding-bottom: .3em;
}

.block_image {
	display: block;
	padding: 0.5em 0;
}

@media print
{
	#sidebar_right {  
	  display: none;
	}
	
	header {
		display: none;
	}
	
	#comment_block {
		display: none;
	}
	
	#article_info {
		display: none;
	}
}

		

/* FOOTER */

footer p {
	font-size: .85em;
	color: #666; 
}

/* POPULAR_TOPICS */
#popular_topics {
	width: 278px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #888;
}

/* FB_LIKE_BOX */
#fb_like_box {
	width: 278px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #888;
}

#fb_like_box h1 {
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
}

#popular_topics h1 {
	margin: 0;
	font-size: 1.2em;
}

#popular_topics a:visited {
	color: #369;
}

/* POPULAR_POSTS */
#popular_posts {
	width: 278px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #888;
}

.mini_card {
	background-color: #ebe6d8;
	margin: 0.5em 0;
	padding: 0.5em 14px;
}

#popular_posts img {
	margin: 0;
}

#popular_posts h2 {
	margin: 0;
	font-size: 1.2em;
}

#popular_posts h3 {
	font-size: 1em;
	text-align: center;
	margin: 0 0 0.3em 0;
}

#popular_posts a {
	text-decoration: none;
}

#popular_posts a:visited {
	color: #369;
}


/* MAIN_CATEGORIES */
#main_categories {
	width: 278px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #888;
}

#main_categories h1 {
	margin: 0;
	font-size: 1.2em;
}

#main_categories ul {
	list-style-image: url('/img_main/album.gif');
}

#main_categories a:visited {
	color: #369;
}

/* WELCOME_BOX */

#welcome_box {
	width: 278px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #888;
}

#welcome_box h1 {
	margin: 0;
	font-size: 1.2em;
}

#welcome_box p {
	font-size: 80%;
}


.level_1, .level_2, .level_3, .level_4, .level_5{
	line-height:36px;
}

.level_1{font-weight:bolder; font-size:20px;}
.level_2{font-weight:bold; font-size:18px;}
.level_3{font-size:16px;}
.level_4{font-size:14px;}
.level_5{font-size:12px;}


/* LINK STYLING */
		
a:link {
	color: #369;
}

a:visited {
	color: #666;
}

a:hover {
	color: #c60;
}

a:active {
	color: #666;
}


/* NAV LINK STYLING */
		
nav a, nav a:link {
	color: #666;
}

nav a:visited {
	color: #666;
}

nav a:hover {
	color: #666;
}

nav a:active {
	color: #000;
}

.amazon_ad_120X240 {
	float:left;
	margin-top:0.5em;
	margin-right:1em;
	margin-bottom:1em;
}

.adright {
	padding-bottom: 1em;
}

/* HOMEPAGE BANNER */
#homepage_banner {background-color: #ebe6d8; padding:0; margin:0}

#imageflipcontainer {
	background-color:#ebe6d8;
	display:block;
	visibility:hidden;
	width:100%;
	height:130px;
	position:relative;
	z-index:1;
}

#imageflipcontainer .imgframe {
	position:absolute;
	z-index:2;
}

/* CONTENTS PAGE */
#ContentsTree h2 {
	cursor: pointer;
}

.contentsarticleitem {
	padding: 0.5em 0em;
}

/* COMMENTS */

.comment_box_odd {
	background:url(../img_main/commentbackground.png) repeat scroll 0% 0%;
	border: 2px solid #b3b3b3;
	padding: 0;
	border-radius: 0.5em;
	margin: 1em 0em;
}


.comment_box_even {
	background:url(../img_main/commentbackground.png) repeat scroll 0% 0%;
	border: 2px solid #b3b3b3;
	padding: 0;
	border-radius: 0.5em;
	margin: 1em 0em;
}

.comment_reply {
	background-color:#fff;
	border: 2px solid #b3b3b3;
	padding: 0;
	border-radius: 0.5em;
	margin: 1em 1em;
}

.comment_box_odd .comment_header {
	background-color: #ddd;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	padding: 0 0.5em;
}

.comment_box_even .comment_header {
	background-color: #ddd;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	padding: 0 0.5em;
}

.comment_reply .comment_header {
	background-color: #ddd;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	padding: 0 0.5em;
	color: #000;
}

.comment_header a:visited {
	color: blue;
}

.comment_header a {
	color: blue;
}


.comment_date {
	float: right;
	display: inline;
	font-size: 75%;
}

.comment_name {
	display: inline;
	font-size: 75%;
	vertical-align:top;
}

.comment_content {
	padding: 0 0.5em;
	min-height: 130px;
}

.gravatar_comment_img {
	float: right;
	padding: 5px 0 5px 5px;
}

.comment_content p {
	margin: 0 0 1em 0;
}

.comment_reply_link {
	cursor: pointer;
	color: blue;
	padding: 0 0.5em;
	font-size: 75%;
}

#replybox {
	display: none;
	margin: 0 0.5em;
	padding: 0.5em;
	background-color: white;
}

/* YOU MIGHT ALSO LIKE */

.you_might_also_like {
	display: inline-block;
	background-color: #ebe6d8;
	padding: 0.5em 1em;
	margin: 0.5em 0 2em 0;
}

.you_might_also_like h2 {
	margin-top: 0;
}

/* NEXT AND PREV BUTTONS */

.button_left, .button_right {
  display: inline-block;
  padding: 15px 25px;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
  margin-bottom: 15px;
  vertical-align: top;
}

.button_right {
	float: right;
}

.button_left:hover, .button_right:hover {background-color: #3e8e41}

.button_left:active, .button_right:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* MOBILE AD */
.mobilead336X280 {
  width: 672px;
  height: 560px;
  display:block;
  -webkit-transform: scale(2,2);
  transform: scale(2,2);
}

/* MENU BAR */

#menubackground {background-color: #cfa165; padding: 0; margin: 0;}

#menucontainer {width: 67%;}

#searchcontainer {display: inline; text-align:right; width:30%; font-size: 1.2em;}
#menu-search-input {width: 7em; margin: 0.5em 0.8em;}

/* SEARCH ICON BUTTON */
#search_button {
	background-color: #606060;
	outline:none;
	border:none;
	margin-right:0.5em;
}


.hidden {visibility: hidden;}

/* SOCIAL BUTTONS */
.social-button-container {display: block;}
.social-button {float: left; padding-right:1em;}
#rss-box {text-align: right; padding-left:1em;}

/* DESKTOP MENU */

#menubar { margin: 0; padding: 0; font-size: 1.2em;}
#menubar li { list-style: none; float: left; display: block; margin: 0 1px 0 0; padding: 0.0em 0.0em; width: 20%; width: calc(25% - 1px); background: #cfa165; color: #ffffff; text-align: center; }
#menubar li a { color: #ffffff; display: block; padding: 0.7em 0.8em; text-decoration:none;}
#menubar li a:visited { color: #ffffff; }
#menubar li a:hover { background: #f4ba5c; }


/* MOBILE MENU */

#popupmenu { margin: 0; padding: 0; font-size: 1.2em;}
#popupmenu li {float: left; list-style: none display: block; margin: 0 1px 0 0; padding: 0.7em 0.8em; width: 25%; background: #cfa165; color: #ffffff; text-align: left; }
#popupmenu li a:hover { background: #cfa165 }
#popupmenu ul { position: absolute; visibility: hidden; margin: 0.7em 0 0 0; padding: 0; background: #cfa165; border: 1px solid #ffffff }
#popupmenu ul li {float:none; padding: 0;}
#popupmenu ul a { position: relative; display: block; margin: 0; padding: 0.7em 0.8em; width: 8em; text-align: left; background: #cfa165; color: #ffffff; text-decoration:none; }
#popupmenu ul a:hover { background: #cfa165; }

/* DESKTOP EXCEPTIONS */
@media screen and (min-device-width: 801px) {
	#popupmenu { display: none;}
	#main_container {padding: 2em; margin-left:auto; margin-right:auto; width:calc(44em + 320px); background-color:#fff; }
	#content_box {width:40em;}
	#sidebar_right {
		float: right;
		display: block;
		width:300px;
		padding-left: 20px;
	}	
}

/* MOBILE EXCEPTIONS */
@media screen and (max-device-width: 800px) {
	body {
		font-family: Verdana, sans-serif;
		font-size: 200%;
	}	
	#menubar { display: none; }
	#main_container {padding: 0 1em; background-color:#fff;}
	#sidebar_right {display: none}
}