/* colors and borders */
a:hover, 
h1,
#breadcrumbs a:hover,
#breadcrumbs #login a,
div.info h4,
.eip_savebutton,
.albumoptions textarea,
.albumoptions input,
div#loadingBigImage,
span.rating:hover,
.white { color: #fff; }

body,
#breadcrumbs a,
.eip_empty,
.eip_saving,
div#title a,
a,
.grey { color: #a6a6a6; }

h2,
.eip_cancelbutton,
p.thumb a,
span.rating,
.dkgrey { color: #777; }

.verydkgrey { color: #444; }

div.login,
.black { color: #000; }

.msg_success,
.successgreen { color: #64ff64; }

.msg_fail,
.failred { color: #ff474b; }

body,
div#loginoptions,
.bgblackish { background-color: #292929; }

.eip_savebutton,
.bgsaveblue { background-color: #0063dc; }

.eip_mouseover,
span.tagcloud:hover,
.albumoptions textarea,
.albumoptions input,
.bgmedgrey { background-color: #555; }

.eip_cancelbutton,
div.login,
div#loadingBigImage,
.bgltgrey { background-color: #ddd; }

div.unauthorized,
.bgltred { background-color: #fcc; }

.eip_savebutton,
.eip_cancelbutton,
.eip_savebutton,
.noborder { border: 0; }

div.thumbs#mainarea,
#breadcrumbs,
.bordertopbottomgrey { 
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

div#mainarea,
.bordertopgrey { 
	border-top: 1px solid #444;
}

body.slideshowpage div#title,
.borderbottomgrey { 
	border-bottom: 1px solid #444;
}

div#loginoptions,
input.eip_mouseover,
div.message,
div#loadingBigImage,
.bordergrey {
	border: 1px solid #777;
}

div#thumbnav img,
.borderdkgrey {
	border: 1px solid #292929; 
}

div#thumbnav img:hover,
div.login,
.borderwhite {
	border: 1px solid #fff;
}

div.unauthorized,
.borderred {
	border: 1px solid red;
}

/* text */

body,
.maintext {
	font:0.8em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	line-height:1.4;
}

div#exif h4,
.eip_cancelbutton,
.eip_savebutton,
.bold { font-weight: bold; }

h1, h2, h3, h4, h5,
.nobold { font-weight: normal; }

a:hover,
span.tagged,
.underline { text-decoration: underline; }

a,
.nounderline { text-decoration: none; }

span.rating,
.small { font-size: 75%; }

/* general and layout */

body { margin: 0; padding: 20px 40px; }
img { border: 0; }
a { outline: none; }

div#loginoptions { position: absolute; right: 40px; top: 50px; padding: 5px; }
div.login { position: absolute; right: 40px; top: 50px; padding: 0 15px 35px 15px; width: 300px; }
div.login dt { float: left; width: 110px; margin-top: 3px; }
div.login .submit { float: right; }
div.login div.unauthorized { padding: 10px; }

div#breadcrumbs { padding: 10px 0; }
div#breadcrumbs span#login { float: right; }

div#title { padding: 10px 0 0 0; }
div#title h1, div#title h2 { display: inline; }
div#title h1 { margin-right: 10px; }

div#mainarea { padding: 10px 0 0px 0; margin: 10px 0; }
div.thumbs#mainarea { padding: 10px 0 20px 0; margin: 10px 0; }
div#mainimage { float: left; margin-right: 30px; margin-bottom: 5px; border: 0; overflow: hidden; width: 640px; height: 580px; }
div#mainimage2 { float: left; margin-right: 30px; margin-bottom: 20px; border: 0; overflow: hidden; width: 640px; height: 427px; position: relative; }
/*div#loadingBigImage { position: absolute; left: 39px; top: 125px; width: 60px; height: 21px; padding: 203px 290px; text-align: center; opacity: 0.5; background-color: #ccc; color: black; font-weight: bold; }*/
div#loadingBigImage { float: left; padding: 203px 290px; text-align: center; position: relative; opacity: 0.5; background-color: #ccc; color: black; top: -427px; margin-top: -20px; font-weight: bold; }
div#prevrect { width: 10px; height: 5px; }
div#prevrect, #mainimage #dragThumb { position: absolute; opacity: 0.5; bottom: 10px; right: 10px; border: 1px solid white; z-index: 2000; }

/* Rotation of image using the canvas tag, which works in Firefox and Safari both. */
div#mainimage.LeftHandBottom, div#mainimage.RightHandTop { height: 780px; width: 640px; margin: 10px 30px 0 0; position: relative; }
div#mainimage.RightHandTop #mainimage2, div#mainimage.LeftHandBottom #mainimage2 { height: 640px; width: 640px; padding: 0; margin-left: 106px; margin-right: -106px; }
div.RightHandTop #medimage, div.LeftHandBottom #medimage { display: none; }
/* div#mainimage.LeftHandBottom #loadingBigImage, div#mainimage.RightHandTop #loadingBigImage { width: 427px; height: 340px; margin: 0 0 0 0; padding: 300px 0 0 0; position: absolute; top: 0; left: 106px; }  */

p#footer { float: left; }
body.imagepage p#footer { margin-top: 0px; }

img#medimage { display: block; }
img#draggableFullSize { display: none; position: relative; }
img#dragThumb { opacity: 0; display: none; z-index: 3000; }

div.albumoptions#mainarea h3 { margin-bottom: 4px; }

p.thumb { float: left; width: 133px; height: 155px; margin: 5px; text-align: center; }
p.thumb img { margin-bottom: 5px; margin-top: 20px; }
p.thumb img.portrait { margin-top: 0; }

div.paging { padding-top: 10px; }
div.numperpage { float: right; }

div#thumbnav { float: left; position: relative; padding: 0; margin-top: 0px; width: 634px; height: 90px; overflow: hidden; }
div#thumbnavInner { position: absolute; top: 0px; }
div#thumbnavInner img { position: absolute; width: 40px; height: 30px; top: 0px; }
div#thumbnavInner img.thumbicon:hover { width: 133px; height: 88px; top: 0px; left: -10px; z-index: 1; }
div#thumbnavInner img.thisthumb { border: 1px solid white; }
div#thumbnav img.arrow { width: 10px; height: 20px; opacity: 0.3; margin-top: 5px; }
div#thumbnav img.arrow:hover { opacity: 0.8; border: 0; }
div#thumbnav img#leftarrow { margin-left: 5px; }
div#thumbnav img#rightarrow { margin-left: 625px; margin-top: -21px; }

div.info { width: 150px; float: left; margin-right: 20px; margin-bottom: 10px; }
div.info h3 { margin: 0 0 5px 0; }
div.info h4 { font-size: 0.8em; margin: 0; }
div.info p { font-size: 0.8em; margin: 0; margin-bottom: 5px; }

div.gallery { margin: 50px auto; }
div.galleryControls { text-align: right; }
body.slideshowpage div#title { padding-top: 10px; padding-bottom: 10px; }

span.tagcloud { margin: 0 0.2em; }
span.tagcloud.size0 { font-size: 1.8em; }
span.tagcloud.size1 { font-size: 3.0em; }
span.tagcloud.size0x { font-size: 0.8em; }
span.tagcloud.size1x { font-size: 1.0em; }
span.tagcloud.size2 { font-size: 1.2em; }
span.tagcloud.size3 { font-size: 1.4em; }
span.tagcloud.size4 { font-size: 1.6em; }
span.tagcloud.size5 { font-size: 2.0em; }
span.tagcloud.size6 { font-size: 2.5em; }

/* EditInPlace */

.eip_mouseover { width: 150px; }
.eip_saving img{ vertical-align: text-top; }
.eip_cancelbutton { opacity: 0.7; margin-top: 2px; }
.eip_cancelbutton:hover { opacity: 1.0; }
.eip_savebutton { opacity: 0.7; margin-top: 2px; }
.eip_savebutton:hover { opacity: 1.0; }

span#editableTitle_editor br { display: none; }
span#editableTitle_editor .eip_mouseover { width: 300px; }