@charset "utf-8";

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #6F7D94;*/
	/*background-color: #B37D4E;*/
	/*background:url(../title%20img/ZKIUC6O.jpg);*/	
	margin-top: 15px;
	padding: 0;
	color: #231f20;
}


/* === Element/tag selectors ==== */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}


h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

a img {	border: none;}



/* ============ Link styling =============================*/
a:link {
	color:#00F;
	text-decoration: none; 
}


a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}


.container {
	position:relative;
	border: solid thin #FFF;
	width: 95%;
	max-width: 1000px; /* - 1260px  */
	min-width: 780px;
	background-color: #FFF;
	margin: 0 auto; 
}


/*========================  Input form styling ========================

 /*Button */
button {
  background-color: #555555; 
  border: none;  
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  /*width: 50%;
  height: 70px;*/
  
}

button:hover {
  background-color: #4CAF50; /* Green */
  color: white;
}

input {
	border: none;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
	
	}





/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.fcontain {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}



.header {
	/*background-image:url(../title%20img/sunset.png);*/
	/*background-color: #B37D4E;*/
}

.header img {
	max-width: 50%;
	min-width: 20%;
	height: auto;
	display:block;
}

.frontpageimg {
	width: 100%;
	min-width: 90%;
}

.smallimg {
    /*border-radius: 120px;*/
	width: 30%;
	/*min-width: 20%;*/
	float: right;
	margin: 10px
	}

.sidebar1 {
	font-size:12px;
	/*float: left;*/
	width: 30%;
	max-height: 1000px;	
	background-color: #fff;
	padding-bottom: 10px;
}

.sidebar1 a {}

.content {
	text-align:justify;
	padding: 10px 0;
	width: 100%;
	float:left;
}

/* == This grouped selector gives the lists in the .content area space == */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul li { list-style: none}

/* ==== The Countdown timer === */
#countdown {
	background-color:#04CD07;
	/*color:#231f20;*/
	color:#FFF;
	width:65%;
}

/* ==== The Current Price of BTC === */
#price {
	background-color:#231f20;
	/*color:#231f20;*/
	color:#FFF;
	width:65%;
}

/* ==== The footer === */
.footer {
    /*border-radius: 10px;*/
	color:#FFF;
	font-size:11px;
	text-align:center;
	padding: 10px 0;
	background-color: #231f20;
	position: relative;
	clear: both; 
}

ul.footer { color: #fff;}

.footer ul li {
	color: #fff;
	display: inline;
}

.footer ul li a { text-decoration: underline }

.footer a
	{	
	color: #fff;
	text-decoration: none;	
	font-size: 11px;
	}
	
.footer a:hover
	{	
	color: #FF3;	
	}

/* == miscellaneous float/clear classes === */
.fltrt {  
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.slideshow {
	width: 30%;
	float: left;
	margin: 10px;
}

.likeFB {
	display: none	
	}
	
.gallery  {
	list-style: none;
}

/*.topnav { border-radius: 10px;  }*/

/* ---------------------This is for the mobile navigation ---------------------------- */
/*Remove margins and padding from the list, add background color */
ul.topnav {
    /*border-radius: 10px;*/
    list-style-type: none;
	margin: 0;
    padding: 0;
    overflow: hidden;
    /*background: #8a1e04; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient (#8a1e04, #491003) ; /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient (#8a1e04, #491003); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#8a1e04, #491003); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#8a1e04, #491003); /* Standard syntax */
	background-color: #231f20;
    /*background-color: #333;*/
	/*height: 35px;*/
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px; /*14px 16px */
    text-decoration: none;
    transition: 0.2s;
    font-size: 17px;
}


ul.topnav li a:hover {
    /*border-radius: 10px;*/
	/*background-color: #c9c9c9;*/
	background-color: #fff;
	font-weight: bold;
	color: #000;
	/*font-weight: bold;*/
	} /*  #999 or #230802 */

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
	}
		
  .header img {
		min-width: 100%; height: 
	}
	
	/*===============    from other css ============*/
	.container {
	min-width: 200px;
	}

	/*.sidebar1 {
		display:none;}*/
		
	.sidebar1 { 
		/*visibility: visible;*/
		display: none;
		float:left;
		width:100%;
	}

	.navMenu  { 
		visibility:hidden;
	
	}
	.content {
		width: 100%;
		text-align: right
	}
	
	.del {
		display: none;
	}

	.caterImg
	{
    	max-width: 100%;
    	min-width: 300px;
    	height: auto;
	}
	
	.likeFB {display:inline}

	/*.footer a { color: #fff}*/
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
	
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
	
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	
  }
}

/*-----  iPhone 5 formatting  ----*/
@media screen and (device-aspect-ratio: 40/71) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
	}
		
  .header img {
		min-width: 100%; height: 
	}
	
	/*===============    from other css ============*/
	.container {
	min-width: 200px;
	}

	/*.sidebar1 {
		display:none;}*/
		
	.sidebar1 { 
		/*visibility: visible;*/
		display: none;
		float:left;
		width:100%;
	}

	.navMenu  { 
		visibility:hidden;
	
	}
	.content {
		width: 100%;
	}

	.caterImg
	{
    	max-width: 100%;
    	min-width: 300px;
    	height: auto;
	}
	
	.likeFB {display:inline}

	/*.footer a { color: #fff}*/
}

@media screen and (device-aspect-ratio: 40/71) {
	  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
	
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
	
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	
  }
  
  
  /*This is for the bitcoin tracker on the Links page*/
#bitcoin {
  padding-top: 40px;
  text-align: center;
  font: sans-serif;
  font-size: 2.0em;
}
span {
  color: #0093ad;
}
button {
  height: 40px;
  width: 200px;
  font-size: 25px;
  background-color: #0093ad;
  color: #fff;
  border-style: none;
}
button:hover {
  background-color: #00ad37;
  cursor: pointer;
}

select {
  margin: 0.5em;
  font-size: 20px;
  background-color: #00ad79;
  color: #fff;
}
select:active {
  background-color: #a34067;
}
select:hover {
  background-color: #a34067;
}
#disclaimer {
  margin-top:50px;
  font-size: 15px;
}
	
}
/* CSS Document */