/*
   Style Sheet for Alphecca display gallery installed on 
   ARTEMeS server.
*/

/* reset everything */

body {
  margin: 20;
  font-family: "verdana", "tahoma", "arial", "helvetica", sans-serif
  background-color:#ffffff;
  background-image:url('images/gradient.jpg');
  background-repeat:repeat-x;
}


#wrapper {
 width:1080px;
 margin:0 auto;
  font-family: "verdana", "tahoma", "arial", "helvetica", sans-serif

}

/* Headings */
h6 { font-size: 70% }
h5 { font-size: 80%;
     color: white; }

h4 { font-size: 80% }

h3 { font-size: 100%;
     color: yellow;
   }

h2 { font-size: 120%;
     color: black;
     line-height: 2.0
   }

h1 { font-size: 150%;
     color: white;
     line-height: 3.0
   }

/* Links */
a { color: blue;
    text-decoration: none }

h4 a { color: white;
    text-decoration: none }

/* Line spacings */
P {  line-height: 1.6;
     margin-top: 1em 
  }

/* Tables transparent */
table {
     border: black;
     background-color: transparent
  }
td {
     background-color: transparent
  }

/* Unformatted lists */
ul.a {
    list-style-type: circle;
}

li {
    margin-top: 1em 
}

ul.a img {
  vertical-align: middle
}


#header {
 float:left;
 background:#000000;
 margin: 10px 0 0 0;
 width: 100%;
 height: 104px;
}

#main_content 
{
 float:left;
 margin: 10px 5px 10px 0;
 width:800px;
 color: black
}

#sidebar {
 float:left;
 margin: 10px 0px 5px 5px;
 width: 250px;
 color: white
}


@media only screen and (max-width: 380px) {

  #main_content   
  {
    margin: 10px 5px 10px 0;
    width:450px;
  }

  #sidebar {
    width:100%;
    margin: 10px 5px 10px 0px;
  }

}



#footer {
 clear:both;
 float:left;
 background:#ddd;
 width: 100%;
 height: 100px;
}