body {  margin:0px; font-family: Verdana, Arial; font-size: 8pt; background-color:#687f80; }

/* ======== general ====================================================================================*/
.common { font-size:8pt; font-family:Verdana, Arial }
.Pointer { cursor:pointer; }
.Notes { color: #698b8d; font-size: 7pt; }
.footer { color:#9db0b0; }
.footer a { color:#9db0b0; text-decoration:none; }
.watermark { color:#a5a5a5; }
a { color:#4b5f60; text-decoration:none;  }
a:hover { text-decoration:underline; }

/* ======== sign in =====================================================================================*/
.signin { color: #698b8d; position: relative; float: left; padding: 5px; background-color: #2a4142; white-space:nowrap; }
.signin-name { color:#9db0b0; }
.signin-link { color:#698b8d; text-decoration:none; }
.signin-link:hover { color:#9db0b0; text-decoration:none; cursor:pointer }
.signin-lefttop { border: 0px; position: absolute; left: 0; top: 0; height:5px; width:5px; background: url('../Images/DoseOfFun/signin-lefttop.png') no-repeat; }
.signin-leftbottom { border: 0px; position: absolute; left: 0; bottom: 0; height:5px; width:5px; background: url('../Images/DoseOfFun/signin-leftbottom.png') no-repeat; }
.signin-righttop { border: 0px; position: absolute; right: 0; top: 0; height:5px; width:5px; background: url('../Images/DoseOfFun/signin-righttop.png') no-repeat; }
.signin-rightbottom { border: 0px; position: absolute; right: 0; bottom: 0; height:5px; width:5px; background: url('../Images/DoseOfFun/signin-rightbottom.png') no-repeat; }


/* ======== post =====================================================================================*/
.post { color: #698b8d; position: relative; background-color: #2a4142; white-space:nowrap; border:solid 1px #b0b0b0; }
.post-name { color:#9db0b0; }
.post-link { color:#698b8d; text-decoration:none; }
.post-link:hover { color:#9db0b0; text-decoration:none; cursor:pointer }

.main { background-color: #aabcbc }
.main-lefttop { border: 0px; position: absolute; left: 0; top: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/browse-lefttop.png') no-repeat; }
.main-leftbottom { border: 0px; position: absolute; left: 0; bottom: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/browse-leftbottom.png') no-repeat; }
.main-righttop { border: 0px; position: absolute; right: 0; top: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/browse-righttop.png') no-repeat; }
.main-rightbottom { border: 0px; position: absolute; right: 0; bottom: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/browse-rightbottom.png') no-repeat; }

.browse { color:#555555; padding:20px; padding-bottom:5px; font-family: Trebuchet MS }
.browse-bottomline { margin:0 20px 0 20px; border-bottom:solid 1px #4b5f60 }
.browse-color { color:#4b5f60; }
.browse a:hover { text-decoration:underline; cursor:pointer; }

/* Share Tabs */
.share { background-color: #dce6e6; font-size:10pt}
.tabPick { width:130px; height:40px; background : url('../Images/DoseOfFun/share-pick.png') no-repeat; font-weight:bold; text-align:center; font-size:16pt; }
.tabOpt { width:130px; height:40px; background : url('../Images/DoseOfFun/share-opt.png') no-repeat; text-align:center; } 
.tabOptLink { color:#2a4142; font-size:16pt; text-decoration:none; }
.tabOptLink:hover { color:#000000; cursor:pointer; text-decoration:none; }


/* Left Menu */
.menu { width:147px; height:16px; font-size:10pt; font-weight:bold; color:#2a4142; text-decoration:none; padding:3px; padding-left:20px; display:inline-block; }
.menu:hover { width:147px; height:16px; text-decoration:none; cursor:pointer; background: url('../Images/DoseOfFun/menu-hover.png') no-repeat; }
.menuselected { width:147px; height:16px; background: url('../Images/DoseOfFun/menu-selected.png') no-repeat; 
                        font-size:10pt; font-weight:bold;  color:#ffffff; text-decoration: none; padding: 3px; padding-left:20px; display:inline-block }
.menuselected:hover { text-decoration:none; } 

.submenu { width:127px; height:16px; font-size:8pt; color:#2a4142; text-decoration:none; padding:3px; padding-left:30px; display:inline-block; }
.submenu:hover { width:137px; height:16px; text-decoration:none; cursor:pointer; background: url('../Images/DoseOfFun/menu-hover.png') no-repeat; }
.submenuselected { width:137px; height:16px; background: url('../Images/DoseOfFun/menu-selected.png') no-repeat;
                             font-size:8pt; color:#ffffff; text-decoration:none; padding:3px; padding-left:30px; display:inline-block; }
.submenuselected:hover { text-decoration:none; }

.menuseparator { margin: 5px 5px 5px 0; padding-top:1px; background-color: #9db0b0; }

/* Top Menu */
.top-all { width :100px; height: 33px; padding-top:7px; font-size:16pt; font-family:Arial; text-decoration:none; color:#2a4142; display:inline-block; text-align:center; }

.top-all:hover { background: url('../Images/DoseOfFun/topmenu-hover.png') no-repeat ; width:100px; height: 33px; cursor:pointer; padding-top:7px;
                       font-size:16pt; font-family:Arial; text-decoration:none; color:#2a4142; display:inline-block; text-align:center; }

.top-allselected
{   background: url('../Images/DoseOfFun/topmenu-selected.png') no-repeat ;
    width:100px; height: 33px; cursor:pointer; padding-top:7px;
    font-size:16pt; font-family:Arial; text-decoration:none; color:#2a4142; display:inline-block; text-align:center; }
.top-allselected:hover { text-decoration:none; }

/* ======== Content Listing =============================================================================*/
.stream { float: left; width: 100%; position: relative; background-color: #4b5f60; color: #f3f8f8; }
.stream-lefttop { border: 0px; position: absolute; left: 0; top: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/stream-lefttop.png') no-repeat; }
.stream-leftbottom { border: 0px; position: absolute; left: 0; bottom: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/stream-leftbottom.png') no-repeat; }
.stream-righttop { border: 0px; position: absolute; right: 0; top: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/stream-righttop.png') no-repeat; }
.stream-rightbottom { border: 0px; position: absolute; right: 0; bottom: 0; height:10px; width:10px; background: url('../Images/DoseOfFun/stream-rightbottom.png') no-repeat; }

/* centerized image vertically and horizontally */
.v-highlight { background-color:#4e696a; }
.v-float {float:left; position:relative; margin:0px 5px 10px 5px; height:290px; }   /* height: 290px (Uploaded/Source & Last Comment ) */
.v-outer {	display: table; #position: relative; overflow: hidden; height: 170px; width: 185px; }
.v-middle { display: table-cell; #position: absolute; #top: 50%; #left:50%; vertical-align: middle; text-align:center }
.v-inner { #position: relative;	#top: -50%; #left:-50%; }
.v-inner a { cursor:pointer; }
.v-comment{ width:160px; font-size:8pt; color:#e0ecec; padding-bottom:5px }
.v-comment-overflow { width: 160px; height: 60px; overflow: auto; margin-bottom: 8px; } 
.v-like { right:0; position:absolute; padding:2px; }

.pho { cursor:pointer; text-align:center; }
.sdt { border-collapse: collapse; margin-left:auto; margin-right:auto; }
.sdt tr td { padding:0px; background-color:#2b3f41; }
.sdt img { vertical-align:bottom; border:solid 1px #2b3f41; }
.sd1 { -moz-opacity:0.1; filter:alpha(opacity=10); opacity:0.1; }
.sd2 { -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3; } 
.sd3 { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; }
.sd4 { -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; }
.sdh { height:1px; }
.sdw { width:1px; }

.sdt1 { border-collapse: collapse; margin-left:auto; margin-right:auto; }
.sdt1 tr td { padding:0px; background-color:#4b5f60; }
.sdt1 img { vertical-align:bottom; border:solid 1px #2b3f41; }
.sdh1 { height:2px; }
.sdw1 { width:2px; }

.comment-link {  cursor: pointer; text-decoration:none; }
.comment-link:hover {    background-color: Transparent; border-bottom: #698b8d 1px dotted;  text-decoration: none; }
.color-link { color:#9db0b0; }

/* ======== End Content Listing =============================================================================*/

/*  Pop up */
.popup {  position: absolute; border-right: solid 1px #666666; border-bottom: solid 1px #666666; border-left: solid 1px #b0b0b0; border-top: solid 1px #b0b0b0; background-color: #f9f9f9; }

/* Photo */
#content {  margin: 0 auto;  font-size: 8pt; }
.shadow1, .shadow2, .shadow3, .container { position: relative;  left: -1px;  top: -1px; }
.photobg-shadow1 { background: #85aeb0; }
.photobg-shadow2 { background: #688f91; }
.photobg-shadow3 { background: #5f7d7e; }

/* Photo right menu */
.prm { color:#2a4142; }
.pm { color:#4b5f60; text-decoration:none; font-family:Trebuchet MS; font-weight:bold; font-size:9pt }
.pm:hover { color:#4b5f60; text-decoration:underline; cursor:pointer; }

/* Photo Highlight */
.ph { padding: 5px; background-color:#F8D0AE; }
.phTitle { color:#9D5C24; }
.phMagnifier { display: none; position: absolute; padding:2px 4px 2px 8px; z-index:999; background-color:#2a4142; -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8; }

/* Owner's Note */
.on-frame { background-color: #cdaead; padding: 5px; width: 590px }
.on-border { border: solid 1px #672a28; }
.on-separator { height: 1px; background-color: #672a28; margin: 8px 0 8px 0 }
.on-Title { color: #672a28; font-weight:bold }
.on-underline { border-bottom: dotted 1px #672a28; padding: 0 0 5px 0 } 

/* Video - YouTube & Vidmeo */
.vd { position:absolute; right:1px; bottom:1px; background-color:#000; color:#FFF; padding:0 5px 0 5px; font-size:7pt; -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8; }
.vp { position:absolute; left:55px; top:36px; }
.vs { position:absolute; left:1px; bottom:1px; }