/*
 CSS for warrenmonroe.com
 20170301
 Warren Monroe
*/

@import( reset.css );

html, body {
	height:100%;
	width:100%;
}

* {
	color:#030360;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
}

ul {
	list-style:none;
}

/** document **/
body {
	background:#fff;
	font-size:0.75em;

	background-image:-webkit-gradient(linear,center left, center right, from(#0052a5), to(#b31324), color-stop(0.50, #ffffff), color-stop(0.51,#ffffff));
	background-image: -webkit-linear-gradient(left, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:-moz-linear-gradient(left, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:-o-linear-gradient(left, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:linear-gradient(left, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:linear-gradient(left, #0052a5, #fff 50%, #fff 51%, #b31324);	
	
/*
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0052a5), to(#b31324), color-stop(0.50, #ffffff), color-stop(0.51,#ffffff));
	background-image: -webkit-linear-gradient(top, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:-moz-linear-gradient(top, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:-o-linear-gradient(top, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:linear-gradient(top, #0052a5, #fff 50%, #fff 51%, #b31324);
	background-image:linear-gradient(top, #0052a5, #fff 50%, #fff 51%, #b31324);	
*/
/*
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e0162b), to(rgba(0, 82, 165, 1)), color-stop(0.49, #ffffff), color-stop(0.51,#ffffff));
	background-image: -webkit-linear-gradient(top, #e0162b, #fff 49%, #fff 51%, rgba(0, 82, 165, 1));
	background-image:-moz-linear-gradient(top, #e0162b, #fff 49%, #fff 51%, rgba(0, 82, 165, 1));
	background-image:-o-linear-gradient(top, #e0162b, #fff 49%, #fff 51%, rgba(0, 82, 165, 1));
	background-image:linear-gradient(top, #e0162b, #fff 49%, #fff 51%, #0052a5);
	background-image:linear-gradient(top, #e0162b, #fff 49%, #fff 51%, #0052a5);	

*/	
}

/** anchors/links **/
a:link,
a:visited,
a:hover,
a:active {
	color:#030360;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	color:#ccc;
}

#bg img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	z-index:-100;
}

#wrapper {
	margin:16px auto;
	padding:10px 0;
	width:33.33333%;
}

#weather {
	margin:16px 0;
	padding:10px;
	overflow:visible;
	text-align:center;
}

#weather h2 {
	font-size:1.0em;
	font-weight:normal;
	margin:0;
	padding:0;
}

#weather .sub {
	color:#999;
	font-size:0.8334em;
	margin:0;
	padding:0;
}

#weather ul {
	list-style:none;
	margin:0;
	padding:0;
}

#weather ul li {
	margin:2px;
}

#stocks {
	margin:16px 0;
	padding:10px;
	text-align:center;
	overflow:auto;
}

#stocks h2 {
	font-size:1.0em;
	font-weight:normal;
	margin:0;
	padding:0;
}

#tweet {
	margin:16px 0;
	padding:10px;
	text-align:center;
	overflow:auto;
}

#cpy {
	margin:16px 0;
	padding:10px;
	overflow:auto;
	text-align:center;
}

#nav {
	position:absolute;
	bottom:10px;
	right:10px;
	padding:3px 5px;
}

.rounded-5 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.rounded-10 {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.bg-solid {
	background-color:rgba(255,255,255,1);
}

.trans-bg-3 {
	background-color:rgba(255,255,255,0.3);
}

.trans-bg-4 {
	background-color:rgba(255,255,255,0.4);
}

#censored {
	background:#000;
	background:rgba(0, 0, 0, 0.8 );
	display:none;
	/*width:300px;
	height:300px;*/
	margin:0 auto;
	position:relative;
	z-index:10;
}

@media only screen and (max-width:961px) {
	#wrapper {
		margin:16px auto;
		padding:10px 0;
		width:66.6666%;
  }
}

@media only screen and (max-width:480px) {
	#wrapper {
		margin:16px;
		padding:10px 0;
		width:auto;
  }
}