@charset "UTF-8";


#wallpaper h2{
width:750px;
margin:20px 0 10px 0;
}
#wallpaper .box{
	width:730px;
	margin:0 auto 15px;
}
#wallpaper .box:after,
#wallpaper .box .howto:after,
#wallpaper .box .howto ul.contentsSwap:after {
font-size:1px;
content: "";
display: block;
height: 0;
clear: both;
}
#wallpaper .box,
#wallpaper .box .howto,
#wallpaper .box .howto ul.contentsSwap{
zoom: 1;
}
#wallpaper .box h3.lead{
	float:left;
}
#wallpaper .box .howto{
	float:right;
}
#wallpaper .box .howto ul.contentsSwap li{
	float:right;
	margin-left:10px;
}

#wallpaper .pager{
	margin:10px 0;
	padding:5px;
	background-color:#efefef;
	color:#333;
	text-align:center;
}
#wallpaper .pager a:link{
	color:#999900;
	text-decoration:underline;
}
#wallpaper .pager a:hover{
	color:#336633;
	text-decoration:underline;
}

#wallpaper p.screenSize{
	color:#333;
	padding-left: 10px;
}
#wallpaper p span{
	background-color:#FF9;
}

#wallpaper p a:visited {
	color:#CDCDCD;
	text-decoration:underline;
}


#backnumber{
	width:725px;
	padding-left:25px;
	color:#000;
}
#backnumber:after{
font-size:1px;
content: "";
display: block;
height: 0;
clear: both;
}
#backnumber{
	zoom: 1;
}
#backnumber a:link{
	color:#999900;
	text-decoration:underline;
}
#backnumber a:hover{
	color:#336633;
	text-decoration:underline;
}
#backnumber .boxlist{
	float:left;
	width:160px;
	margin:0 20px 20px 0;
}
#backnumber .boxlist ul li{
	list-style-type: none;
}

/*

	GalleryView Stylesheet

	Use the CSS rules below to modify the look of your gallery.

	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file.
		   Refer to README.txt to review markup requirements.

	<div class="gallery">
		<div class="gv-panel_wrap">
			<div class="gv-panel">
				<img src="path/to/image.jpg" />
				<div class="gv-panel-overlay">
					...overlay content...
				</div>
				<div class="gv-overlay-background"></div>
			</div>
		</div>
		<div class="gv-strip_wrapper">
			<ul class="gv-filmstrip">
				<li class="gv-frame current">
					<img src="path/to/thumbnail.jpg" />
					<div class="gv-caption">caption text</div>
				</li>
				<li class="gv-frame">
					<img src="path/to/thumbnail.jpg" />
					<div class="gv-caption">caption text</div>
				</li>
			</ul>
		</div>
	</div>


*/

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */

/* GALLERY CONTAINER */
.gv-gallery { overflow: hidden; }

/* LOADING BOX */
.gv-loader { background: url(/wallpaper/css/loader.gif) center center no-repeat #fff; }


/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

/* GALLERY PANELS */
.gv-panel { filter: inherit; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.gv-panel .gv-panel-overlay,
.gv-panel .gv-overlay-background { height: 5em; padding: 1em;}

/* PANEL OVERLAY BACKGROUND */
.gv-panel .gv-overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.gv-panel .gv-panel-overlay { color: white; }
.gv-panel .gv-panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* CONTENT PANELS */
.gv-panel-content { overflow-y: auto; }


/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/


/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.gv-filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv-frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv-frame .gv-img_wrap {}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv-frame.current .gv-img_wrap {}

/* FRAME IMAGES */
.gv-frame img { border: none; }

/* FRAME CAPTION */
.gv-frame .gv-caption { height: 2em; line-height: 2em; font-size: 1em; text-align: center; }

/* CURRENT FRAME CAPTION */
.gv-frame.current .gv-caption { }

/* POINTER FOR CURRENT FRAME */
.gv-pointer {
	border-color: black;
}

/* NAVIGATION BUTTONS */
.gv-nav-next {
	height: 22px;
	width: 22px;
	cursor: pointer;
	background: url(/wallpaper/css/themes/light/next.png) top left no-repeat;
}
.gv-nav-prev {
	height: 22px;
	width: 22px;
	cursor: pointer;
	background: url(/wallpaper/css/themes/light/prev.png) top right no-repeat;
}
.gv-panel-nav-next {
	height: 42px;
	width: 42px;
	cursor: pointer;
	background: url(/wallpaper/css/themes/light/panel-nav-next.png) top left no-repeat;
}
.gv-panel-nav-prev {
	height: 42px;
	width: 42px;
	cursor: pointer;
	background: url(/wallpaper/css/themes/light/panel-nav-prev.png) top right no-repeat;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .gv-pointer {
	filter: chroma(color=pink);
}




#myGallery {
	margin: 0 auto 15px;
	width: 730px;
	background: none repeat scroll 0 0 #000;
	position: relative;
	visibility: hidden;
	}
	.gv-panel-overlay h3 {
	color: white; margin-bottom: 0.25em;
	}