@charset "UTF-8";
/* CSS Document */

#container {
	height: auto;
	width: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#header {
	height: auto;
	width: 800px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-right: auto;
	margin-left: auto;
	border-bottom-color: #8fa6bc;
	padding-bottom: 70px;
}
#main_content {
    height: 2350px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: dotted;
    border-bottom-style: solid;
    border-left-style: dotted;
    border-right-color: #8fa6bc;
    border-left-color: #8fa6bc;
}
#sidebar {
    height: 2350px;
    width: 150px;
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: dotted;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #8fa6bc;
    padding-right: 18px;
    padding-left: 18px;
    float: left;
}
#searchbox {
	height: auto;
	width: 550px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-right: auto;
	margin-left: auto;
	float: right;
}

input.gsc-input {
  height: 12px !important;       /* adjust to taste */
  padding: 4px 6px !important;   /* this is often the real culprit */
  line-height: normal !important;
  box-sizing: border-box;
}

.gsc-control-cse * {
  line-height: normal !important;
}
	
.gsc-input-box {
  height: auto !important;
  padding: 0 !important;
}

.gsc-control-cse {
  padding: 0 !important;
}

.gsc-control-cse input.gsc-input {
  padding: 2px 6px !important;
}
	
.gsc-control-cse .gsc-input-box input.gsc-input {
  height: 24px !important;
  padding: 0 6px !important;
  line-height: 24px !important;
  font-size: 14px;              /* helps control vertical size */
  box-sizing: border-box;
}
	
/* 1. Round the outer search container wrapper */
#___gcse_0 .gsc-search-box {
    border-collapse: separate !important; /* Forces layout to respect border-radius */
    border-spacing: 4px 0 !important; /* Adds subtle gap between box and button */
}

/* 2. Round the edges of the text input container */
#___gcse_0 .gsc-input-box {
    border-radius: 12px !important; /* Set high for pill-shape; use 6px for subtle rounding */
    overflow: hidden !important; /* Keeps the inner input field from clipping the rounded corners */
}

/* 3. Round the edges of the search button */
#___gcse_0 button.gsc-search-button {
    border-radius: 20px !important; /* Matches the input box curve */
}






#monthly_list {
	float: right;
	height: auto;
	width: 550px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-right: auto;
	margin-left: auto;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	margin-bottom: -5px;
	padding-top: 20px;
	letter-spacing: 3pt;
}
.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: -10px;
	line-height: 17px;
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 23px;
	font-style: italic;
	color: #c84a46;
	text-shadow: 2px 2px 8px #C
!AA7E;
	text-shadow: 3px 3px 5px #999999;
	height: 12px;
}
.article {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: -10px;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	background-color: #fdeac2;
	color: #036;
	text-decoration: none;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a:active {
	text-decoration: none;
}

/* =========================================================
   SEMJA UPDATE — RESPONSIVE MOBILE STYLES
   ========================================================= */

@media screen and (max-width: 700px) {

	
    /* PAGE */
    html,
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

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

    /* MASTHEAD */
    #header {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #8fa6bc;
}

#header > img {
    display: block;
    width: 100%;
    height: auto;
}
	
#searchbox {
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 8px 0;
}

    /* MAIN CONTENT */
    #main_content {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        margin: 0;
		padding: 0 10px 30px 10px;
		border-left: 0;
        border-right: 0;
    }

    /* SIDEBAR MOVES ABOVE THE ARCHIVE */
    #sidebar {
        box-sizing: border-box;
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 12px 0 8px 0;
        border-right: 0;
        border-bottom: 2px dotted #8fa6bc;
    }

    /* YEAR DROPDOWN */
    #form1 {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    #form1 select {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        max-width: 100%;
    }

    /* HOME BUTTON */
    #Home {
        display: block;
        width: 150px;
        height: 47px;
        margin: 12px auto 2px auto;
    }

    /* PUBLISHER BOX — DESKTOP ONLY */
    #pub_box {
        display: none;
    }

    /* ARCHIVE LIST */
    #monthly_list {
        box-sizing: border-box;
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 8px 0 0 0;
    }

    /* PAGE TITLE */
    #monthly_list h1 {
        height: auto;
        margin: 8px 0 15px 0;
		text-align: center;
        font-size: 21px;
        line-height: 26px;
    }

    /* MONTH HEADINGS */
    #monthly_list h3 {
        margin-bottom: -5px;
        padding-top: 15px;
    }

    /* ARTICLE ENTRIES */
    #monthly_list p {
        margin-left: 0;
        margin-right: 0;
    }

    /* PREVENT ANY DESKTOP-SIZED ELEMENT FROM
       MAKING THE MOBILE PAGE WIDER THAN THE SCREEN */

    #container,
    #header,
    #main_content,
    #sidebar,
    #monthly_list,
    #searchbox {
        max-width: 100%;
        box-sizing: border-box;
    }

    #header > img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    #monthly_list {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    #monthly_list a {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    /* The Google search element can contain
       its own fixed-width elements. */
    #searchbox,
    #searchbox > * {
        max-width: 100%;
        box-sizing: border-box;
    }
	
#searchbox {
    display: none;
}	

}