/*************************************************/
/* CSS Styles for normal version of WYNDSTORM    */
/* Last Updated: May 06	  					     */
/*************************************************/

/***************************/
/* Generic Styles          */
/***************************/

img {
	padding: 0;
	margin: 0;
	border: 0;
	}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/***************************/
/* Body Styles             */
/***************************/
   
html, body{
	color: #aaa;
	background: #262626 url(../images/back.png) top center repeat-x;	
	font: 13px "Helvetica Neue", Helvetica, Myriad, "Myriad Pro", Arial, sans-serif;
	margin:0px;	
	padding:0px;
	height: 100%;
	 
}


#header {
	margin:0px auto;	
	width:100%;
	background:#111;
	/*background: #111 url(../images/title.jpg) no-repeat bottom center;*/
	background:url(../rotate/rotate.php) top center no-repeat;
	text-align:center;
	padding:0px 0px 10px 0px;

}


#container {

	margin:0px auto;
	text-align:center;
	width:900px;
	padding:5px;
	background:#000 url(../images/backbottom.jpg) bottom center repeat-x;
}

#sidebar {
	float:left;
	right:0px;
	width:100px;
	margin: 0 auto;
	padding: 5px;
	background: #333;

}

#sidebar2 {

	background: #222;
	padding: 5px;

}

#sidebar3 {

	background: #ccc;
	
}

#content{

	padding: 5px;
	border: 0px solid #222;
	background: #222;

}


#content2 {

	position: relative;
	border: 1px solid #222;
	background: #111;

	
	
}

#content3 {
	
	/*border: 1px solid #aaa;*/
	background: #ccc;
	padding: 10px;
	margin: 12px;
	display:block;
	height:250px;
	
}

#content3 p {
	
	line-height: 22px;
	text-align:left;
	padding: 0 0 0 330px;
	
}

#footer {
	padding:5px;
	color: #111;
	width:500px;
	margin:0 auto 5px;
	background: #333;
	clear:both;
	font: 11px Verdana, "Times New Roman" Georgia Times serif;
}

/***************************/
/* Text Styles          */
/***************************/

h1 {
	text-align: left;
	font: small-caps 18px Verdana "Times New Roman" Georgia Times serif;
	color: #999;
	border-bottom: solid #333 1px;
	padding: 0 0 0 10px;
	margin:5px 0 5px 0;

}

h2 {

	padding: 0 0 0 320px;
	text-align: left;
	font: small-caps 15px Verdana "Times New Roman" Georgia Times serif;
	color: #222;
	
}

h3 {

	color: #111;
	border: 1px solid #aaa;
	background: #ccc;

}

h4 { 
	font: small-caps 55px Verdana "Times New Roman" Georgia Times serif;
	color: #444;
	padding:0;
	margin:0;
}


h5 {

	padding: 0 0 0 10px;
	text-align: left;
	font: bold small-caps 15px Verdana "Times New Roman" Georgia Times serif ;
	color: #ddd;
	
}
hr {

	color: #333;

}

p {
	
	line-height: 22px;
	text-align:left;
	color: #777;
	font: Lucida Sans, Georgia, "Times New Roman", Times, serif;
	padding: 0 20px 0 20px;
	
}

/***************************/
/* Table Styles          */
/***************************/


/***************************/
/* Table Styles          */
/***************************/

#wallpaper {
	text-align:left;
	border-left:1px dotted;
	border-right:1px dotted;
	border-top:2px solid;
	border-bottom:2px solid;
	border-color: #aaa;
	background:#fff; 
}

#gallery_light {

	text-align:left;
	margin:10px;
	border-left:1px dotted;
	border-right:1px dotted;
	border-top:2px solid;
	border-bottom:2px solid;
	border-color: #aaa;
	background:#fff; 


}

#gallery_title {

	width:100%;
	height:25px;
	background: url(../images/titlebackground.png);
	font: 20px Helvetica, "Helvetica Neue", Arial bold;
	text-transform: uppercase;
	color: #ddd;
	margin:0px 0px 5px 0px;

}


/***************************/
/* Form Styles          */
/***************************/

#formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#111;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}
#formtable{
color:#ddd;
}

#input {
width: 350px; border: 1px solid gray
}

/*********************************/
/* Gallery Popup Styles          */
/*********************************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fefefe;
padding: 5px;
border: 1px solid #bbb;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: -250px; /*position where enlarged image should offset horizontally */

}

/***************************/
/* List Styles          */
/***************************/
li.rss-items
{
	list-style: none;
	margin: 0;
}

ul.rss-items {
	
	list-style-type: arrow;
	text-align:left;
	clear:both;
	display:block;
}

.rss-items {
background:#000	;
padding: 20px;
margin: 0 10px 0 10px;
text-align:left;
}

#menu { margin:5px;}
#menu ul {	list-style-type: none;
	padding: 0;
	margin: 0;}
#menu li { list-style: none; margin: 5px; padding: 0 0 0 3px;
}
#menu li a span, #menu li a em { display:none; }
#menu li a { display:block; height:64px; width:64px; background-position:left top; }
#menu li a:hover span { display: block; position: relative; width:200px; height:100px; 
		left:-18px; top:-18px; z-index: 1; background:left bottom no-repeat; }
#menu li#home a, #menu li#home a:hover span { background-image:url(../png/big/top.png); }
#menu li#fireball a, #menu li#fireball a:hover span { background-image:url(../png/big/fireball.png); }
#menu li#text a, #menu li#text a:hover span { background-image:url(../png/big/text.png); }
#menu li#gallery a, #menu li#gallery a:hover span { background-image:url(../png/big/ring.png); }
#menu li#downloads a, #menu li#downloads a:hover span { background-image:url(../png/big/downloads.png); }
/***************************/
/* Shadow Styles          */
/***************************/

.alpha-shadow {
	float: left;
	background: url(../images/shadow/shadow1.gif)
  	no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(../images/shadow/shadow2.png)
  no-repeat left top !important;
  background: url(../images/shadow/shadow2.gif)
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
a img{border-width:0;}

.headLinks a:link {
font-family: Helvetica, Arial, sans-serif;
font-size:28px;
text-decoration:none;
}
.headLinks a:hover {
font-family: Helvetica, Arial, sans-serif;
font-size:28px;
text-decoration:none;
}
.headLinks a:visited {
font-family: Helvetica, Arial, sans-serif;
font-size:28px;
text-decoration:none;
}
.headLInks a.active {
	color:#999;
}

.headLInks a{ padding: 0 10px 0 10px; }