/*
Author: iMagdy
Author URL: http://imagdy.zxq.net
Date Last Updated: 21Jul. 2008
*/

html body {
    color: #666;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 55px;
    border: 0;
    text-align: center;
    background: #fff;
    font-family: "helvetica", arial, verdana, sans-serif;
    font-size: .9em;
}

img {
    border: 0;
}

.hide {
    display: none;
}

p {
    margin: 0;
    padding: 0 0 10px 0;
}

b {
    font-weight: bold;
    color: #000;
}
/* Heading Styles
 ----------------------------------------------- */
h1 {
    margin: 15px 0 5px 0;
    padding: 0;
    color: #000;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 2.4em;
    background: #fff;

}

.h1color {
    color: #b2b2b2;
    font-weight: normal;
}

h2 {
    margin: 10px 0 10px 0;
    padding: 0;
    color: #999;
    letter-spacing: 0;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
	float: left;
}

h5 {
    margin: 15px 0 5px 0;
    padding: 0;
    color: #000;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 7em;
    background: #fff;
}

.h5color {
    color: #b2b2b2;
    font-weight: normal;
}
/* Link styles
 ----------------------------------------------- */
a:link, a:visited, a:active {
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ed145b;
    background: transparent;
    text-decoration: none;
}

a:hover {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}

.boldlink, a.boldlink, a.boldlink:link, a.boldlink:visited {
    color: #ed145b;
    background: transparent;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}

a.boldlink:hover {
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: bold;
    background: #ed145b;
}

a.titlelink, a.titlelink:link, a.titlelink:visited {
    color: #000;
    background: transparent;
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.1em;
}

a.titlelink:hover {
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: normal;
    background: #ed145b;
}

.post-details a:link, .post-details a:visited, .post-details a:active {
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ed145b;
    background: transparent;
    text-decoration: none;
}

.post-details a:hover {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}

.logolink, a.logolink, a.logolink:link, a.logolink:visited {
    height: 48px;
    width: 253px;
    padding: 0;
    display: block;
}

a.logolink:hover {
    background: transparent;
}

#header-right a:link, #header-right a:visited, #header-right a:active {
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ed145b;
    background: transparent;
    text-decoration: none;
}

#header-right a:hover {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}

.ehubnavstyle a:link, .ehubnavstyle a:visited, .ehubnavstyle a:active {
    font-weight: bold;
    border: 0;
    padding: 0;
    margin: 0;
    color: #000;
    background: transparent;
    text-decoration: none;
}

.ehubnavstyle a:hover {
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}
/* Page Structure
 ----------------------------------------------- */
#header {
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    text-align: left;
    margin: 0px auto;
    color: #000;
    width: 940px;
    height: 80px;
    clear: both;
}

#header-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 680px;
    text-align: left;
    padding: 15px 0 0 0;
}

#header-right {
    position: relative;
    top: 0;
    left: 680px;
    width: 260px;
    text-align: right;
    font-size: .9em;
    padding: 32px 0 0 0;
}

#three-column-1 {
    float: left;
    width: 58%;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#three-column-2 {
    float: left;
    width: 24%;
    line-height: 1.2em;
}

#three-column-3 {
    float: left;
    width: 18%;
    line-height: 1.2em;
}

#two-column-1 {
    float: left;
    width: 76%;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#two-column-2 {
    float: left;
    width: 24%;
    line-height: 1.2em;
}

#equal-column-1 {
    float: left;
    width: 41%;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#equal-column-2 {
    float: left;
    width: 41%;
    font-size: 1.2em;
    line-height: 1.3em;
}

#equal-column-3 {
    float: left;
    width: 18%;
}
/* Start Mac IE5 filter \*/
#three-column-1, #three-column-2, #three-column-3, #two-column-1, #two-column-2, #equal-column-1, #equal-column-2, #equal-column-3, { padding-bottom:
32767px !important;

margin-bottom:
-32767px !important;
}
/* End Mac IE5 filter */
#wrapper {
    overflow: hidden; /* This hides the excess padding in non-IE browsers */
    background: #fff;
    width: 940px;
    margin: 0px auto;
}

#wrapper {
    float: left;
    float /**/:none;
}

#wrapper:after {
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#wrapper {
    display: inline-block;
}
/*\*/
#wrapper {
    display: block;
}

#footer {
    background: #fff;
    text-align: left;
    margin: 0px auto;
    color: #000;
    width: 940px;
    clear: both;
}

* > #footer, * > form, * > #notes, * > .output {
    position: relative;
    z-index: 1000;
}

#wrapper p, #header p {
    margin: 0;
    padding: 0 0 15px 0;
}

#footer p {
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #ccc;
}

#three-column-1 ul {
    margin: 0 0 10px 15px;
    padding: 0;
    color: #666;
    list-style-type: square;
}

#three-column-1 li {
    margin: 10px 0 10px 20px;
    padding: 0;
}

#twitter_div ul li {
    margin: 0;
    padding: 0;
    color: #666;
    list-style-type: square;
}
/* Text Styles
 -------------------------------------------------- */
.titlelink {
    color: #000;
    background: transparent;
    padding: 5px 0 5px 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.1em;
}

.title {
    color: #000;
    background: transparent;
    padding: 10px 0 15px 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.1em;
}

.tinytext {
    color: #666;
    font-size: 12px;

}

.date {
    color: #999;
    font-size: 12px;
}

.post {
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #ccc;
}

.post-details {
    font-size: 12px;
    color: #666;
    background: #fff;
    padding: 15px 0 0 0;
}

.one {
    text-align: left;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.bold {
    text-align: left;
    font-weight: bold;
    color: #000;
}

blockquote {
    text-align: left;
    padding: 10px;
    border-left: 1px solid #ccc;
    background: #eee;
}

.interviewtitle {
    color: #000;
    background: transparent;
    padding: 5px 0 10px 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.4em;
}

.selected {
    color: #fff;
    padding: 2px;
    margin: 0;
    border: 0;
    text-decoration: none;
    background: #ed145b;
}
/* Page Style
 -------------------------------------------------- */
.headerstyle {
    padding: 15px 0 0 0;
    margin: 0px auto;
    color: #000;
    background: transparent;
    width: 940px;
}

.logo {
    background: transparent url(../images/site_images/logo-mark.gif) no-repeat 0 0;
    height: 48px;
    margin: 0;
    padding: 0;
    width: 253px;
}

.columnstyle {
    text-align: left;
    font-weight: normal;
    margin: 10px;
    padding: 0 15px 0 0;
    border-right: 1px solid #ccc;
}

.adstyle {
    color: #666;
    background: #eee;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    border: 0px solid #ccc;
}

.featurestyle {
    color: #fff;
    background: #ed145b;
    text-align: left;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 10px;
}

.photoboxstyle {
    color: #666;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.photoboxstyle img {
    background: #fff;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
}

.editorboxstyle {
    color: #666;
    text-align: left;
    font-size: .9em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.editorboxstyle img {
    background: #fff;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
}

ul {
    margin: 0 0 15px 10px;
    padding: 0;
    color: #ccc;
    list-style-type: square;
}

li {
    margin: 0;
    padding: 0;
}

.ehubnavstyle {
    color: #999;
    background: #fff;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.left img {
    float: left;
    padding: 5px 10px 0 0;
}

.right img {
    float: right;
    padding: 5px 0 5px 10px;
}

.interviewimage img {
    float: left;
    padding: 0 15px 5px 0;
}

.contentimage img {
    float: left;
    padding: 0 15px 5px 0;
}

.badgestyle {
    color: #666;
    background: #FBE6E6;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    border: 0px solid #ccc;
}
/* Global Menu
 -------------------------------------------------- */
#topmenuwrapper {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 25px;
    background: #000;
}

#topmenu {
    margin: 0px auto;
    padding: 0;
    border: 0;
    text-align: center;
    width: 940px;
    height: 25px;
}

#topmenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    clear: both;
    height: 25px;
    width: 940px;
}

#topmenu ul li {
    float: left;
    border-right: 1px solid #666;
    height: 25px;
}

#topmenu ul #lileft {
    border-left: 0;
}

#topmenu ul li a {
    font: 14px / 18px arial, sans-serif;
    text-decoration: none;
    color: #fff;
    padding: 8px 15px 8px 15px;
    background: #333;
}

#topmenu ul li .active {
    background: #fff;
    font-weight: bold;
    color: #000;
}

#topmenu ul li a:hover {
    background: #ed145b;
    color: #fff;
    height: 25px;
}

.clear {
    clear: both;
    height: 1px;
    font: 0px / 0px sans-serif;
}
/* stream styles
 ----------------------------------------------- */
#stream-left {
    top: 0;
    padding: 5px 0 5px 0;
    text-align: left;
    width: 200px;
}

#stream-right {
    top: 0;
    left: 75%;
    text-align: left;
    width: 100%;
}

.stream-date {
    text-align: left;
    color: #999;
    font-size: 12px;
    bottom-margin: 10px;
}

.stream-delicious {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: #fff;
    background: url(http://www.emilychang.com/images/stream-icons/delicious.png) no-repeat 0 10px;
}

.stream-em {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/em.png) no-repeat 0 10px;
}

.stream-lastfm {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/lastfm.png) no-repeat 0 10px;
}

.stream-twitter {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/twitter.png) no-repeat 0 10px;
}

.stream-stylehive {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/stylehive.png) no-repeat 0 10px;
}

.stream-flickr {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/flickr.gif) no-repeat 0 10px;
}

.stream-upcoming {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/upcoming.png) no-repeat 0 10px;
}

.stream-ideacodes {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/ideacodes.png) no-repeat 0 10px;
}

.stream-plazes {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/plazes.png) no-repeat 0 10px;
}

.stream-tumblr {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/tumblr.png) no-repeat 0 10px;
}
/* ebot styles
 ----------------------------------------------- */
.stream-ebot {
    text-align: left;
    padding: 5px 10px 0 0;
    border-top: 1px solid #ccc;
    background: transparent;
}
/* Video Block
 -------------------------------------------------- */
#videocontainer {
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    text-align: left;
    margin: 0;
    color: #666;
    border: 0;
    width: 100%;
    clear: both;
}

.thevideo {
    background: transparent;
    text-align: left;
    margin: 0 25px 20px 0;
    color: #666;
    width: 310px;
    height: 280px;
    float: left;
    font-size: 14px;
}

#videocontainer img {
    border: 0;
    float: none;
}

.mediatitlelink a:link, .mediatitlelink a:visited, .mediatitlelink a:active {
    color: #ed145b;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 16px;
    background: transparent;
}

.mediatitlelink a:hover {
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: normal;
    background: #ed145b;
}