/* 

This stylesheet is designed to be use ONLY on the Gallery folder. Everything inside the Gallery folder will use this "inverted.css" stylesheet.

- Because there are two seperate stylesheets, common sense tells us that if we make a change on the "stylesheet.css" file, we would need to change it on the "inverted.css" as well.
- Please know that codes inside this stylesheet IS DIFFERENT from the "stylesheet.css" file.
- Everything here is pretty much the same as the "stylesheet.css". So, I will not thoroughly explain everything again but I will for only some of them.
- Please note that the stylesheet is editable and are arranged in chronological order. Be warn that some IDs and classes are not recommended to be changed because it can easily ruin the layout and the overall design of the website.
- Please make a backup copy of this stylesheet before attempting to edit it in case something happpened to be wrong.
- Should there be a problem or misunderstanding, please feel free to email me at iam@naruthk.com and/or naruth1212@hotmail.com .

Last updated: May 15, 2012 

*/

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

/* General */
body {
	background-color:#36393a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:0;
}
a, a:visited #content {
	border:0; color:#2bb0e8;
	text-decoration:none;
}
a:hover {
	color:#2bb0e8;
	border-bottom:1px solid #7bd8ff;
	text-decoration:none;
}
img {
	border:0;
	text-align: center;
}


.outerwrap {
	width:970px;
	margin:auto;
}
#mainpg {
	padding:5px 40px 5px 40px;
	width:900px;
	background-color:#333; /* Background changes from originally white to darker gray */
	border-bottom:10px solid #07aaff;
}
#content {
	padding:0 40px 5px 40px;
	width:900px;
	background-color:#333; /* Background changes from originally white to darker gray */
	border-top:10px solid #ff9d33;
}
#logo {
	margin:auto;
	text-align: center;
}
.welcome {
	font-size:20px;
	background-color:#36393a;
	color:#FFFFFF;
	width:910px;
	margin:auto;
	padding:15px 0 15px 0;
	text-align:center;
}
.footernote {
	font-size:14px;
	background-color:#36393a;
	color:#FFFFFF;
	width:890px;
	margin:auto;
	padding:15px 0 15px 0;
	text-align:left;
}
.footernote a, .footernote a:visited {
	color:#7bd8ff;
	padding-bottom:3px;
	border-bottom:1px solid #c6c6c6;
	text-decoration:none;
}
.footernote a:hover {
	color:#7bd8ff;
	padding-bottom:3px;
	border-bottom:1px solid #7bd8ff;
	text-decoration:none;
}

/* Navigation - If you change the Navigation menu on the "stylesheet.css", then add it to this one as well. */
#navigation {
	display:block;
	margin:0 0 10px 0;
}
#navigation ul {
	margin:0;
	padding:0;
}
#navigation li {
	display:inline;
	width:128px;
	float:left;
	line-height:50px;
	margin-right:20px;
	font-size:18px;
	text-align:center;
	border-right:1px solid #cfcfcf;
	}
.item {
	display:block;
	color:#7c7c7c;
	width:128px;
	height:50px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	border-right:1px solid #312d2d;
	border-left:1px solid #312d2d;
	background-color:#202020
	}
.item:hover {
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #312d2d;
}

/* Newsitem can be used to style a paragraph, an image, or even a heading */
.newsitem {
	padding:2px 15px 10px 15px;
	margin-bottom:10px;
	border-left:5px solid #ffbf43;border-bottom:5px solid #ffbf43;
	color:#FFF;
	font-size:20px;
}
.newsitem2 {
	border-left:5px solid #ffde84;border-bottom:5px solid #ffde84;
	padding:2px 15px 10px 15px;
	margin-bottom:10px;
} .boxwrap {line-height:21px;}

/* Other Stuff - Dont change */
#navigation a:hover { border-bottom:0;} li { margin-bottom:10px;}

/* Gallery section */
  h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    padding: 10px;
  }
  ul {
    list-style-image:url(../list-style.html);
  }
  #gallery {
    padding: 35px;
	background-color:#202020;
	width:820px;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }