/* CSS Document Copyright © 2016 Asa Jay Laughton********************/
/*
Info on background properties:
background 				Sets all the background properties in one declaration
background-attachment 	Sets whether a background image is fixed or scrolls with the rest of the page
	scroll 		The background scrolls along with the element. This is default
	fixed 		The background is fixed with regard to the viewport
	local 		The background scrolls along with the element's contents
	initial 	Sets this property to its default value. Read about initial
	inherit 	Inherits this property from its parent element. Read about inherit
background-color 		Sets the background color of an element
	color 	Specifies the background color. Look at CSS Color Values for a complete list of possible color values
	transparent 	Specifies that the background color should be transparent. This is default
	initial 	Sets this property to its default value. Read about initial
	inherit 	Inherits this property from its parent element
background-image 		Sets the background image for an element
	url('URL') 	The URL to the image. To specify more than one image, separate the URLs with a comma
	none	 	No background image will be displayed. This is default
	initial 	Sets this property to its default value
	inherit 	Inherits this property from its parent element
background-position 	Sets the starting position of a background image
	left top
	left center
	left bottom
	right top
	right center
	right bottom
	center top
	center center
	center bottom 	If you only specify one keyword, the other value will be "center"
	x% y%		 	The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. . Default value is: 0% 0%
	xpos ypos	 	The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions
	initial		 	Sets this property to its default value
	inherit		 	Inherits this property from its parent element
background-repeat 		Sets how a background image will be repeated
	repeat 	The background image will be repeated both vertically and horizontally. This is default 
	repeat-x 	The background image will be repeated only horizontally
	repeat-y 	The background image will be repeated only vertically
	no-repeat 	The background-image will not be repeated
	initial 	Sets this property to its default value
	inherit 	Inherits this property from its parent element

and more:  http://www.w3schools.com/css/css3_backgrounds.asp
****************************
*/

/*remove this slash/splat when putting in the image - you can't do video without some html  */
body
{
  background-image:url("https://spokares.org/images/cloud-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/*
You will only need to replace the route for the location of your image, for the background on the content this is the code: *****************************************
*/

/*
container
{
  background-image:url("../.../image.png");
}
*/
#main
{
background: white;
  /*opacity: .8;*/
/*background:rgba(0. 0. 0. 0.9);*/
}



h1, h2, h3, h4, h5, h6
{
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

p
{
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.piwigo
{
background-color: #000000;
    opacity: 1.0;
  /*opacity: 1.0;
/*  min-height: 20px;
  padding-top: 19px;
  padding-right: 19px;
  padding-bottom: 19px;
  padding-left: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e3e3e3;
  border-right-color: #e3e3e3;
  border-bottom-color: #e3e3e3;
  border-left-color: #e3e3e3;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; */
}

.darkwell
{
  min-height: 20px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #696969;
  border-right-color: #696969;
  border-bottom-color: #696969;
  border-left-color: #696969;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
  box-sizing: border-box;
  color: #FFFFFF;
  opacity: 0.6;
}

.lightwell
{
  min-height: 20px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #696969;
  border-right-color: #696969;
  border-bottom-color: #696969;
  border-left-color: #696969;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
  box-sizing: border-box;
  opacity: 0.7;
}

/*.navbar-inner
{
  background-color: #000000;
  opacity: 0.7;
}*/