/* CSS Reset
---------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body {
    line-height: 1;
	font-family: "PT Sans", sans-serif;	
}
ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
:focus {
    outline: 0 none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Global styling
---------------------*/
p {
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}
h1 {
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
h2 {
    color: #66254a;
    font-size: 16px;
    font-weight: normal;
}
h3 {
    color: #117085;
    font-size: 16px;
    text-transform: uppercase;
}
h4 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
}
h5 {
    font-size: 18px;
    line-height: 35px;
    text-transform: uppercase;
}


#myElement
{
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
position:absolute;
z-index:1;
margin-left:0px;
margin-top:-100px;
}

.importantRule { 
width: 400px !important;
height: 400px !important;
margin-top:0px !important;
margin-left:80px !important;
 }

.uiBoxYellow
{
display:none !important;
}


span
{
color:#5f5f5f !important;
}

#videoholder
{
width:660px; 
height:370px; 
position:relative; 
overflow:hidden; 
background-color:#000000;
}

#backgroundimage
{
position:absolute; z-index:100; top:0px; left:0px;
}

#profileicon
{
position:absolute; left:10px; top:75px; z-index:115;
}

#username
{
color:#12a8e1 !important; position:absolute; left:10px; top:235px; z-index:115; width:145px; font-size:18px; overflow:hidden; text-align:center;
}

.blue
{
color:#12a8e1 !important; 
}

.like
{
color:#11a8e1 !important; cursor:pointer;font-size:12px; 
}

#broadcastcountparent
{
position:absolute; left:10px; top:275px; z-index:115; width:145px; font-size:14px;
}

#followercountparent
{
position:absolute; left:10px; top:295px; z-index:115; width:145px; font-size:14px;
}

#followingcountparent
{
position:absolute; left:10px; top:315px; z-index:115; width:145px; font-size:14px;
}

#videoarchiveholder
{
width:320px; position:absolute; z-index:100; height:322px; left:150px; top:70px; overflow:hidden;
}

.videolinklatest
{
position:absolute; cursor:pointer; left:500px; top:160px; z-index:125; width:145px;
}

.pushholder
{
width:200px; 
float:left;
 padding-top:15px; 
 margin-left:15px; 
 border-top:1px solid #ececed;
 font-size:14px !important;
}

.usernowbroadcasting
{
position:absolute; top:0px; left:0px; z-index:250;
}

#startstop
{
display:none; cursor:pointer; position:absolute; left:420px; top:15px; z-index:135; width:230px; height:340px;
}

.archiveicon
{
width:30px;float:left; margin-left:20px; margin-top:10px;
}

#resumebutton
{
display:none; cursor:pointer; position:absolute; left:500px; top:160px; z-index:125; width:145px;
}

.videolink
{
position:relative;
}

#screengrabparent
{
position:absolute; left:420px; top:15px; z-index:124; width:230px; height:340px; background-color:#000000;
}

.pushmsg
{
font-size:14px !important;
color:#636666; 
cursor:pointer; 

}

.archiveicon img
{
cursor:pointer;
}

.broadcastingnowlink
{
    cursor:pointer;
}

/*** MOBILE **/
@media only screen and (max-device-width: 480px) 
{

    #widgetmain
    {
        width:400px;
        overflow:hidden;
    }

    #resumebutton
    {
        display:none !important;
    }


}