/*
Chennai 365 Gallery Default 1.0
*/
/* Basics
------------------------------ */
/* Main Layout
------------------------------ */
#main{text-align:left; width:960px;}
#credit, #sort{margin:0 auto; width:640px; font-size:85%; color:#96967E; text-align:right; clear:both}
#credit a, #sort a{text-decoration:none; color:#96967E; border-bottom:1px dotted #96967E}
#credit a:hover, #sort a:hover{color:#BDBDAE; border-bottom:1px solid #BDBDAE; text-decoration:none}
#gallerytitle{border-bottom:1px solid #E6E6DF; padding-bottom:14px; margin-bottom:20px; /*min-height:40px;   _height:40px; */}
#gallerytitle h2{margin-top:18px;text-align:left; font-weight:bold; clear:left;}

/* Link Styles
------------------------------ */
a:link, a:active, a:visited{text-decoration:none; color:#17A}
a:hover, a:focus{text-decoration:underline; color:#6BD}

/* Text Styles
------------------------------ */
/* 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:10px; margin:20px 0 0 0; list-style-type:none; text-align:center; font-size:14px;}
ul.pagelist li{display:inline; border:1px solid #222; background:#222;}
ul.pagelist li a, ul.pagelist span.disabledlink{padding:8px; color:#fff;}
ul.pagelist li.current a{font-weight:bold; text-decoration:none; cursor:default; color:#222; background:#fff;}
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}

/* AJAX
------------------------------ */
#albumDescEditable, #albumTagsEditable{margin-bottom:12px}
#imageDescEditable, #albumTagsEditable{margin-top:24px}
#imageDesc, #exif_link{margin-bottom:4px}

#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:#999; display:inline; list-style-type:none}

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

/* Image Thumbnails
------------------------------ */
.imagethumb a, .imagethumb a:hover{display:block; padding:3px; margin:0px 19px 19px 0px; border:1px solid #fff;  background-color:#000}
.imagethumb a:visited{ background-color:#fcfcfc;  border:1px solid #f8f8f8}
.imagethumb a:hover{background-color:#333; border:1px solid #000}
.imagethumb{float:left}
.imagethumb_active{float:left; padding:2px; margin:0px 19px 19px 0px; border:1px solid red;  background-color:red}
.albumdesc2{line-height:18px}

/* Album Thumbnails
------------------------------ */
#albums{float:left; margin:0; padding:0; width:auto;}
.album, .mthumb{margin:0 20px 20px 0;  padding:5px; float:left; width:170px; height:200px;}
.mthumb{background:#eee; width:205px; height:205px; padding:5px; margin:0 20px 20px 0; border:1px solid #ccc;}
.mthumb img{width:205px; height:205px;}
.mthumb h3{display:none;}

* html .album{width:170px; height:180px; overflow:hidden;}
.album a img{}
.album .thumb{ float:left;  margin-right:6px}
* html  .album .thumb{float:left; margin:0}
.album h3, .album h3 a{padding:3px; margin:0; font-size:13px; font-weight:bold; text-decoration:none; letter-spacing:normal; color:#fff;}
.numbers{float:right; position:relative; color:#fff; z-index:3; font-size:14px; text-align:center; background:transparent url("../images/num_bg.gif") no-repeat; padding:6px 5px 7px 15px; margin:9px 2px 0 0;}
.albumdesc small{color:#8DB8CF}

/* Individual Image
------------------------------ */
.image{margin:0; padding:0; border:0}
#image{text-align:center; line-height:0; background:#000; padding:10px 0; border-bottom:3px solid #ccc;}
#image img{z-index:-1;}
.imgnav{text-align:center; border:1px solid #D5E6EE; background:#333; margin-top:-10px}
* html .imgnav{margin-top:10px;}
.imgnav .imgprevious a, .imgnav .imgnext a{display:block; width:50%; height:25px; float:left; padding:4px 0; font-size:120%; text-decoration:none; line-height:180%; color:#fff}
.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}
.ml a, .ml a:hover, .ml a:visited, .mr a, .mr a:hover, .mr a:visited {padding:15px; margin-top:-200px; z-index:99; background:#900; display:block;color:#fff; font-size:16px; position:absolute;}
.ml{float:left; margin-left:-10px;}
.mr{float:right; margin-right:63px;}
* html .mr{margin-right:31px;}
* html .mr a{background-color:#900;}
* html .ml a{background-color:#900;}
#narrow{margin:0 auto; float:right;}
#narrow ul {padding:0; margin:0; list-style:none; list-style-type:none;}
#narrow ul li{border-bottom:1px dotted #bbb; padding:5px 0; font-size:12px;}

/* 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:#D66}
.errorbox h2{color:#D66; 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}

.color1, .color2, .color3, .color4, .color5, .color6, .color7, .color8, .color9, .color10{background-color:#000;}
.color1{border-bottom:4px solid #eb3c71;}
.color2{border-bottom:4px solid #c03ceb;}
.color3{border-bottom:4px solid #3c8eeb;}
.color4{border-bottom:4px solid #3cc4eb;}
.color5{border-bottom:4px solid #7ac253;}
.color6{border-bottom:4px solid #c2bb53;}
.color7{border-bottom:4px solid #c29753;}
.color8{border-bottom:4px solid #c26a53;}
.color9{border-bottom:4px solid #7bb0a9;}
.color10{border-bottom:4px solid #9f7bb0;}

/* RSS images */
#rss_html{width:300px; float:right; border:1px solid #333;}
#latest-pics{float:left; list-style:none;}
#rss_html ul li{width:75px; float:left;}

/* Googlge Text Ad */
.gtad{padding:10px; background:#444; text-align:center; width:940px;}
* html .gtad{width:960px;}