/*Temporary Style, remove as needed*/
@import url("snow.css");
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #363636;
	min-width: 980px;
}

p {
  line-height: 150%;
}

img {
	border: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

body {
  font: 0.9em ProximaNovaRgRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
  color: #CBCCC3;
}

#IG_RESULTS {
 color: white;
}

a {
  color: #00B7FF;
  text-decoration: none;
}

a:hover {
	color: #C77D48;
}

p a:hover {
	text-decoration: underline; 
}

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

h1, h2, h3 {
	margin-top: 0;
	color: #DEDCD0;
}




.centerContent {
	margin: 0 auto;
	width: 960px;

	position: relative;
}


#MAIN_MENU {
	width: 600px;
	list-style: none;
	margin: 0;
	padding: 12px 0 0 12px;
}

#MAIN_MENU li {
	float: left;
	width: 191px;
	height: 192px;
}

#MAIN_MENU a {
	width: 175px;
	height: 176px;
	display: block;
	text-indent: -9999px;
	font-size: 0;

	box-shadow: -3px 3px 3px #222;	
	opacity: 0.7;
	background: #000 url('../images/home_icons.jpg') top left no-repeat;
}

#MAIN_MENU a:hover {
	opacity: 1.0;
	 -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#MAIN_MENU li.selected a {
	opacity: 1.0;
	
}

#MAIN_MENU a.homeMenu {
	background-position: 0 -176px;
}

#MAIN_MENU a.homeMenu:hover, #MAIN_MENU li.selected a.homeMenu {
	background-position:left top;	
}

#MAIN_MENU a.personalMenu {
	background-position: -175px -176px;
}

#MAIN_MENU a.personalMenu:hover, #MAIN_MENU li.selected a.personalMenu {
	background-position: -175px 0;
}

#MAIN_MENU a.programMenu {
	background-position: -350px -176px;
}

#MAIN_MENU a.programMenu:hover, #MAIN_MENU li.selected a.programMenu {
	background-position: -350px 0;
}

#MAIN_MENU a.photosMenu {
	background-position: -700px -176px;
}

#MAIN_MENU a.photosMenu:hover, #MAIN_MENU li.selected a.photosMenu {
	background-position: -700px 0;
}


#MAIN_MENU a.foodMenu {
	background-position: -525px -176px;
}

#MAIN_MENU a.foodMenu:hover, #MAIN_MENU li.selected a.foodMenu {
	background-position: -525px 0;
}

#MAIN_MENU a.aboutMenu {
	background-position: -875px -176px;
}

#MAIN_MENU a.aboutMenu:hover, #MAIN_MENU li.selected a.aboutMenu {
	background-position: -875px 0;
}


#HEADER {
	height: 402px;
	background-color: #363636;
	color: white;
	padding-top: 5px;
	overflow: hidden;
  position: relative;

}

#MIDDLE {
	min-height: 400px;
	padding: 0 12px 24px 14px;
	background: transparent url('../images/divider_bottom_l.png') center bottom no-repeat;
}

#MIDDLE_TOP_BG {
	background: transparent url('../images/divider_top_l.png') center top no-repeat;
	margin-top: 0px;
	position: relative;
	padding-top: 12px;
}





.leftPane {
	width: 640px;
}

.leftPane .programming {
	border-left: 6px solid #2B9ED5;
}

.leftPane .food {
	border-left: 6px solid #EA623A;
}

.leftPane .photos {
	border-left: 6px solid #D62978;
}

.leftPane .personal {
	border-left: 6px solid #39E96C;
}

.item {
	padding-bottom: 0;
	margin-top: 24px;
	padding-left: 18px;
	position: relative;
	/*border-bottom: 1px solid #ccc;
	border-bottom-style: groove;*/
}


.itemBody {
	padding: 0 ;
	min-height: 100px;
	line-height: 1.5em;
}

.itemBody .img {
	float: right; width: 160px; height: 160px; margin: 5px 0 17px 17px; border-radius: 6px; display: block
}

.itemBody, .itemBody p, .item h2 {
  text-shadow: #111 1px 1px 0px;
  font-family: ProximaNovaRgRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;  
}

.itemBody pre {
	text-shadow: none;
}

.dateHeader {
	color: #A7A899; 
	margin-bottom: 24px; 
	font-size: 0.8em
}

.item h2 a {
	color: #DEDCD0;
}

.item h2 a:hover{
color: #C77D48;
}


.itemBody p {
	line-height: 1.5em;
	margin-top: 12px;
	margin-right: 17px;
}

.item h2 {
	margin: 12px 0 6px 0px;
	font-size: 1.875em;
	font-weight: normal;
}

.commentCountBox {
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 60px;
	height: 40px;
	background-color: #AAA154;
	display: block;
}

.commentCountBox .pointyTip {
	width: 0; 
	height: 0; 
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	
	border-left: 17px solid #333;
	position: absolute;
	top: 4px;
	left: 14px;
}

.commentCountBox .commentCount {
	width: 50px; 
	height: 26px; 
	padding: 4px;
	
	background-color: #333;
	border-radius: 3px;
	position: absolute;
	top: 4px;
	left: 6px;
	text-align: center;
}


.rightPane {
	width: 300px;
	height: 650px;
	padding: 5px;
	text-shadow: #111 1px 1px 0px;
	text-align: center;
	position: relative;
}

.rightPane iframe {
	margin-top: 12px;
	margin-left: 40px;
}

.rightPane .side-medianet iframe {
	margin-left: 77px;
}

.rightPaneHeader {
	margin-bottom: 4px;
}

.sponsor {
	position: absolute;

	right: 0;
}

.hideSponsor {
	float: right; 
	margin-top: 12px
}

#FOOTER {
	background-color: #363636;
	color: #ccc;
	padding-top: 12px;
}

#FOOTER .centerContent {
	overflow: hidden;
	padding: 0 12px;
}

.footerAbout {
	font-size: 12px;
	width: 480px;
	float: right;
}

.footerAbout img {
	float: left;
	margin-right: 12px;
}


.footerAbout p, .footerAbout div {
	line-height: 17px;
}

.footerAbout div {
	margin: 1em 0px;
}

.followMeBox {
	width: 191px;
	height: 192px;

	background: transparent url('../images/follow_me.png') left top no-repeat;
	position: absolute;
	top: 192px;
	right: 90px;
	padding-top: 140px;
	text-align: center;
}

.hiImManny {
	width: 191px; 
	height: 192px; 
	position: 
	absolute; 
	top: 0; 
	right: 90px;
	background: transparent url('../images/hi_im_manny.png') center top no-repeat;
}

/* start of animation follow me box*/

 .followMeBox a {
     width: 50px;
      height: 50px;
      display: block;
      float: left;
    }
    .followMeBox a img {
      position: absolute;
      width: 50px;
      height: 50px;
      bottom:0;
    }
      .followMeBox a:hover img {
animation: moveSocialIcons 0.7s;
-moz-animation: moveSocialIcons 0.7s; 
-webkit-animation: moveSocialIcons 0.7s; 
-o-animation: moveSocialIcons 0.7s; 
      }

@keyframes moveSocialIcons {
	0%   {bottom: 0;}
	25%  {bottom: 30px; animation-timing-function: ease-out;}
	50%  {bottom: -4px; animation-timing-function: linear;}
	75%  {bottom: 12px; animation-timing-function: linear;}
	100% {bottom: 0; animation-timing-function: linear;}
}

@-webkit-keyframes moveSocialIcons {
  	0%   {bottom: 0;}
	25%  {bottom: 30px; animation-timing-function: ease-out;}
	50%  {bottom: -4px; animation-timing-function: linear;}
	75%  {bottom: 12px; animation-timing-function: linear;}
	100% {bottom: 0; animation-timing-function: linear;}
}
@-moz-keyframes moveSocialIcons {
  0%   {bottom: 0;}
	25%  {bottom: 30px; animation-timing-function: ease-out;}
	50%  {bottom: -4px; animation-timing-function: linear;}
	75%  {bottom: 12px; animation-timing-function: linear;}
	100% {bottom: 0; animation-timing-function: linear;}
}
@-o-keyframes moveSocialIcons {
	0%   {bottom: 0;}
	25%  {bottom: 30px; animation-timing-function: ease-out;}
	50%  {bottom: -4px; animation-timing-function: linear;}
	75%  {bottom: 12px; animation-timing-function: linear;}
	100% {bottom: 0; animation-timing-function: linear;}
}

/* end of animation */
/*
#SPONSOR_1 {

	 -webkit-transition: top 1.0s ease-out;
	 -moz-transition: top 1.0s ease-out;
	 -o-transition: top 1.0s ease-out;
	 transition: top 1.0s ease-out;
}*/

#SPONSOR_2 {
	/*display: none;*/
	border-left: 6px solid white; 
	padding-left: 24px; 
	margin-top: 24px;
	position: relative;
	width: 330px;
}

#SITEMAP {
	float: left;
	width: 400px;
	margin-top: 10px;
}
#SITEMAP .col {
  float: left;
  width: 200px;
}

#SITEMAP .col a {
	color: #bbb;
	line-height: 28px;
}

#SITEMAP .col a:hover {
	color: #C77D48;
}

#PRELOAD_IMAGES {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.pagination {
	margin: 24px 0 0 0;
	border-top: 1px solid #00B7FF;
}

.pagination a {
	width: 160px; 
	height: 36px; 
	line-height: 36px;
	display: block; 
	background-color: #00B7FF;
	font-weight: bold;
	text-align: center;
	color: #222;
	font-size: 16px;
	margin-top: -1px;
}

.pagination a:hover {
	background-color: #EB613A;
	color: white;
}

.pagination a.prev {
	float: left;
}

.pagination a.next {
	float: right;
}

/*start of blogger*/
.footer-outer, #comments {
	border-left: 6px solid white;
	padding-left: 18px;
}


.main-inner {
padding: 0 0 30px 0 !important;
}

.itemBody img {
		max-width: 100%;
		height: auto !important;
	}

/*end of blogger*/

@media all and (max-width: 410px) {
	#MAIN_MENU li {
		width: 175px;
		height: 176px;
	}

	#MAIN_MENU a {

		box-shadow: none;	
		
	}

	#MIDDLE {
		padding-left:0px;
	}

	
}

@media all and (max-width: 639px) {
	.centerContent {
		width: 100%;
	}

	html, body {		
		min-width: 375px;
	}

	.leftPane {
		width: 100%;
	}

	#SPONSOR_1 {
		display: none;
	}

	.footerAbout {
		width: 100%;
	}

	#MAIN_MENU {
		width: 100%;
	}

	#HEADER {		
		height: auto;
	}

	.hiImManny  {
		display: none;
	}

	.followMeBox {
		display: none;
	}

	.photos img {
		max-width: 100% !important;
		height: auto !important;
	}

	#SITEMAP .col {
	  float: left;
	  width: 160px;
	  text-align: center;
	}

	/*
	#SPONSOR_2 {
		display: block;
	}
	*/

}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
  padding: 0;
  margin: 0;
}

/*
.row {
	margin: 12px 24px;
}
*/

ul.menu {
	padding: 0;
	margin: 0;
}

ul.menu li{
	float: left;
	list-style: none;
	margin-right: 12px;
}

.main-body {
	clear: both;
	padding-top: 14px;
}
/*
.main-body .left-pane {
  width: 640px;
}

*/

footer { 
	padding-top: 14px;
}

pre {
	width: 100%;
	overflow: auto;
	border: 1px dashed #888;
	padding: 12px;
	margin-bottom: 12px;
	border-radius: 4px;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.3em;
}

label, .flabel {
	line-height: 20px;
	font-size: 1em;
}

.fnote {
  margin: -14px 0 14px 0;
  color: #999;
  font-size: 0.8em;
}