/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#eeeeee; font-family:Georgia,serif; font-size:13px; background-image:url(../images/bg.jpg); color:#ccc; }
h1 { margin: 20px 0px; padding:15px; border-left-width:10px; border-left-color:#eeeeee; border-left-style:solid; }
img { border:0; }
a { color:#ccc; }
ul { margin:0 0 10px 10px; }

/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { width:700px; margin:0 auto; }

/* SKYPE MENU */
#skypemenu { width:355px; margin:20px auto; padding:10px; font-family:"Tahoma"; font-size:12px; -moz-box-shadow: 0 0 10px #adadad; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 10px #adadad; -webkit-border-radius: 5px; background-color:#fff; }
.skypeperson { }

.skypeonline { background-image:url("../images/PresenceOnline_16x16.png"); }
.skypeoffline { background-image:url("../images/PresenceOffline_16x16.png"); }
.skypeaway { background-image:url("../images/PresenceAway_16x16.png"); }
.skypebusy { background-image:url("../images/PresenceDoNotDisturb_16x16.png"); }

.skypename { cursor:pointer; padding:3px 0 5px 30px; background-repeat:no-repeat; background-position:left; text-shadow: #fff 0 1px 0; color:#000; }
.skypeinfo { display:none; }
.skypeavatar { margin:5px; -moz-box-shadow: 0 0 3px #adadad; -webkit-box-shadow: 0 0 3px #adadad; float:left; width:48px; height:48px; }
.skypedetails { background-image:url("../images/moreinfo.png"); background-repeat:no-repeat; width:263px; height:38px; float:left; margin:4px 5px 10px 0; padding:5px 0 0 15px; font-size:10px; color:#7D6666; }
.expanded { background-color:#A9D7FF; }
.expandeduser { margin:5px; border:1px solid white; -moz-box-shadow: 0 0 4px #adadad; -moz-border-radius: 3px; -webkit-box-shadow: 0 0 4px #adadad; -webkit-border-radius: 3px; }
.skypelocation { color:#7D6666; float:left; margin:0 0 2px 3px; }
.skypeicons { float:right; margin-right:10px; }
.skypeicons img { margin-top:-20px; }
.extrainfo { color:#7D6666; padding-left:2px; font-size:10px; }