/* hi */


/*next*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
	display: block; 
}

audio, canvas, video { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
}

audio:not([controls]) { 
	display: none; 
}

[hidden] { display: none; }

html {
	height:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}

html, button, input, select, textarea { 
	font-family: sans-serif; 
	color: #000; 
}

body {
	height:100%;
	margin: 0; 
	font-size: 1em; 
	line-height: 1.4;
	font-family: 'Noto Sans', sans-serif;
}

a {color: #000;}
a:visited {color: #000;}
a:hover {color: #000;}
a:focus {outline: thin dotted;}

::-moz-selection { 
	background: #183B69;
	color: #fff; 
	text-shadow: none; 
}
::selection { 
	background: #fe57a1; 
	color: #fff; 
	text-shadow: none;
}

/*
html, body {
    margin: 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95.5%;
    background-color:#183B69;

}
*/

/* ===============
    Maximal Width
   =============== */
.wrapper{
		max-width:1100px; /* 1140px - 10% for margins */
		min-width:300px;
		margin:0 auto;
		overflow: visible;
	}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


#header-container{
	background-color:#183B69;
	min-width:320px;
	height:auto;
}


ul {
    list-style-type: none;
    margin-top: 15px;
}
li {
    margin-top: 4px;
}
#nav li a:hover {
    background: #95B9C7;
}
h1 {}

h2 {}



#nav
a {
    color: #000;
    text-decoration: none;
}
#nav a:visited {
    color: #000;
}
#nav a:hover {
    color: #06e;
}
#nav a:focus {
    outline: thin dotted;
}
#nav a:hover, a:active {
    outline: 0;
}

#container {
    margin: 0 auto;
    width:100%;
    overflow:visible;
    display:block;
}
@media screen and (max-device-width: 480px), 
screen and (max-device-width: 320px) and 
(-webkit-min-device-pixel-ratio: 2) {
     /* iPhone*/
    max-width:320px;
}
@media screen and (max-width: 1100px) {
   #container{
   	   max-width:1100px;
	   min-width:320px;
   }
}




#theme_name {
    float: left;
    width: 50%;
    height: 40px;
    padding:0;
    font-size:smaller;
    display:inline-block;
    line-height:10px;
}
#mchi_col1 {
    float: left;
    width: 50%;
    /* background: url('/wp-content/themes/Wileynet/css/images/color_scheme/w_light_blue.png') no-repeat bottom left; */
    height: 40px;
}
#mchi_col2 {
    float: right;
    width: 50%;
    height: 40px;
    text-align: right;
}


#color_scheme {
    width: 149px;
    float: right;
}
#color_scheme_col {
    float: left;
    width: 19%
}

#main_container {
    background-color: #1755A6;
    max-width:1100px;
	min-width:300px;
	margin:0 auto;
	margin-bottom:3em;
	padding:9px 9px 9px 9px;
	border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    position:relative;
    overflow:visible;
    display:block;
}


#footer{
	position:relative;
	margin:0 auto;
	text-align:right;
	font-size:smaller;
}

#content_container {
    max-width:1100px;
	min-width:300px;
    margin: 0 auto;
}
#content_header {
    width: 100%;
    margin: 0 auto;
}



#content {
    width: 100%;
    position:relative;
    margin: 0 auto;
    overflow: visible;
    background-color: #1755A6;
    display:block;
}


#content article{
    
}

#content aside{
	
}


#page_nav {
	float: left;
    width: 20%;
    margin-top:25px;
    background-color: #2172DB;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
@media screen and (max-width: 1100px) {
   #page_nav,#page_nav ul li {
   	   clear:both;
       width:100%;
       padding:0;
       margin:0;
   }
}
#page {
	float:right;
	overflow:visible;
    width: 80%;
    margin-top:25px;
    background-color: #2172DB;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

#page a:link {color:#000; text-decoration:underline;}
#page a:visited {color:#000;}
#page a:hover {color:#000;}
#page a:active {color:#000;}


@media screen and (max-width: 1100px) {
   #page {
       width:100%;
       padding:0;
       margin:0;
   }
}

#page_index{
    overflow:auto;
    min-height:100%;
}

#content_col1 {
    float: left;
    width: 25%;
    text-align: left;
}



#temp_content {
    max-width: 650px;
	min-width:220px;
    padding:2em 2em 2em 2em;
    overflow:auto;
    min-height:100%;
    display:block;
}
#screenshot{
    width:600px;
    height:338px;
}
@media screen and (max-width: 800px) {
   #screenshot{
       width:500px;
       max-width:500px;
       min-width:500px;
       height:300px;
   }
}
@media screen and (max-width: 500px) {
   #screenshot{
       width:300px;
       max-width:300px;
       min-width:300px;
       height:200px;
   }
}


#temp_content a {color: #5CB3FF;}
#temp_content a:visited {color: #fff;}
#temp_content a:focus {color: #000;outline: thin dotted;}
#temp_content ul li{
	list-style-type:circle;
}


#article_content {
    max-width: 845px;
	min-width:300px;
    padding-top: 10px;
    margin-left: 25px;
    overflow: auto;
	padding-bottom:25px;
}
#article_meta {
	font-size: smaller;
}

#article_content p{
	display:block;
}
#article_content a {color: #5CB3FF;}
#article_content a:visited {color: #fff;}
#article_content a:hover {color: #fff;}
#article_content a:focus {color: #000;outline: thin dotted;}
#article_content ul {
	list-style-type:circle;
}





input.button {
    position: absolute;
    top: 220px;
    left: 93px;
    padding: 3px 6px;
    border: 2px solid #fff;
    margin: 20px 0px 0px 0px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #CCC;
    -moz-border-radius: 5px;
}
input.button:hover {
    background: #95B9C7 none repeat scroll 0% 0%;
    color: #000;
}
#contact_submitted {
    width: 380px;
    margin: 45px 0 0 110px;
}
#contact_submitted
h1 {
    font-size: 120%;
    color: #95B9C7;
}
#contact_submitted
p {
    color: white;
    font-weight: bold;
    margin: 6px 0px;
}
#checkmark {
    position: relative;
    top: -46px;
    left: -60px;
}

.wrapit{
	width:1100px;
	margin:0 auto;
}



#contact_content {
    padding-top: 10px;
    margin-left: 25px;
}



#contact_form {
    width: 100%;
    padding: 10px 0;
    overflow:visible;
}

#contact_col1 {
    float: left;
    overflow:visible;
    width: 50%;
    height:350px;
   }
#contact_col2 {
    float: right;
    overflow:visible;
    width: 50%;
    }
@media screen and (max-width: 480px) {
   #contact_col1{
   	   clear:both;
   	   width:100%;
   	   overflow:visible;
   }
   #contact_col1 select{
   	width:200px;
   }
}
@media screen and (max-width: 480px) {
   #contact_col2{
   	   float:left;
   	   width:100%;
   	   overflow:visible;
   }
   textarea#details{
   	 position:relative;
     resize:none;
     top: 0px;
     left: 33px;
     width: 315px;
   	}
}

#contact_info {
    margin-left: 95px;
    margin-top: 200px;
}
input {
    width: 200px;
}

/* more */
.chromeframe { 
	margin: 0.2em 0; 
	background: #ccc; 
	color: black; 
	padding: 0.2em 0; 
}
#halloween{
	height:1px;
	position:relative;
	text-align:right;
}

#my_cart_count{
	width:100%;
}





/*
@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 1140px) {}
@media screen and (min-width: 800px) {}
@media all and (max-width: 400px) {}
@media screen and (device-aspect-ratio: 16/10) {}
*/


/* ================
 * wordpress required 
 * ===============*/
.wp-caption{
    padding: 4px;
}
.wp-caption .wp-caption-text{
    font-style: italic;
    font-size: 12px;
    line-height: 2;
}
.sticky{}
.gallery-caption{}
.bypostauthor{}

#right-align-no-caption{
    padding-top:20px;
}
#left-align-no-caption{
    padding-top:20px;
}
#center-align-no-caption{
    padding-top:20px;
}


/* ================
 * wordpress images
 * ===============*/
.alignleft{
    float:left;
}
.alignright{
    float: right;
}
.aligncenter{
    margin-left: auto;
    margin-right: auto;
}
.alignleft,.alignright,
.aligncenter{
    padding: 0px 9px 0px 9px;
}




p span{
    display:block;
}

.clearit{
    clear:both;
}
section{
    margin-left:10px;
    margin-right:10px;
}
#the_tags{
    clear:both;
    display:block;
    font-size:small;
    font-style: italic;
    width:100%;
    text-align:right;
}
#next_previous_post{
    clear:both;
    display:block;
    font-size:small;
    font-style: italic;
    width:100%;
    text-align:left;
}

img{
    max-width:858px;
}
.form-allowed-tags{
    font-size:smaller;
    max-width:600px;
    clear:both;
}


.comment-form-comment textarea{
    width:99%;
    height:300px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width:99%;
}
.comment-form-comment label{
    width:100%;
    margin-bottom:20px;
}


#submit{
   clear:both;
   margin-top:10px;
   margin-right:20px;
   margin-bottom:30px;
   height:55px;
}

/* ===================================
 * comments
 * ==================================*/

ol.commentlist { 
    list-style:none;
}

ol.commentlist li { 
    border:1px solid #000; 
    border-radius:9px; 
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
    margin:0 0 9px; 
    padding:3px 4px 5px 55px; 
    position:relative; 
}

ol.commentlist li.pingback comment-author {}

ol.commentlist li div.vcard { 
    font-size:smaller;  
}

ol.commentlist li div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard cite.fn a.url:hover {}

ol.commentlist li div.vcard img.avatar { 
    left:5px; 
    position:absolute; 
    top:5px;
    border:1px solid #000; 
    padding: 2px;
    border-radius:4px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    background-color:#000;
}

ol.commentlist li div.comment-meta { 
    font-size:small;
}

ol.commentlist li div.comment-meta a {}
ol.commentlist li p {}
ol.commentlist li div.reply {}
ol.commentlist li div.reply:hover {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* -------Widgets
---------------*/
#wp-calendar{
    color: #000;
    margin-left:auto; 
    margin-right:auto;
    width:90%;
}

#wp-calendar #next {
    text-align: right;
}

/* sidebar */
#custom_sidebar_div a {color: #000;}
#custom_sidebar_div a:visited {color: #000;}
#custom_sidebar_div a:hover {color: #41383C;}
#custom_sidebar_div a:focus {color: #5CB3FF;outline: thin dotted;}
#custom_sidebar_div ul { list-style-type:none;}

.tagcloud{
    color: #000;
    margin-left:auto; 
    margin-right:auto;
    width:90%;
}


/* other */
.page{}
.page-id-2{}
.logged-in{}

/*
table{ border-collapse:collapse;}
table,th, td {border:0;}
*/

/* comments respond */
#respond{}
#respond p{
    padding-left:20px;
}

input#author{ margin-left:15px; }
input#email{ margin-left:18px; }
input#url{ margin-left:15px; }

.comment-notes{}
.comment-form-author.input{}
.comment-form-email{}
.comment-form-website{}

.required{
    display:inline;
}