/*  
Theme Name: Odyssey :: Keir Dullea Online
Author: Christine @ Pinkchaos.org
Do not copy or redistribute anything in this stylesheet or theme.
*/



body{
background: #e2e2e2 url('images/background.png') repeat-x;
background-position: top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 120%;
color: #7c7c7c;
margin: 0;
}



table{
font-size: 12px;
}

h1, h2, h3{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #707e82;
margin: 2px;
}

p{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0;
}

ul{
margin-left: 5px;
padding: 0;
}

.nav{
text-transform: uppercase;
font-weight: bold;
font-size: 13px; 
line-height: 13px;
padding: 0 10px 0 10px;
color: #29474d;
}

.nav a{
color: #8dabb1;
}

.nav a:hover{
color: #8dabb1;
}

.welcome{
font-weight: bold;
font-size: 13px; 
line-height: 13px;
color: #7c7c7c;
text-align:justify;
}

.sociables {
	position: center;

}

.sociables a {
	color: #797f81!important;
	padding: 4px;
	font-size: 12px;
	margin-right: 10px;
	text-align: center;
	-webkit-border-radius:1px; margin:2px;
	-webkit-transition: all 0.2s ease-in; 
	-moz-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in;

}

.sociables a:hover {
	color: #ffffff!important;
	cursor: help;
	text-decoration: none;
	-webkit-border-radius:1px; margin:2px;
	-webkit-transition: all 0.2s ease-in; 
	-moz-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in;

}

.footer2{
background-color: #ececec;
width: 100%;
padding: 10px 0 10px 0;
text-transform: uppercase;
font-weight: bold;
font-size: 13px; 
line-height: 13px;
color: #7c7c7c;
}

li{
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0;
list-style-position: outside;
list-style-type: disc;
}

.textinput{
color: #7c7c7c;
border: 0;
padding: 5px;
background-color: #e2e2e2;
}

.listbox{
color: #7c7c7c;
border: 0;
padding: 5px;
background-color: #e2e2e2;
}

.button{
color: #7c7c7c;
border: 0;
padding: 5px;
background-color: #e2e2e2;
}

.comment_button{
color: #7c7c7c;
border: 0;
padding: 5px;
background-color: #e2e2e2;
}

.radio{
color: #7c7c7c;
border: 0;
padding: 5px;
background-color: #e2e2e2;
}

.checkbox{
color: #7c7c7c;
border: 0;
padding: 5px;
background-color: #e2e2e2;
}

a{
color: #557379;
text-decoration: none;
}

a:hover{
color: #557379;
text-decoration: none;
}

.bblink a{
color: #557379;
text-decoration: none;
}

.bblink a:hover{
color: #557379;
text-decoration: none;
}

.maintable{
border: 0;
background-color: #ececec;
padding: 10px 10px 10px 10px;
width: 1000px;
}

.tableh1{
background-color: #3e4c50;
color: #707e82;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 13px;
letter-spacing: 0; 
font-weight: bold;
text-transform: uppercase;
}

.tableh1_compact{
background-color: #3e4c50;
color: #707e82;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 13px;
letter-spacing: 0; 
font-weight: bold;
text-transform: uppercase;
}

.tableh2{
background-color: #3e4c50;
color: #707e82;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 13px;
letter-spacing: 0; 
font-weight: bold;
text-transform: uppercase;
}

.tableh2 a{
color: #707e82;
}

.tableh2_compact{
background-color: #3e4c50;
color: #707e82;
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 13px;
letter-spacing: 0; 
font-weight: bold;
text-transform: uppercase;
}

.tableb{
background-color: #ececec;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}


.tableb_compact{
background-color: #ececec;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tablef{
padding: 10px;
}

.catrow_noalb{
border-bottom: 1px solid #e2e2e2;
color: #7c7c7c;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
background-color: #ececec;
}

.catrow{
border-bottom: 1px solid #e2e2e2;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
background-color: #ececec;
}

.album_stat{
font-size: 90%;
color: #7c7c7c;
margin: 5px 0;
}

.thumb_filename{
font-size: 80%;
display: block;
}

.thumb_title{
color: #e4e4e4;
font-size: 90%;
font-style: bold;
display: block;
background: #5b797f;
}

.thumb_caption{
color: #7c7c7c;
font-size: 90%;
display: block;
}

.thumb_caption a{
text-decoration: none;
color: #557379;
}

.thumb_num_comments{
font-weight: normal;
font-size: 80%;
padding: 2px;
font-style: italic;
display: block;
}

.user_thumb_infobox{
margin-top: 1px;
margin-bottom: 1px;
}

.user_thumb_infobox th{
font-weight: bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
}

.user_thumb_infobox td{
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
}

.user_thumb_infobox a{
text-decoration: none;
color: #7c7c7c;
}

.user_thumb_infobox a:hover{
color: #7c7c7c;
text-decoration: none;
}

.sortorder_cell{
background: transparent;
color: #707e82;
padding: 0;
margin: 0;
}

.sortorder_options{
font-family: sans-serif;
background: transparent;
color: #707e82;
padding: 0;
margin: 0;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}

.navmenu{
font-family: "Trebuchet MS", tahoma, Geneva, tahoma, sans-serif;
color: #7c7c7c;
background-color: #ececec;
border-style: none;
}

.navmenu img{
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

.navmenu a{
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #7c7c7c;
}

.navmenu a:hover{
background-color: #ececec;
text-decoration: none;
color: #ececec;
}

.admin_menu_wrapper{
margin: 10px auto;
width: 1000px;
}

.admin_menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
border: 0;
background-color: #ececec;
color: #707e82;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

.admin_menu a{
color: #707e82;
text-decoration: none;
padding: 5px;
}

.admin_menu a:hover{
color: #707e82;
text-decoration: underline;
}

.admin_float{
float: left;
margin: 1px;
max-height: 2.5em;
display: block;
position: relative;
white-space:nowrap;
/*width: 100px;*/
}

#admin_menu_anim{
background-image: url(images/button_bg_anim.gif);
}

.comment_date{
color: #707e82;
font-size: 90%;
vertical-align: middle;
}

.image{
background-color: #e2e2e2;
border: 0;
padding: 7px;
margin: 5px;
}

.imageborder{
border: 1px solid #dddddd;
background-color: #ececec;
margin-top: 30px;
margin-bottom: 30px;
}

.display_media{
background-color: #ececec;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.display_media a img{
background-color: #e2e2e2;
padding: 7px;
border: 0;
}

.display_media img{
background-color: #e2e2e2;
padding: 7px;
border: 0;
}

.thumbnails{
background-color: #ececec;
border-left: 0;
padding: 5px;
}

.thumbnails:hover{
border-left: 0;
padding: 5px;
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
-o-transition: all 0.2s ease-in;
}

.thumbnails a img:hover{
background-color: #557379;
border: 0;
padding: 7px;
margin: 5px;
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
-o-transition: all 0.2s ease-in;
}

.thumbnails a img{
background-color: #e2e2e2;
border: 0;
padding: 7px;
margin: 5px;
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
-o-transition: all 0.2s ease-in;
}

.thumb a img{
background-color: #ececec;
border: 0;
padding: 7px;
margin: 15px;
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
-o-transition: all 0.2s ease-in;
}

.thumb a img:hover{
background-color: #ececec;
border: 0;
padding: 7px;
margin: 15px;
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
-o-transition: all 0.2s ease-in;
}

.footer{
font-size: 9px;
}

.footer a{
text-decoration: none;
color: #557379;
}

.footer a:hover{
color: #557379;
text-decoration: none;
}

.statlink{
color: #707e82;
font-size: 13px;
}

.statlink a{
text-decoration: none;
color: #707e82;
}

.statlink a:hover{
color: #707e82;
text-decoration: none;
}

.alblink a{
text-decoration: none;
color: #707e82;
}

.alblink a:hover{
color: #707e82;
text-decoration: none;
}

.catlink{
display: block;
margin-bottom: 1px;
}

.catlink a{
color: #557379;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}

.catlink a:hover{
color: #557379;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}

.topmenu{
font-size: 100%;
}

.topmenu a{
color: #557379;
text-decoration: none;
}

.topmenu a:hover {
color: #557379;
text-decoration: underline;
}

.img_caption_table{
border: none;
background-color: #ececec;
width: 100%;
margin: 0;
}

.img_caption_table th{
background-color: #ececec;
font-size: 100%;
color: #7c7c7c;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top: 1px solid #ececec;
}

.img_caption_table td{
background-color: #ececec;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top: 1px solid #ececec;
white-space: normal;
}

.debug_text{
border: #BDBEBD;
background-color: #ececec;
width: 100%;
margin: 0;
}

.clickable_option{
cursor: default;
}

.listbox_lang{
color: #7c7c7c;
background-color: #ececec;
border: 1px solid #ececec;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
}

.pic_title{
color: #7c7c7c;
font-size: 100%;
text-align: center;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
line-height: 1.0em;
}

.pic_caption{
color: #7c7c7c;
font-size: 100%;
font-weight: normal;
text-align: center;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
line-height: 1.0em;
background-image: none;
}

.important{
/* background-image: url(images/important.gif); */
color: red;
padding-left: 1px;
padding-right: 1px;
padding-top: 3px;
padding-bottom: 3px;
}

#cpgChooseLanguageWrapper{
float: left;
}

#cpgChooseThemeWrapper{
float: left;
}

.filmstrip_background{
background-color: #ececec;
}

.prev_strip{
text-align: left;
}

.next_strip{
text-align: right;
}

/** Swfupload css **/
div.fieldset{
border:  2px solid #0E72A4;
margin: 10px 0;
padding: 20px 10px;
}

div.fieldset span.legend{
position: relative;
padding: 3px;
top: -30px;
background-color: #ececec;
color: #FFF;
}

div.flash{
width: 375px;
margin: 10px 5px;
border-color: #CCD7E0;
}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */

.progressWrapper{
width: 357px;
overflow: hidden;
}

.progressContainer{
margin: 5px;
padding: 4px;
border: solid 1px #ececec;
background-color: #efefef;
overflow: hidden;
}

/* Message */
.message{
margin: 1em 0;
padding: 10px 20px;
border: solid 1px #FFDD99;
background-color: #FFFFCC;
overflow: hidden;
}
/* Error */
.red{
border: solid 1px #B50000;
background-color: #FFEBEB;
}

/* Current */
.green{
border: solid 1px #DDF0DD;
background-color: #EBFFEB;
}

/* Complete */
.blue{
border: solid 1px #CEE2F2;
background-color: #F0F5FF;
}

.progressName{
font-size: 8pt;
font-weight: 700;
color: #555;
width: 323px;
height: 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError{
font-size: 0;
width: 0%;
height: 2px;
background-color: blue;
margin-top: 2px;
}

.progressBarComplete{
width: 100%;
background-color: green;
visibility: hidden;
}

.progressBarError{
width: 100%;
background-color: red;
visibility: hidden;
}

.progressBarStatus{
margin-top: 2px;
width: 337px;
font-size: 7pt;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
white-space: nowrap;
color: #555;
}

a.progressCancel{
font-size: 0;
display: block;
height: 14px;
width: 14px;
background-image: url(../../images/cancelbutton.gif);
background-repeat: no-repeat;
background-position: -14px 0;
float: right;
}

a.progressCancel:hover{
background-position: 0 0;
}

.swfupload{
vertical-align: top;
}

/**styles for photo manager*/
table#pic_sort tr td{ 
padding: 4px;
border-bottom: 1px solid #ccc;
}

/** styles for album manager and photo album*/
table#album_sort tr td{
padding: 3px;
border-bottom: 1px solid #ccc;
}

table#album_sort tr td span.editAlbum{
margin-left: 100px;
font-size: 10px;
line-height: 100%;
text-decoration: underline;
cursor: pointer;
display: none;
color: #FF0000;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation{
border: 1px solid;
margin: 0 auto;
padding: 15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
width: 950px;
}

.cpg_message_info{
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../images/message/info.png');
}

.cpg_message_success{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('../../images/message/ok.png');
}

.cpg_message_warning{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../../images/message/warning.png');
}

.cpg_message_error{
color: #D8000C;
background-color: #FFBABA;
background-image: url('../../images/message/stop.png');
}

.cpg_message_validation{
color: #D63301;
background-color: #FFCCBA;
background-image: url('../../images/message/error.png');
}



.cpg_summary{
font-size: 0.9em;
border: 1px solid;
margin: 10px 0;
padding: 5px 10px 5px 10px;
color: #FF2B9C;
background-color: #FFDEEF;
text-align: right;
float: right;
width: 400px;
}

#GB_window{
background-color: #e2e2e2;
border: 5px solid #CCD7E0;
}

.external{
background: transparent url('../../images/link.gif') 100% 50% no-repeat;
padding-right: 10px;
}

.detail_head_collapsed, .detail_head_expanded{
color: #707e82;
}