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


html, body{ background-color: #222222; height: 100%; margin-top: 2%;}
 

#wrap{position: relative; top:0px; background-color: white; margin: auto; width:1000px; min-height:2500px;z-index:100;}

#flag{position:relative; left:44px;	top:39px;z-index:1; margin-bottom: -148px;}

#madreporter {position:absolute; left:56px; top: 118px; width:229px; height:103px; z-index:2;}

/*Menu & Frying Pan Stuff */

#menu {position:absolute; left:-70px; top:6px; width:365px; height:325px; background-image:url(web_images/fryingpan2.png); background-repeat:no-repeat;
	   z-index:2;}

#home {position:absolute; left:170px; top:60px; z-index:2;}

#leftover {position:absolute; left:140px; top: 104px; z-index:2;}

#about {position:absolute; left:164px; top: 152px; z-index:2;}

img.nohover {border:0}

img.hover {border:0;display:none}

a:hover img.hover {display:inline}

a:hover img.nohover {display:none}

#menuwrap {position:absolute; left:657px; top:344px; width:301px; height:250px; background-image:url(web_images/gradient.png);
	       background-position:inherit;	z-index:2; 
		   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#660000), to(#C27A7A)); /* Chrome, Safari*/
		   /*-webkit-gradient(linear, left top, left bottom, color-stop(0, #600), color-stop(1.5, #C27A7A)); -- Works for Chrome, not Safari*/
			                   
		   background-image: -moz-linear-gradient(-90deg, #600,  #C27A7A);   /*Firefox*/}

		   
		   
 /*Blog Roll */
#aboutmenu {position:absolute; left:659px; top:637px; width:279px;  
			background-position:inherit; padding: 10px; text-align:left; z-index:2; color:#FFF;

 			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#660000), to(#C27A7A)); /* Chrome, Safari*/
			 /*-webkit-gradient(linear, left top, left bottom, color-stop(0, #600), color-stop(1.5, #C27A7A)); -- Works for Chrome, not Safari*/
			                   
			background-image: -moz-linear-gradient(-90deg, #600,  #C27A7A);/*Firefox*/
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#660000, endColorstr=#C27A7A);/*IE*/
	
} 

/*Blog Roll List*/
.list a:visited {color: white;}

.list a:link{color: white;}

#blog_roll { position: relative; left:657px; top:2023px; width:264px;	height:220px;		          	
             background-position:inherit; padding: 5px 10px 10px 30px;	text-align:left;	color: white;	z-index:500;
	         background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#660000), to(#C27A7A)); /* Chrome, Safari*/
			 /*-webkit-gradient(linear, left top, left bottom, color-stop(0, #600), color-stop(1.5, #C27A7A)); -- Works for Chrome, not Safari*/
			                   
			 background-image: -moz-linear-gradient(-90deg, #600,  #C27A7A);/*Firefox*/
			 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#660000, endColorstr=#C27A7A);/*IE*/ 

}

/*Blog Roll List*/

.about a:link{color: white;}
 

.about a:visited{color:white;}


		  
#column_a {margin-left:44px; width:500px; margin-bottom: 5%; height: 300px; padding: 15px; border: solid black thin;	z-index:2;  
	      - moz-column-rule-color: red;	-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px;
	      column-count: 2; column-gap: 20px; font-family: Arial, Helvetica, sans-serif; font-size:16px;}
		  

		  
#allaboutme {margin-left:44px; width:500px;  width:500px; padding: 15px; border: solid black thin;	z-index:2; font-family:Arial, Helvetica, sans-serif; font-size:16px; }

#overcook {margin-left:44px; width:500px;  text-align:left;  padding: 15px; border: solid black thin;	z-index:2; font-family:Arial, Helvetica, sans-serif; font-size:16px; }

#writecolumn {margin-left:44px; width:500px;  left:44px; padding: 15px; border: solid black thin;	z-index:2; font-family:Arial, Helvetica, sans-serif; font-size:16px; }

#date { text-align:left; text-transform:uppercase; font-style:bold; color:#900; font-weight:bolder; padding-top:5px; 	z-index:2; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

#frontdate { text-align:left;  font-style:oblique; color:#900; font-weight:bolder; padding-top:5px; 	z-index:2; font-family:Arial, Helvetica, sans-serif; font-size:12px; }



h1{font-family:Georgia, "Times New Roman", Times, serif; color:#000; text-decoration:none;}
.headline a:link{color:black; text-decoration:none;}
.headline a:visited{color:black; text-decoration:none;}

a:link{	color: #990000;}

a:visited{color: #990000;text-align: center;}

 


/*Flash Slideshow */
#cube{	position:absolute; 	left:697px;  top:1826px; width:302px; height:299px;	z-index:2;}

#cu3er-container {width: 220px; outline:0;}

#frameSodaHead{	position:absolute;	left:657px;	top:1789px;	width:300px; height:238px; z-index:2;}

/*Social Media*/
#twitter {
	position:absolute;
	left:658px;
	top:1349px;
	width:303px;
	height:177px;
	z-index:2;
}

#facebook {
	position:absolute;
	width: 300px;
	left:657px;
	top:991px; /*950 650*/
	z-index:101;
	height:300px;
	border-top-color: #600;
	border-bottom-color:#600;
	border-top-style: double;
	border-bottom-style:double;
	padding-bottom: 10px;
	
}
 
#search {position:absolute; left:685px; top:308px; z-index:101;}
 

#metersite {position:absolute; left:224px; top:2556px; width:759px; height:29px; z-index:102;}

#poll {float:left; padding-right: 10px; padding-bottom: 5px; }

#a_poll_right {float:right; padding-left: 10px; padding-bottom: 5px; }

/*Hyperlink Image Pop Up*/
.thumbnail{position: relative; z-index: 0;}

.thumbnail:hover{background-color: transparent; z-index: 50;}

.thumbnail span{ /*CSS for enlarged image lightyellow*/
				position: absolute; background-color: #222222; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: white;
				text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
					border-width: 0; padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
					  visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */

}

#addthis{width:auto;}

/*COMMENTS*/
#comments{width: 465px;}

#pullquote{background-color:#FFF8C6; font-style:italic; font-size:14px; width: 400px; padding: 10px; font-family:Georgia, "Times New Roman", Times, serif; border:groove; margin-left:auto; margin-right: auto;}
/*background pullquote: E4E4E4 or f9ea83*/

.dropcap{font-size: 40px; line-height: normal; font-weight: bold;  font-style: italic; vertical-align: 0.05em; color: black;
         padding: 0 4px; }

.cutline{border-bottom-color:#000; font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px; background-color: 	#FFF8C6; border-color:#000; border-bottom-style:solid; padding:10px; width:425px;" align="left";}

#pic_cut{float:right; margin: 0px 0px 5px 15px;}

#newsreel {	position:absolute; left:43px; top:315px; 	width:533px; 	height:75px;	z-index:101;}

#space {position:absolute; left:174px; top:2259px; width:193px; height:58px; z-index:102; background-color:#909;}

#update {size: 8px;}

 

@media screen and (-webkit-min-device-pixel-ratio:0) {
.headline {margin-top: 1px;}  }
  
	/*
	
	#body 
		background-image:url(baconbits.jpg);  ffcc99
		
	#wrap
	position: relative;
	width:1000px; 
	margin-top: 50px;
	z-index:4;
	overflow: 20%;
	background-color: white;*/