﻿article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

img{
	max-width:100%;
}

body
{
    font-family:Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin:0;
    padding:0;
    background-color:#CFC0A7;
}
/*#blog a, #blog a:visited {color:blue;}
#blog a:hover, #blog a:active, #blog a:focus {color:#2e9fff;}*/

.Error {font-size:1em;color:red;padding:.5em;font-weight:bold;text-align:center;}
.InfoMsg {font-size:1em;color:blue;padding:.5em;font-weight:bold;text-align:center;}
.Error a, .InfoMsg a:active,.InfoMsg a:visited, .InfoMsg a:hover{color:#2e9fff;}
#mission2 
{
	padding: 4px 0 4px 0;
	color: #1f3776;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
	clear: both;
	background-color: #fef8e5;
}
#page
{
    margin: 0;
    padding: 0;
    width: 100%;
}

#pageHeading
{
    margin:0 auto;
    padding: 0;  
 	background-color:#ffffff;
    overflow:hidden;
}

#pageHeading nav
{
/*border-bottom: 1px solid #FEF8E5;*/
padding-top:0;
}

#pageHeading h1
{
    font-weight: normal;
    font-style: italic;
    font-size: 1.5em;
    margin:0;
    padding:1em 0 0 0;
    text-align:center;
}

#banner>img , #banner
{
    padding:0;
    margin:0;
    border:none;
}

#banner
{
	text-decoration:none;
    border:none;
    /*border-bottom: 1px solid #1f3776;*/
    display:inline-block;
	width: 100%;
	background-color: #1f3776;
}

#menu {
    background-color: #1f3776;
    background: -moz-linear-gradient(#334b8b 0%, #1f3776 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #334b8b), color-stop(100%, #1f3776));
    background: -webkit-linear-gradient(#334b8b 0%, #1f3776 100%);
    background: linear-gradient(#334b8b 0%, #1f3776 100%);
    
    border: 1px solid #000000;
    
    box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.2);

    display:block;
    font-size:.8em;
    list-style-type:none;
    overflow:hidden;
    width:100%;
    z-index:100;
}

#menu, #menu li
{
    padding:0;
    margin:0;
    text-align:left;
}
#menu li
{
    display:block;
    float:left;
}
#menu > li
{
    border-right: 1px solid #000;
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 1.5px 0 0 rgba(255, 255, 255, 0.2);
    float: left;
}

#menu li a
{
    text-transform:capitalize;
    color: #ffffff;/*black*/
    display:block;
    text-decoration:none;
    padding: .5em;
    line-height: 1.5;
}


#menu li a:hover, #menu li a.active
{
    /*background-color: rgba(255, 255, 255, 0.5);*/
    /*background-color:#A59F8C;
    border-top-color: #FEF8E5;*/
    /*background: #cfc0a7;*/
    background: #fef8e5;
    color:black;
}
.pull-right
{
    float:right;
}
#menu li.pull-right
{
    float:right;
    font-weight:bold;
    /*color:#2e9fff;*/
}
#menu li.pull-right a 
{
    font-weight:bold;
    /*color:#2e9fff;*/
}

#menu-icon
{
    width:100%;
    padding:0;
    margin:0 0 .5em 0;
    display:none;
    text-align:right;
}

#menu-icon > span
{
    cursor:pointer;
    font-size:1.5em;
    border: 1px solid gray;
    color:#FEF8E5;
    background-color:#1f3776;
    padding:.1em;
    border-radius:.2em;
    margin:0 .1em;
    overflow:visible;
}
.menuSideBtn{border-style:solid;border-radius:5px;border-width:1px;}
.menuSideBtn li{width:100%;font-size:1.25em;font-weight:bold;}
.menuSideBtn li a{text-align:center;}

.hideMenu
{
	display:none;
}


#pageHeading,#blogWrapper
{
	width: 80%;
}

#blogWrapper
{
    margin:.5em auto;
    border: 1px solid #c0c0c0;
    background-color:#FFFFFF;
    
    -webkit-box-shadow: 1px 1px 14px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 14px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 14px 0px rgba(50, 50, 50, 0.75);
 
    position:relative;
    height:100%;
    overflow: auto;
}

#blog
{
    padding: .1em;
    float:left;
    width:75%
}

#sideBar
{
    float: left;
    width: 25%;
}

.br
{
    clear: both;
}

article, article>header, article>header h2 , article>header p
{
	padding:0;
	width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

article
{
	padding:.5em;	
}

article>header p
{
	padding-top:.5em;
}

article>header
{
	border-bottom: 1px solid rgba(31, 55, 118, 0.2);
	padding-bottom:.5em;
}
.hdrCategory{color:#CC0000;font-size:1.6em;font-weight:bold;margin-top:1em;}

article.sub{margin-left:5em;border-left:thin;border-color:bisque;}
.cmntauthor{font-size:1em;font-weight:bold}
.CmntDate{ color:gray;font-size:.8em;}
.permalink{color:gray;font-size:.9em;}
.permalink a {color:gray;font-size:.9em;text-decoration:none;}
.permalink a:hover, .permalink a:active, .permalink a:focus{color:#2e9fff;font-weight:bold;cursor:pointer;}
footer.cmntFtr a, footer.cmntFtr a:visited{color:gray;font-size:.7em;text-decoration:none;}
footer.cmntFtr a:hover, footer.cmntFtr a:active, footer.cmntFtr a:focus{color:#2e9fff;font-weight:bold;cursor:pointer;}
a.Login,a.Login:hover{color:#2e9fff;font-weight:bold;text-decoration:none;font-family:FontAwesome;}
a.Login:hover, a.Login:active, a.Login:focus{color:red;cursor:pointer;}
#LoginContainer
{   
    /*position:absolute;*/
    position:relative;
    width: 25em;
    /*height: 19em;*/    
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
	background: #fef8e5;
    border-radius: 10px;
    margin-top:2em;
    margin-bottom:2em;
}
#SubsCont
{
    background: #fef8e5;
    border-radius: 15px;
    box-sizing:border-box;
        
    margin-left:auto;/*Horizantal Centering*/
    margin-right:auto;/*Horizantal Centering*/

    margin-top:1em;
    margin-bottom:1em;
    
    padding:1em;
    width:45em;
}
#SubsCont *{margin:0px;}
#SubsCont h2, #SubsCont p{padding-bottom:.5em;}
#SubsCont input{margin-bottom:.5em;}
#SubsCont label{color:#986b22;font-size:1.1em;font-weight: bold;}
#SubsCont input[type=text]{ font-size:1.5rem;width:40rem;height:2rem;}
#SubsCont ul{list-style-type:none;padding-left:2rem;border-radius:15px;}
#SubsCont ul:last-of-type{padding-bottom:2rem;}
#SubsCont ul li{padding-bottom:.75em;}

#SubsCont ul li label{color:black;font-size:1.5em;padding-left:1em;font-weight:normal;}
#SubsCont ul li label[for=chkAll]{color: #000066;font-weight:bold;}
#SubsCont a, #SubsCont a:visited{color:#2e9fff;text-decoration:underline;}
#SubsCont a:hover, #SubsCont a:active, #SubsCont a:focus{text-decoration:underline;color:red;cursor:pointer;}

.Email{font-size:1.5rem;color:#2e9fff;padding-left:1rem;padding-bottom:1rem;}
#upnlLogin
{
    width:30em;
    padding:0.5em;
}
#upnlLogin div
{
    width:40%;
    float:left;
}
#upnlLogin input[type=button]
{
    position: absolute;
    top: 40%;
}
#upnlLogin div:last-of-type{width:20%;}
#upnlLogin label, #LoginContainer label
{
    color:#986b22;
    font-size:0.8em;
    font-weight:bold;    
}
#LoginContainer label
{
    display: inline-block;
    /*padding-left:1.25em;*/
    margin-left: 18px;
    padding-top: 10px;
}

#LoginContainer input[type=text], #LoginContainer input[type=password]
{
    padding-left: 10px;
    margin: 10px;
    margin-top: 12px;
    margin-left: 18px;
    width: 290px;
    height: 35px;
    border: 1px solid #c7d0d2;
    border-radius: 0.5em;
    box-shadow: inset 0 1.5px 3px rgba(152, 107, 34, 0.4), 0 0 0 5px rgba(245, 234, 171,.2);
}

#LoginContainer > footer {   
    width: 100%;   
    padding:1em;
    text-align:center;
}
#LoginContainer > p
{
    display:block;
    width:100%;
    text-align:center;
}
#LoginContainer .InfoMsg
{
    text-decoration:underline;
}
#sideBar
{
	margin:0;
	padding:.5em
}

#sideBar aside
{
	margin:0;
	padding:.5em;
}


#sideBar aside h2
{
	width:100%;
	font-weight:normal;
	font-size:1em;
}


#categories, #archives, .ArchMM
{
	list-style-type:none;padding-left:0.5em;
}
#categories li, #archives li
{
    display:block;padding-bottom:0.5em;
}


#RSSIcon,#RSSIcon:visited{border:1px solid orange;padding:3px 6px;border-radius:4px;color:white;background-color:orange;}
#RSSIcon:hover, #RSSIcon:focus, #RSSIcon:active{background-color:white;border-color:#ccc;color:orange;}

#EmailIcon,#EmailIcon:visited{border:1px solid blue;padding:3px 6px;border-radius:4px;color:white;background-color:blue;}
#EmailIcon:hover, #EmailIcon:focus, #EmailIcon:active{background-color:white;border-color:#ccc;color:blue;}


.PostedCategories{list-style:none;padding:0;/*margin:0;border-top:1px solid rgba(31, 55, 118, 0.2);*/padding-top:0.5em;}
.PostedCategories li{display:inline;}
.PostedCategories li a, .PostedCategories li a:visited, #categories li a, #categories li a:visited, #archives li a, #archives li a:visited, #RSSTxtLnk, #RSSTxtLnk:visited, #EmailTxtLnk, #EmailTxtLnk:visited{color:#2e9fff;text-decoration:none;}
.PostedCategories li a:hover, .PostedCategories li a:active,.PostedCategories li a:focus,
#categories li a:hover, #categories li a:active,#categories li a:focus, 
#archives li a:hover, #archives li a:active,#archives li a:focus,
#RSSTxtLnk:hover, #RSSTxtLnk:active, #RSSTxtLnk:focus, 
#EmailTxtLnk:hover, #EmailTxtLnk:active, #EmailTxtLnk:focus
{text-decoration:underline;color:red;cursor:pointer;}

#archives
{
	list-style-type:none;
}

#archives li a , #categories li a
{
	display:block;
	margin-bottom:.2em;
}

.CurvBox{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing:border-box;
    border:2px solid ActiveBorder;
    border-radius:15px;
    background-color:#F9F9F9;
}
.Separator{width:100%;border:0;height:.2em;background:rgba(31, 55, 118,0.6);background-image:linear-gradient(to right, #ccc, rgba(31, 55, 118,0.6), #333);}
.Reqd:before{content:"*";color:red;}

.Paging{box-sizing:border-box;text-align:center;padding:1em 1em 1em 1em;}

.paging_enabled {padding-left:0.25em;COLOR:blue;TEXT-DECORATION:none;FONT-SIZE:small;font-family:Verdana;font-weight:bold}
.paging_enabled A {FONT-SIZE:small;COLOR:blue;TEXT-DECORATION:none;font-family:Verdana;}
.paging_enabled A:hover {FONT-SIZE:small;COLOR:red;TEXT-DECORATION:none;font-family:Verdana;}
.paging_enabled A:active{FONT-SIZE:small;COLOR:red;TEXT-DECORATION:none;font-family:Verdana;}

.paging_disabled {padding-left:0.25em;COLOR:gray;TEXT-DECORATION:none;FONT-SIZE:small;font-family:Verdana;font-weight:bold}
.paging_disabled A {FONT-SIZE:small;COLOR:gray;TEXT-DECORATION:none;font-family:Verdana;}
.paging_disabled A:hover {FONT-SIZE:small;COLOR:gray;TEXT-DECORATION:none;font-family:Verdana;}
.paging_disabled A:active{FONT-SIZE:small;COLOR:gray;TEXT-DECORATION:none;font-family:Verdana;}
@media only screen and (max-width:767px)
{

#pageHeading nav
{
	padding-top:.2em;
}


#menu-icon
{

display:block;
	
}

#menu li
{
	display:inline;
}

/*
#blogWrapper
{
float:none;
width: 99%;

}
*/


#blog,#sideBar
{

float:none;
padding: .1em;
width:auto;
    
}


#pageHeading,#blogWrapper
{
	float:none;
width: 99%;

}



	
}
input[type=submit],input[type=button]{padding:.375em 1em;background:#c19e65;color:white;font-weight:bold;border:1px solid #c19e65; cursor:pointer;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 0 0 4px rgba(0,0,0, .75);margin-left:1em;margin-bottom:1em;height:2em;box-sizing:border-box;}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
input[type=submit]:hover, input[type=submit]:focus{background-color:#CFC0A7; /*make the background a little darker*//*reduce the drop shadow size to give a pushed button effect*/ -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);box-shadow: 0 0 1px rgba(0,0,0, .75);}


@media only screen and (min-width:768px) and (max-width:960px)
{

.showMenu
{
	display :block !important;
}





/*
#blogWrapper
{
    width: 99%;
  
}
*/


#pageHeading,#blogWrapper
{
	float:none;
width: 99%;

}

/*input,label{display: block;float: left;}*//*Sri WIP*/
}

@media only screen and (max-width:767px)
{
    /*input,label{display:block;float:left;}*//*Sri WIP*/
}


@media only screen and (min-width:961px)
{

.showMenu
{
	display :block !important;
}




#menu-icon
{
display:none;
}


#menu
{
  display:block;
}


#menu li
{
display:block;
float:left;
}


	
}

