/*
Software/Script: Coppermine Photo Gallery v1.4.25
Theme Name: Swiphone - Screen Stylesheet
Theme URL: http://www.swiphone.net
Description: CSS Style 01
Version: 1.0.0
Author: Tommy Pettersson, Success Webmasters Pte. Ltd.
Author URL: http://www.successwebmasters.com

        This theme was designed and built by Tommy Pettersson,
        whose blog you will find at http://www.TommyPettersson.com

        The CSS, XHTML and design is copyright Success Webmasters Pte. Ltd.
*/


 /************************************************************************************/
 /* ------------- THIS CODE IS THE MAIN CODE THAT CONTROLS THE BODY ---------------- */
 /************************************************************************************/
body {
                    font-weight: normal;
                    font-size: 76%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    line-height: 135%;
                    color: #fff;
                    background: #000 url("../images/bgs/style01_bg-black01.png") 0 0 repeat-x;
             /*       background: #1a1b1d url("../images/bgs/style01_bg.png") 0 0 repeat-x;           */
             /*       background: #474747 url("../images/bgs/style01_pattern-bg.jpg") 0 0 repeat;     */
}

#top-bg {
                    background: #434446 url("../images/bgs/style01_top-bg.jpg") 0 0 repeat-x;
}

#container {
                    background:url("../images/bgs/style01_bg-black.jpg") 50% 0 no-repeat;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ------------- THIS CODE IS FOR THE DIFFERENT WRAPPERS ON THE PAGE -------------- */
 /************************************************************************************/
.page-wrapper {
                    background: none;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* --------------- THIS CODE IS COMMON STYLES THAT IS USED ALL OVER --------------- */
 /************************************************************************************/
a,
a:link {
                    color: #a1bde4;
                    text-decoration: none;
}

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

.center {
                    text-align: center;
}

.down_movie {
                    text-align: center;
}

.down_movie a,
.down_movie a:link {
                    color: #0066cc;
                    text-decoration: none;
}

.down_movie a:hover {
                    color: #a1bde4;
                    text-decoration: none;
}

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

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

abbr, acronym {
                    border: 0;
}

h1 {
                    font-weight: bold;
                    font-size: 170%;
                    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                    line-height : 120%;
                    color : #ccc;
}

h2 {
                    font-weight: bold;
                    font-size: 140%;
}

h3 {
                    font-weight: bold;
                    font-size: 120%;
}

h4 {
                    font-weight: bold;
                    font-size: 110%;
}

h4 .thumbnail-title a {
                    font-size: 110%;
                    text-align: center;
                    text-decoration: underline;
}

h4 .thumbnail-title a:hover {
                    text-align: center;
                    text-decoration: underline;
}

.just {
                    text-align: justify;
}

.nounder {
                    border: 0;
                    cursor: pointer;
                    text-decoration: none;
}

a.nounder:hover {
                    text-decoration: none;
}

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

 /* ----- END ----- */


 /************************************************************************************/
 /* --------------- THIS PART CONTROLS PICTURES AND ADVERTISEMENTS ----------------- */
 /************************************************************************************/

.footer-adspace {
                    text-align: center;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ------------------ THIS PART CONTROLS THE FORM ELEMENTS ------------------------ */
 /************************************************************************************/
.textinput {
                    font-size: 100%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    border: 1px solid #d1d7dc;
}

.listbox {
                    font-size: 100%;
                    font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
                    vertical-align: middle;
                    border: 1px solid #d1d7dc;
}

.button {
                    font-size: 100%;
                    font-family: Arial, Helvetica, sans-serif;
                    background-image: url("../images/button_bg.gif");
                    background-position: bottom;
                    border: 1px solid #005d8c;
}

.comment_button {
                    font-size: 85%;
                    font-family: Arial, Helvetica, sans-serif;
                    background-image: url("../images/button_bg.gif");
                    background-position: bottom;
                    border: 1px solid #005d8c;
}

.radio {
                    font-size: 100%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    vertical-align: middle;
}

.checkbox {
                    font-size: 100%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    vertical-align: middle;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ------------ THIS PART IS WHERE THE CODE FOR THE HEADER IS CREATED ------------- */
 /************************************************************************************/
#header {
                    background: #434446 url("../images/bgs/style01_header-bg.jpg") 0 0 repeat-x;
}

img#logo {
                    background: url("../images/header/style01_swiphone-logo.jpg") 0 0 no-repeat;
                    border: none;
}

#header .language-box,
#header .right-box {
                    text-align: right;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ---------- HERE IS THE CODE FOR THE HORIZONTAL MENU BAR ON THE PAGES ----------- */
 /************************************************************************************/
#horiz-menu {
                    background: none;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ----------- HERE IS THE CODE FOR THE ADVERTISING BOXES ON THE PAGES ------------ */
 /************************************************************************************/
#advertising_boxes_top1,
#advertising_boxes_album_list,
#advertising_boxes_thumb_view {
                    background: #222;
                    border: 1px solid #4b4b4b;
}

#advertising_boxes_top1 div.addivider,
#advertising_boxes_album_list div.addivider,
#advertising_boxes_thumb_view div.addivider {
              /*      background: url("../images/content/ad-divider.png") 0 0 repeat-y;   */
}

#advertising_boxes_top1 .advbox,
#advertising_boxes_album_list .advbox,
#advertising_boxes_thumb_view .advbox {
                    background: #25221f url("../images/content/adbox_bottom-right.png") 100% 100% no-repeat;
}

#advertising_boxes_top1 .advbox div,
#advertising_boxes_album_list .advbox div,
#advertising_boxes_thumb_view .advbox div {
                    background: url("../images/content/adbox_bottom-left.png") 0 100% no-repeat;
}

#advertising_boxes_top1 .advbox div div,
#advertising_boxes_album_list .advbox div div,
#advertising_boxes_thumb_view .advbox div div {
                    background: url("../images/content/adbox_top-right.png") 100% 0 no-repeat;
}

#advertising_boxes_top1 .advbox div div div,
#advertising_boxes_album_list .advbox div div div,
#advertising_boxes_thumb_view .advbox div div div {
                    background: url("../images/content/adbox_top-left.png") 0 0 no-repeat;
}

#advertising_boxes_top1 .advbox div div div div,
#advertising_boxes_album_list .advbox div div div div,
#advertising_boxes_thumb_view .advbox div div div div {
                    background: none;
}

#advertising_banner_image {
                    text-align: center;
                    background: #161410;
                    border: 1px solid #4b4b4b;
}

 /* ----- END ----- */


  /************************************************************************************/
 /* ----------------- THIS IS THE STYLE FOR DIFFERENT MENUS IN USE ------------------ */
 /************************************************************************************/
 /* ----------------- THIS IS THE STYLE FOR THE ADMIN MENU ------------------ */
.admin_menu {
                    font-size: 90%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    text-align: center;
                    color: #ccc;
                    background-color : #222;
                    border: 1px solid #000;
}

.admin_menu a {
                    color: #ccc;
                    text-decoration: none;
}

.admin_menu a:hover {
                    color: #fff;
                    background-color: #3c3d3f;
                    text-decoration: none;
}

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

.admin_menu_thumb {
                    font-weight: bold;
                    font-size: 85%;
                    font-family: Arial, Helvetica, sans-serif;
                    color: #000000;
                    background-image: url("../images/button_bg.gif");
                    background-position: bottom;
                    border: 1px solid #005D8C;
}

.admin_menu_thumb a {
                    color: #000000;
                    text-decoration: none;
}

.admin_menu_thumb a:hover {
                    color: #000000;
                    text-decoration: underline;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ------------ THIS IS THE WRAPPER THAT WRAPS ALL THE BODY FUNCTIONS ------------- */
 /************************************************************************************/
#contentwrap {
           /*         background: #1a1b1d;   */
}

 /* ----- END ----- */


 /************************************************************************************/
 /* -------------- THIS IS THE CODE THAT CONTROLS THE LEFT SIDE -------------------- */
 /************************************************************************************/
div#left-side {
                    vertical-align: top;
                    background: none;
}

div#left-side div.inside {
                    font-size: 100%;
                    line-height: 135%;
}

#left-side h3 {
                    font-size: 120%;
                    font-variant: small-caps;
                    color: #bd934f;
}

#left-side ul {
                    border-top: 1px solid #363430;
                    border-bottom: 1px solid #363430;
}

#left-side li {
                    background: #222;
}

#left-side li:hover {
                    background: #363430;
}

div.intro {
                    vertical-align: middle;
                    background-color: #4b4b4b;
                    border: 2px solid #aaa;
}

div.intro h4 {
                    font-weight: bold;
                    font-size: 120%;
                    text-align: center;
                    font-variant: small-caps;
                    color: #bd934f;
}

div.intro p {
                    font-size: 110%;
                    text-align: left;
                    color: #ccc;
}

div.intro a,
div.intro a:link,
div.intro a:visited,
div.intro a:active {
                    color: #a1bde4;
                    border-bottom: 1px dotted #a1bde4;
                    text-decoration: none;
}

div.intro a:hover {
                    color: #bff014;
                    background-color: #303030;
                    border-bottom: 1px dotted #bff014;
                    text-decoration: none;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ---------------- THIS IS THE CODE FOR THE MAIN (MIDDLE) COLUMN ----------------- */
 /************************************************************************************/
#maincolumn-both {
                    background-color: #4b4b4b;
}

#main-body .link-unit-top {
                    font-weight: bold;
                    font-size: 110%;
                    text-align: center;
                    background-color: #4b4b4b;
                    border: 1px solid #aaa;
}

#messagebox {
                    background: url("../images/content/welcome.jpg") 0 0 no-repeat;
                    background-color: #4b4b4b;
                    border: 2px solid #aaa;
}

#messagebox p {
                    font-size: 130%;
}

 /* ----------------- THIS CODE CONTROLS THE BREADCRUMBS ------------------ */
#breadbox .breadbox {
                    font-weight: bold;
                    font-size: 120%;
                    color: #fff;
                    background-color: #222;
                    border: 1px solid #4b4b4b;
}

#breadbox .breadlink {
                    color: #fff;
}

#breadbox .breadlink a {
                    color: #fff;
                    text-decoration: none;
}

#breadbox .breadlink a:hover {
                    color: #fff;
                    text-decoration: underline;
}

 /* ----------------- THIS CODE CONTROLS THE STATISTIC OUTPUT ------------------ */
.statlink {
                    color: #fff;
}

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

.statlink a:hover {
                    color: #fff;
                    text-decoration: underline;
}

 /* ----------------- TABLE FOR OUTPUT FROM THE GALLERY ------------------ */
.maintable {
                    background-color: #4b4b4b;
                    border: 1px solid #4b4b4b;
}

.tableh1 {
                    font-weight: bold;
                    font-size: 120%;
                    color: #fff;
                    background-color: #222;
}

.tableh1b {
                    font-weight: bold;
                    font-size: 120%;
                    text-indent: 10px;
                    color: #fff;
}

.tableh1_compact {
                    color: #fff;
                    background-color: #3c3d3f;
}

.tableh2 {
                    color: #fff;
                    background-color: #3c3d3f;
}

.tableh2_compact {
                    color: #fff;
                    background-color: #3c3d3f;
}

.tableb {
                    background-color: #161410;
}

.tableb_compact {
                    background-color: #222;
}

.tablef {
                    background-color: #3c3d3f;
}

.thumbnails {
                    background-color: #4b4b4b;
}

.thumb_title {
                    font-weight : bold;
                    font-size: 80%;

}

.thumb_sub_title {
                    font-size: 80%;

}

.thumb_caption {
                    font-size: 80%;
}

.thumb_caption a {
                    color: #000000;
                    text-decoration: underline;
}

 /* ----------------- CATEGORIES OUTPUT FROM THE GALLERY ------------------ */
.catrow {
                    background-color: #4b4b4b;
}

.catrow_noalb {
                    color : #000000;
                    background-color: #3c3d3f;
}

.catlink a {
                    color: #a1bde4;
                    text-decoration: none;

}

.catlink a:hover {
                    color: #fff;
                    text-decoration: underline;
}

 /* ----------------- ALBUM OUTPUT FROM THE GALLERY ------------------ */
.alblink a {
                    color: #a1bde4;
                    text-decoration: none;

}

.alblink a:hover {
                    color: #fff;
                    text-decoration: underline;
}

.album_stat {
                    font-size: 85%;
                    text-align: center;
}

 /* ----------------- THUMBNAIL OUTPUT FROM THE GALLERY ------------------ */
#thumbview .tableh1 {
                    background-color: #222;
                    border: 1px solid #4b4b4b;
}

.sortorder_cell {
                    color: #fff;
}

.sortorder_options {
                    font-weight: normal;
                    font-size: 80%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    white-space: nowrap;
                    color: #fff;
}

.statistics {
                    color: #fff;
                    background-color: #3c3d3f;
}

 /* ----------------- IMAGE VIEW OUTPUT FROM THE GALLERY ------------------ */
.navmenu {
                    font-weight: bold;
                    font-size: 110%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    color: #ccc;
                    background-color: #222;
                    border-style: none;
}

.navmenu a {
                    color: #aeaeae;
                    text-decoration: none;
}

.navmenu a:hover {
                    color: #fff;
                    background-color: #3c3d3f;
                    text-decoration: none;
}

.navmenu_pic {
                    /* SAKNAS I DENNA CSS */
}

.display_media {
                    background: #161410;
}

.imageborder {
                    background-color: #fff;
                    border: 0px solid #aaa;
}

.image {
                    border: 2px solid #000;
}

.image_caption {
                    font-size: 100%;
                    text-align: center;
}

p.image_caption {
                    font-size: 100%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    text-align: center;
}

#filmstrip .thumbs {
                    background-color: #161410;
}

#rating .rating_title,
#comments .comment_title,
#add-comment .comment_title {
                    font-size: 120%;
                    color: #fff;
                    background-color: #222;
                    border: 1px solid #4b4b4b;
}

#rating .rating_table {
                    background-color: #161410;
}

#comments .comment_author,
#comments .comment_comment,
#add-comment .comment_add {
                    font-size: 100%;
                    color: #fff;
}

#comments .comment_author {
                    background-color: #303030;
}

#comments .comment_comment,
#add-comment .comment_add,
#add-comment .comment_smilies {
                    background-color: #222;
}


 #comments .comreg {
                    font-size: 100%;
                    color: #fff;
                    background-color: #303030;
                    border: 1px solid #4b4b4b;
}

.img_caption_table {
                    background-color: #fff;
                    border: none;
}

.img_caption_table th {
                    font-size: 100%;
                    color: #000000;
                    background: #d1d7dc;
                    border-top: 1px solid #fff;
}

.img_caption_table td {
                    background: #efefef ;
                    border-top: 1px solid #fff;
                    white-space: normal;
}

 /* ----------------- COMMENTS OUTPUT FROM THE GALLERY ------------------ */
.comment_date{
                    font-size: 90%;
                    vertical-align: middle;
                    color: #ccc;
}

.thumb_num_comments {
                    font-style: italic;
                    font-weight: normal;
                    font-size: 80%;
}

 /* ----------------- LANGUAGE BOX OUTPUT FROM THE GALLERY ------------------ */
.listbox_lang {
                    font-size: 80%;
                    font-family: Arial, Helvetica, sans-serif;
                    vertical-align : middle;
                    color: #000000;
                    background-color: #3c3d3f;
                    border: 1px solid #d1d7dc;

}

 /* ----------------- USER MANAGEMENT OUTPUT FROM THE GALLERY ------------------ */
.user_thumb_infobox th {
                    font-weight: bold;
                    font-size: 100%;
                    text-align: center;
}

.user_thumb_infobox td {
                    font-size: 80%;
                    text-align: center;
}

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

.user_thumb_infobox a:hover {
                    color: #000000;
                    text-decoration: underline;
}

 /* ----------------- ECARD OUTPUT FROM THE GALLERY ------------------ */
#ecard {
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    color: #333;
                    background-color: #ddd;
}

#ecard h2 {
                    font-size: 130%;
                    text-align: center;
                    color: #333;
}

#ecard h3 {
                    font-size: 150%;
                    font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
                    text-align: center;
                    color: #333;
}

#ecard p {
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    color: #333;
}

#ecard a,
#ecard a:link,
#ecard a:visited,
#ecard a:active {
                    color: #333;
                    text-decoration: none;
}

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

 /* ----------------- MISC OUTPUT FROM THE GALLERY ------------------ */
.debug_text {
                    background-color: #efefef;
                    border: #BDBEBD;
}

.thumb_filename {
                    font-size: 80%;
}

 /* ----------------- THE GALLERY POWERED BY FOOTER ------------------ */
.footer {
                    font-size: 90%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    line-height: 120%;
                    color: #999;
}

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

.footer a:hover {
                    color: #bff014;
                    background-color: #303030;
                    text-decoration: none;
}

 /* ----- END ----- */


 /************************************************************************************/
 /* ---------------- THIS IS THE CODE THAT CONTROLS THE BOTTOM --------------------- */
 /************************************************************************************/
#foot {
                    background: #303030;
}

#foot-menu {
                    text-align: center;
}

#foot-menu ul.menu_footmenu li a {
                    font-size: 100%;
                    color: #ccc;
                    text-decoration: none;
}

#foot-menu ul.menu_footmenu li a:hover {
                    color: #fff;
                    text-decoration: none;
}

#foot-menu ul.menu_footmenu li .separator {
                    font-size: 100%;
                    color: #bbb;
}

#footbar {
                    background: #222;
}

#copyright {
                    text-align: left;
}

#creator {
                    text-align: right;
}

#copyright,
#creator {
                    font-size: 100%;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    line-height: 130%;
                    color: #999;
}

#copyright a,
#copyright a:link,
#copyright a:visited,
#copyright a:active,
#creator a,
#creator a:link,
#creator a:visited,
#creator a:active {
                    color: #a1bde4;
                    border-bottom: 1px dotted #a1bde4;
                    text-decoration: none;
}

#copyright a:hover, #creator a:hover {
                    color: #bff014;
                    background-color: #303030;
                    border-bottom: 1px dotted #bff014;
                    text-decoration: none;
}

#vanity img {
                    border: 0;
}

#v_php {
                    background-image: url("../../../images/powered-php.gif");
}

#v_php:hover {
                    background-image: url("../../../images/h_powered-php.gif");
}

#v_mysql {
                    background-image: url("../../../images/powered-mysql.gif");
}

#v_mysql:hover  {
                    background-image: url("../../../images/h_powered-mysql.gif");
}

#v_xhtml {
                    background-image: url("../../../images/valid-xhtml10.gif");
}

#v_xhtml:hover {
                    background-image: url("../../../images/h_valid-xhtml10.gif");
}

#v_css {
                    background-image: url("../../../images/valid-css.gif");
}

#v_css:hover{
                    background-image: url("../../../images/h_valid-css.gif");
}

 /* ----- END ----- */