html {
/* Moz */
height: 100%;
}


body {
background:#ADADAD url(http://www.photography001.com/img/bg.jpg) repeat scroll 0 0;
margin:0;
padding:0 0 50px;
text-align:center;
}


/* << ----------------// Slidebar //---------------->> */

div#mfslideBar {
background: #999999 url(../../../../img/menu_bg.jpg) repeat scroll 0 0;
border:1px solid #555555;
z-index:100;
/*
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6; 
*/
}

div#mfslideBarContentsInner a:link, div#mfslideBarContentsInner a:visited {
background:#555555 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
padding:3px;
text-decoration:none;
width:172px;
}

div#mfslideBarContentsInner a:hover {
background:#cccccc none repeat scroll 0 0;
color: #333333;
}

div#mfslideBarContentsInner ul {
list-style-type:none;
margin:5px 0 0;
padding:0;
}

div#mfslideBarContentsInner li {
margin:0 0 4px;
padding:0;
}

#mfslideBarContentsInner p {
color:#F3EEEA;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
margin:20px 0 10px;
}

#main {
margin:20px auto;
padding:10px;
position:relative;
text-align:left;
width:900px;
}


#header {
margin:0;
padding:5px;
width:890px;
height:90px;
color:#ffffff;
text-align:right;
}

#footer {
color: white;
clear:both;
font-size: 14px;
}

#padbox {
position: relative;
/* width: 555px; */
}



#credit, #sort {
clear:both;
color:#F9F6F3;
font-size:120%;
letter-spacing:0.1em;
margin:0 auto;
text-align:center;
width:640px;
}



#credit a, #sort a {
border-right:1px solid #333333;
color:#F9F6F3;
display:inline;
padding:0 15px;
text-decoration:none;
}

#credit a:last-child, #sort a:last-child {
border-right:none;
}


#credit a:hover, #sort a:hover {
color: #333333;
}


#gallerytitle {
margin-bottom:5px;
padding-bottom:5px;
position:relative;
/*min-height: 40px;
  _height: 40px;*/
}



#gallerytitle h2 { 
font-weight: normal; 
font-size: 12pt; 
margin-top: 18px;
width:510px;
}


/* ----------------------------- Link Styles  ------------------------------- */

a:link, a:active, a:visited { 
text-decoration: underline; color: #17A; 
}

a:hover, a:focus { 
text-decoration: underline; color: #6BD; 
}



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

body {
font: normal 82% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
}


h2 {
font: 115% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: normal;
}



h2 a:link, h2 a:visited {
text-decoration: none;
}


h2 span {
color: #8DB8CF;
}


h2 a:hover {
color: #94c2e5;
text-decoration: none;
}



h3 {
font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
margin-top: 30px;
}



h3 a:link, h3 a:visited { 
text-decoration: none; 
}


h3 a:hover { 
text-decoration: underline; 
}



/* Miscellaneous



------------------------------ */


hr {
clear: both;
height: 0;
border: 0;
border-top: 1px solid #E6E6DF;
margin: 0 0 12px 0;
padding: 0;
}


img {
border: 0;
}



blockquote {
border-left: 1px dotted #96967E;
margin-left: 20px;
padding-left: 20px;
color: #363630;
}


#imagemetadata {
text-align: right;
position: relative;
display: none;
}


#imagemetadata table {
text-align: left;
line-height: 1em;
border: 1px solid #ccc;
position: absolute;
top: 2em;
right: 0px;
background-color: #fafafa;
}


#imagemetadata table td {
border-bottom: 1px solid #f0f0f0;
background-color: #f8f8f8;
padding: 2px 5px;
}


/* Page Navigation


------------------------------ */

ul.pagelist {
clear: both;
padding: 0;
margin: 20px 0 0 0;
list-style-type: none;
}


ul.pagelist li {
display: inline;
}



ul.pagelist li a, ul.pagelist span.disabledlink {
padding: 4px;
}



ul.pagelist li.current a {
font-weight: bold;
text-decoration: none;
cursor: default;
color: #5A5A4B;
}



ul.pagelist li.prev {
margin-right: 10px;
}


ul.pagelist li.next {
margin-left: 10px;
}


.disabledlink {
color: #ddd;
cursor: default;
}


.pagenav {
clear: both;
}


.disabled_nav {
visibility: hidden;
}



/* ############################ Album ###################################### */

#test{
color:blue;
font-size:14px;
}

#albumDesc {
clear:both;
left:660px;
position:absolute;
text-align:justify;
top:75;
width:230px;
}

#albumDescRight {
float:right;
margin-top:2px;
padding:2px;
text-align:justify;
width:340px;
}

#albumDescRight br {
line-height:2px;
}

#albumDescRight p {
margin:-5px 0 15px;
}

#albumDescRight660 {
float:right;
text-align:justify;
width:230px;
}

#albumDescRight660 br {
line-height:2px;
}

#albumDescRight660 p {
margin:0 0 15px;
}

#albumDescRight660 h3 {
margin:0 0 15px;
}

#albumDescEditable, #albumTagsEditable {
margin-bottom: 12px;
}

#images {
/* float:right; */
}


/* ############################# Image  ##################################### */
/*
#arrowUp {
left:15px;
position:absolute;
top:200px;
z-index:20;
}
*/
#arrowUp {
left:25px;
position:absolute;
top:295px;
z-index:20;
}

/*
#arrowLeft {
left: 10px;
position:absolute;
top: 300px;
z-index:20;
}
*/

#arrowLeft {
position:absolute;
right:40px;
top:300px;
z-index:20;
}
/*
#arrowRight {
position:absolute;
right:10px;
top: 300px;
z-index:20;
}
*/
#arrowRight {
position:absolute;
right:-14px;
top:300px;
z-index:20;
}

#imageTitle {
color:#333333;
font-family:georgia;
font-size:16px;
font-weight:bold;
letter-spacing:0.15em;
margin:20px auto;
right:5px;
text-align:center;
text-transform:uppercase;
}

#onBorderImageTitle {
color:#CCCCCC;
font-size:12px;
letter-spacing:0.25em;
margin:-22px auto 0;
text-align:center;
text-transform:uppercase;
}

#AlbumTitle {
color:#000000;
font-family:Georgia;
font-size:150%;
letter-spacing:0.2em;
position:absolute;
right:14px;
text-align:right;
text-transform:uppercase;
top:4px;
width:600px;
}


#exif_link {
float: right;
}


/* ----------------------------- Tags --------------------------------------- */



.taglist ul {
display: inline;
list-style-type: none;
}


.taglist ul li {
background: url(../images/tag.png) no-repeat left center;
list-style-type: none;
padding-left: 18px;
float:left;
padding-right: 5px;
color: #999999;
display: inline;
list-style-type: none;
}


.taglist .tags_title {
background: none;
padding-right: 5px;
padding-left: 0;
}



/* Image Thumbnails ######################################################### */


.imagethumb a, .imagethumb a:hover {
border:1px solid #cccccc;
display:block;
line-height:0;
margin:0 9px 9px 0;
padding:0;
}


.imagethumb a:visited {
border: 1px solid #e6e6e6;
}

.imagethumb a:hover {
border: 1px solid #f8f8f8;
}


.imagethumb {
float: left;
}


.albumdesc2 {
line-height: 18px;
}


/* ####################  Album Thumbnails  ################################## */


#albums {
float:left;
width:660px;
}

#albums h2 {
border-bottom:1px solid #DDDDDD;
color:#F9F4F1;
font-weight:bold;
width:641px;
}


.album {
float:left;
height:145px;
line-height:100%;
margin:0 10px 10px 0 !important;
margin-right:0;  /* for IE6 */
padding:0;
width:120px;
}

.album a img {  
border:1px solid #cccccc;
}

.album a:hover img {  
border:1px solid #E7F0F5;
}

.album .thumb {
float: left; 
margin-right: 6px important!;
margin-right: 4px; /* for IE6 */
}



.album h3 {
padding: 0;
margin: 0;
}


.album p {
line-height: 12px;
font-size: 11px;
padding: 4px 0px 0px;
margin: 0px;
}

.albumdesc  {
margin-top:3px;
text-align:center;
}

.albumdesc small {
color: #8DB8CF;
}

.albumdesc a:link, .albumdesc a:active, .albumdesc a:visited {
color:#333333;
display:block;
text-align:center;
text-decoration:none;
width:120px;
}

.albumdesc a:hover {
color: #FCF9F3;
}

#galleryDesc {
float:left;
text-align:justify;
width:240px;
}

#galleryDesc h3 {
color: #333333;
font-size:16px;
}


/* ---------------------- Individual Image ------------------------------ */


.image { 
margin: 0;
padding: 0;
border: 0;
}


#image {
text-align: center;
line-height: 0;
position:relative;
}

#image img {
border-color:white;
border-style:solid;
border-width:25px 25px 40px;
}


.imgnav {
float: right;
width: 140px;
text-align: center;
border: 1px solid #D5E6EE;
background: #EEF5F9;
margin-top: -10px;
}



.imgnav .imgprevious a, .imgnav .imgnext a {
display: block;
width: 50%;
height: 100%;
float: left;
padding: 4px 0;
font-size: 120%;
text-decoration: none;
line-height: 180%;
color: #237898;
}



.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
background-color: #fff;
text-decoration: none;
color: #002E5B;
}



.imgnav .imgprevious a {
float: left;
}



.imgnav .imgnext a {
float: right;
}

#narrow {
/*line-height:20px; */
margin:20px auto;
position:relative;
/* text-align:justify; */
width:550px;
}

/*
#narrow span#editable_2, #narrow span.zp_uneditable, #narrow span.zp_editable {
color:#333333;
font-size:14px;
left:0;
position:relative;
}
*/

/* ------------------------------ Comments  ------------------------------ */


#comments {
clear: both;
}


.error { 
color: #C33; 
font-weight: bold; 
}


.comment {
padding: 10px;
border: 1px solid #E7F0F5;
background: #FBFCFD;
margin-bottom: 12px;
}


.commentmeta {
margin-bottom: 12px;
}


.commentauthor {
font-weight: bold;
}



.commentdate {
margin-top: 12px;
color: #8DB8CF;
font-size: 85%;
}


/* ----------------------------- Forms -------------------------------------- */



.inputbox {
width: 250px;
padding: 2px;
}



textarea {
padding: 4px;
width: 100%;
color: #5A5A4B;
font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.checkbox {
cursor: pointer;
}


.pushbutton {
cursor: pointer;
padding: 5px 10px;
}


label {
cursor: pointer;
}


label:hover {
color: #000;
}


#map {
margin-left: -77px;
}
 

#rating { 
margin-top: 10px; 
}


/* Admin Toolbox


------------------------------ */


#admin, #admin_data{
position: fixed;
right: 0px;
top: 0px;
width: 130px;
border-bottom: 1px solid #E6E6DF;
border-left: 1px solid #E6E6DF;
background: #fff;
z-index: 2; 	
text-align: left;
}



#admin_data{
top: 0px;
padding-top: 20px;
z-index: 1;
line-height: 1.6em;
}


#admin h3 {
font-weight: normal;
color: #999;
margin:0;
padding:0; text-align: center;
}


#admin h3:hover { 
color: #036; 
}


/* Search Box
 

------------------------------ */


#search {
float: right;
text-align: left;
margin:0;
padding:0;
background: #fff;
}


#search input.pushbutton {
padding: 1px;
font-size: 80%;
}


#search a {
text-decoration: none;
}


#search ul {
border: 1px solid #ccc; position:absolute; text-align:left; list-style: none; 
height: 8em; width: 20em; overflow: auto; 
background-color: white;
}


#searchfields_icon {
position: relative;
top: 4px;
}



.clear {
clear:both;
height:10px;
}


/* Archive View


---------------------------- */


#archive{
width: 300px;
margin: 0 auto;
text-align: center;
}


ul.archive * {
padding:0;
margin:0;
list-style:none;
}


ul.archive .year {
margin-top:10px;
text-align: center;
margin-bottom:5px;
font-weight:bold;
font-size:18px;
}


ul.archive .month {
font-size: 14px;
list-style:none;
border-top:2px solid #E6E6DF;
padding-top: 5px;
}


/* Tag Cloud


---------------------------- */


#tag_cloud {
text-align: center;
background: #eee;
}


#tag_cloud ul li {
display: inline;
list-style-type: none;
}


#tag_cloud p {
padding:10px 0;
margin:20px 0;
background: #fff;
border-top: 3px solid #E6E6DF;
border-bottom: 3px solid #E6E6DF;
font-size: 18px;
font-weight:bold;
text-align: center;
}


/* Error Messages


------------------------------ */


.errorbox {
padding: 20px;
background-color: #FDD;
border-top: 1px solid #FAA;
border-left: 1px solid #FAA;
border-right: 1px solid #FAA;
border-bottom: 5px solid #FAA;
margin-bottom: 10px;
font-size: 100%;
color: #DD6666;
}


.errorbox h2 {
color: #DD6666;
font-size: 100%;
font-weight: bold;
margin: 0px;
}


/* Zenphoto link


------------------------------ */

#zen-part {
font-family: Arial, Helvetice, sans-serif;
font-size: 1.8em;
font-weight: 100;
}


#photo-part {
font-family: Arial, Helvetice, sans-serif;
font-size: 0.9em;
font-weight: bold;
}


/* centering flowplayer 3 on image.php */


#image .flowplayer {
margin: 0 auto;
}


/* login form */



table.password td.userlabel{
text-align:right;
}



table.password td.userinput{
text-align:left;
}


table.password td.userinput input, td.passwordinput input {
width: 15em;
}


/* login form */


table.password td.passwordlabel{
text-align:right;
}


table.password td.passwordinput{
text-align:left;
}


table.password td.submit{
text-align:center;
}


table.password td.hint{
text-align:left;
}




/* END OF LIGHT.CSS ######################################################### */