@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);

a { color:#111; text-decoration: none }

html {
 margin:0 !important; 
 padding:0 !important;
}

body {
    width:100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-family: 'Open Sans', Tahoma, Arial;
    background: #dfe5e9;
    color:#555;
    margin0 !important;
    padding:0 !important;
    padding-top:50px !important;
}

#wrapper {
    text-align: left;
    width:   1020px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#footer {
    clear:both;
    padding-top:5px;
    text-align:center;
    font-size:10px;
    font-weight:normal;
    margin-top:10px;
}


/****************************************
 **                                    **
 **        NAVIGATION FIELDS           **
 **                                    **
 ****************************************/
#leftMain {
}

.mainNav_close {
 background:url(/skins/macskin_silver_2011/gfx/l_bot.jpg);
 width:190px;
 height:39px;
 margin:0px;
}

.menu_head {
    display:block;
    margin:0px;
    /*background:transparent url(/gfx/table_headers.png) repeat-x;*/
    width:190px;
    height:22px;
    color:#fff;
    padding-top:2px;
    padding-left:4px;
    margin-bottom:6px;
    font-size:14px;
    font-weight:bold;
}




/****************************************
 **                                    **
 **           MAIN CONTENT             **
 **                                    **
 ****************************************/

#mainContent {
    font-size:10px;
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:500px;
    margin:0px 150px 0px 150px;
    padding:0px;
}

#mainContent h1 {
    margin:0px;
    font-size:18px;
    color:#333;
}

#mainContent h2
{
 font-size:12px;
 color:#333;
 margin:0px;
 font-weight:normal;
 background:#fff;
}

#mainContent hr {
 height:1px;
 color:#555;
 background:#fff;
}

#contentBox {
    background:#fff;
    width:100%;
}

#mainContent table
{
 font-size:12px;
}

.mainTable {
    font-size:12px;
}

.mainTable thead {
    background:#dedede;
    padding:5px;
}

.mainTable th a {
    color:#012248;
   text-shadow: 1px 1px 1px #fff;
}

.mainTable th {
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin:0px;
    color:#012248;
    padding:5px;
    background:#dcdcdc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-shadow: 1px 1px 1px #fff;
    padding-left:10px;

}

.mainTable td {
    padding:5px;
}

.mainTable .odd {
    background:#eef3f9;
}

#mainTopMenu h2 {
    margin:0px;
}

.smlTxt {
    font-size:10px;
    float:right;
}
/****************************************
 **                                    **
 **           MAIN CONTENT BOX         **
 **                                    **
 ****************************************/
.box {
    width: 100%;
    background:#fafafa url(/gfx/topHeader.png) repeat-x;
    margin:0;
    padding:0;
    min-width:800px;
    padding-left:7px;
    padding-right:7px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box_space {
    padding-top:35px;
}

.menuHeadline {
    font-size:14px;
    display:block;
    color:#eee;
    font-weight:bold;
    padding-top:5px;
    /*background: url(/gfx/table_headers.png) no-repeat;*/
    height:25px;
    min-width:90px;
    padding-left:10px;
    margin-bottom:10px;
}

.headline2 {
    font-size:14px;
    display:block;
    color:#eee;
    font-weight:bold;
    padding-top:5px;
    background: url(/gfx/table_headers.png) repeat-x;
    height:25px;
    min-width:90px;
    padding-left:10px;
}

.menuHeadline a {
    color:#eee;
}

.menuHeadline a:hover
{
 border-bottom:dotted 1px #aaa;
}


#newsList {
 color:#111;
}

#newsList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#044474;
 font-weight:normal;
}

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

#newsList h2
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 padding-bottom:2px;
 margin:0px;
 margin-left:0px;
 padding-left:0px;
 letter-spacing:-1px;
}

#newsList h1
{
 font-size:24px;
 font-weight:normal;
 color:#044474;
 padding-bottom:2px;
 margin:0px;
 margin-left:0px;
 padding-left:0px;
 letter-spacing:-1px;
}

hr {
    clear:both;
    margin-top:10px;
    margin-bottom:20px;

 border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0));
    box-shadow:0px 0px 3px #eee;
}
}

#newsList .separator
{
 height:30px;
}

#newsList .h1news
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}


#newsList .datum {
    color:#666;
    text-decoration: none;
    border-bottom:solid 1px #eee;
    margin-bottom:10px;
    font-size:11px;
}

#newsList .author
{
 padding-top:2px;
 margin:0px;
 font:90%/1.2em Georgia,Serif;
 color:#444;
 background:#f4f8fd;
}

#newsList p 
{
 font-size:12px;
 color:#333;
}

#newsList input,select,textarea
{
 background:#f4f8fd;
 border:solid 1px #aaa;
}

/****************************************
 **                                    **
 **      MESSAGEBOARD FIELDS           **
 **                                    **
 ****************************************/

#msgBoard {
    color:#111;
}

#msgBoard a {
    padding-bottom:2px;
    margin-bottom:.25em;
    color:#333;
    font-weight:normal;
}

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

#msgBoard h1 
{
    font-size:24px;
    font-weight:normal;
    color:#333;
    margin:0px;
    margin-bottom:4px;

}

#msgBoard .h1news
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}


#msgBoard h2
{
 margin:0px;
 font:100%/1.5em Verdana,Arial,Sans-serif;
 font-weight:bold;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

.data {
    font-size:12px;
    margin-bottom:5px;
    margin-bottom:20px;
    padding:5px;
    float:right;
    width:700px;
    background:#e3e3e3;
}

#msgBoard .updated
{
 border:1px dotted #999 !important;
 border:1px dotted #ccc;
 margin:5px;
 padding:5px;
 background:#eee;
 
}

#msgBoard h3 
{
 padding-top:2px;
 margin:0px;
 font-size:12px;
 color:#999;
 margin-bottom:20px;
}

#msgBoard h4
{
 font-size:20px;
 font-weight:bold;
 color:#433;
 padding-bottom:2px;
 padding-left:4px;
 margin:0px;
}

#msgBoard .highlight
{
 color:#900;
 background: url(/skins/macskin_silver_2011/gfx/highlight_28px-3.png) repeat-x;
}

#msgBoard .highlight2
{
 color:#900;
 background: url(/skins/macskin_silver_2011/gfx/highlight_28px-2.png) repeat-x;
}


#msgBoard .odd2
{
 background: url(/skins/macskin_silver_2011/gfx/highlight_28px.png) repeat-x;
}

#msgBoard .odd3
{
 background: url(/skins/macskin_silver_2011/gfx/highlight_15px.png) repeat-x;
}

#msgBoard p 
{
 font-size:13px;
 color:#333;
}

#msgBoard .myDesc
{
 background:#fafaff;
 color:#444;
 padding-bottom:8px;
 padding-top:4px;
 padding-left:5px;
}

#msgBoard input[type=text] {
    height:22px !important;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border:solid 1px #999;
    padding:3px;
    color:#666;
    font-size:15px;
}

#msgBoard input[type=text]:hover {
    background:#ffe;
}


#msgBoard select,textarea
{
/* background:#f4f8fd; */
 border:solid 1px #aaa;
}


/****************************************
 **                                    **
 **   EDIT MEMBERS FIELDS              **
 **                                    **
 ****************************************/

#editList
{
 color:#111;
 font-size:12px;
}

#editList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#044474;
 font-weight:normal;
}

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

#editList h1 
{
     font-size:24px;
    font-weight:normal;
    color:#333;
    margin:0px;
    margin-bottom:4px;

}

#editList h2
{
 margin:0px;
 font:120%/1.5em Verdana,Arial,Sans-serif;
 font-weight:bold;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#editList label 
{
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
    text-align: right;
    padding-right: 20px;
}

#editList br
{
 clear:left;
}

#editList p 
{
 font-size:13px;
 color:#333;
}


.submitBtn {
    padding:5px;
    margin:2px;
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5));
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #949494;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
    text-align:center;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
}

#editList input[type=submit] {
    padding:5px;
    margin:2px;
}

#editList input[type=text], #editList input[type=password], #editList textarea {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 200px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea.addComment {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    background: #fff;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    width:98% !important;
}

.mainList {
    color:#111;
    padding:10px;
    background:#eee;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.mainList a {
    padding-bottom:2px;
    margin-bottom:.25em;
    font-weight:normal;
    color:#333;
}

.mainList a:hover {
    text-decoration:none;
    color:#f7820e;
}

.mainList h1, .mainList h2 {
    font-size:24px;
    font-weight:normal;
    color:#333;
    margin:0px;
    margin-bottom:4px;
}

.mainList p {
    font-size:13px;
    color:#333;
    line-height:18px;
    text-align:justify;
}


#skinList {
    color:#111;
    height:265px;
    padding:10px;
    background:#eee;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


#skinList a {
    padding-bottom:2px;
    margin-bottom:.25em;
    font-weight:normal;
    color:#333;
}

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

#skinList h1, #skinList h2 {
    font-size:24px;
    font-weight:normal;
    color:#333;
    margin:0px;
    margin-bottom:4px;
}


#skinList p {
    font-size:13px;
    color:#333;
    line-height:18px;
    text-align:justify;
}

#skinList .appDesc {
    height:158px;
    buffer:158px;
    overflow:auto;
    
}

.moreBtn {
    display:block;
    margin-top:5px;
    margin-bottom:5px;
    background:#f7820e;
    color:#fff !important;
    padding:3px;
    width:40px;
    border-radius:5px;
    text-align:center;
}

.moreBtn:hover {
    background:#fab206;
    
}

#skinList ul {
    list-style:none;
    padding-left:4px;
    padding-top:0px;
    margin:0px;
}

#skinList li {
    margin-bottom:2px;
    font-size:18px;
    padding-bottom:4px;
}


#appList
{
 color:#111;
}

#appList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-weight:normal;
 color:#333;
}

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

#appList h1 
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#appList h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#appList h2>a
{
 color:#444;
 text-decoration: underline;
}

#appList h2>a:hover
{
 color:#933;
 text-decoration: underline;
}


#appList fieldset
{
 height:45px;
 background:#f9f9f9;
 font-size:120%/1.5em;
 color:#444;
 padding:0px;
 margin:0px;
 text-decoration: none;
 border:solid 1px #ccc;
 padding-top:3px;
}

#appList p 
{
 font-size:13px;
 color:#333;
}

#appList ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#appList li
{
 margin-bottom:2px;
 font-size:18px;
 padding-bottom:4px;
}


/****************************************
 **                                    **
 **  APPLIST LIST TOP FIELDS           **
 **                                    **
 ****************************************/

#profileList
{
 color:#111;
}

#profileList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-weight:normal;
 color:#333;
}

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

#profileList h1 
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#profileList h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#profileList h2>a
{
 color:#444;
 text-decoration: underline;
}

#profileList h2>a:hover
{
 color:#933;
 text-decoration: underline;
}


#profileList fieldset
{
 height:45px;
 background:#f9f9f9;
 font-size:120%/1.5em;
 color:#444;
 padding:0px;
 margin:0px;
 text-decoration: none;
 border:solid 1px #ccc;
 padding-top:3px;
}

#profileList p 
{
 font-size:13px;
 color:#333;
}

#profileList ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#profileList li
{
 margin-bottom:2px;
 font-size:14px;
 padding-bottom:1px;
}


#skinNav {
    text-align:center;
    margin-right:10px;
    width:auto;
    float:left;
    border:solid 1px #ccc;
    padding:10px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background:#fff;
}

#skinNav p {
    margin:0px;
    display:inline;
    font-size:12px;
    vertical-align:middle;
}

#skinNav img {
    vertical-align:bottom;
}


#showSkin
{
}


#showSkin ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#showSkin li
{
 margin-bottom:1px;
 font-size:12px;
 padding-bottom:2px;
}

.skinTitle {
    margin:0px;
    font-size:16px; 
    color:#012248;
    padding:5px;
    background:#dcdcdc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-shadow: 1px 1px 1px #fff;
    padding-left:10px;
}

.skinTitle a {
    color:#012248;
}

.skinTitleFP {
    margin:0px;
    font-size:14px;
    color:#012248;
    padding:5px;
    background:#dcdcdc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-shadow: 1px 1px 1px #fff;
    padding-left:10px;
}

.skinTitleFP a {
    color:#012248;
}


.skinTitleRoot {
    margin:0px;
    font-size:16px; 
    color:#333;
    padding:5px;
    background:#dbe9fb;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-shadow: 1px 1px 1px #fff;
    padding-left:10px;
    margin-left:110px;
    width:585px;
    position:absolute;
    top:0;
    opacity:.9;
}


#showSkin h1 {
    margin:0px;
    margin-top:0px;
    font-size:16px; 
    color:#000;
    border-bottom:1px dotted #999 !important;
    border-bottom:1px solid #ccc;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    margin-bottom:.25em;
    background:#dbe9fb;
}

.blueBorder {
    margin:0px;
    margin-top:0px;
    font-size:16px; 
    color:#000;
    border-bottom:1px dotted #999 !important;
    border-bottom:1px solid #ccc;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    margin-bottom:.25em;
    background:#dbe9fb;
}

.awardedBox {
    border-radius:5px;
    float:left;
    margin:5px;
    width:60px;
    height:79px;
}
.artWorkDescH {
    font-size:12px;
    color:#333;
    margin-top:5px;
}
.artWorkDesc {
    font-size:13px;
    margin-bottom:10px;
    color:#444;
}
.artWorkDetails {
    max-width:350px;
    padding:5px;
    border:solid 1px #dbe9fb;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
#showSkin .showDetails {
    padding-top:10px;
    padding-left:10px;
    display:block;
    margin-left: 320px;
    min-width:450px;
}

#showSkin .showButtons
{
 clear:both;
 margin-top:5px;
 margin-bottom:5px;
}

#showSkin .skinPic img
{
 background-color:#fff;
 border: 1px solid #a9a9a9;
 padding:4px;
 margin: 0px 5px 5px 0px;
}

#showSkin .showPicture
{
 /*position:absolute;*/
 display:block;
 float:left;
 width:330px;
 height:330px;
 padding-top:10px;
}

#showPicture
{
 /*position:absolute;*/
 display:block;
 float:left;
 width:330px;
 padding-top:10px;
}

#showSkin .showDescription
{
 position:absolute;
 left:320px;
 top:200px;
 display:block;
}

#location_bar {
    color:#444;
    margin: 0px;
    padding:0px;
    text-decoration: none;
    margin-bottom:5px;
}

#location_bar a {
    color:#444;
    text-decoration: underline;
}

#location_bar a:hover {
    color:#933;
    text-decoration: underline;
}

#showSkin h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#showSkin h2>a
{
 color:#444;
 text-decoration: underline;
}

#showSkin h2>a:hover
{
 color:#933;
 text-decoration: underline;
}


#showSkin .odd
{
 display:block;
 background-color: #eef3f9;
}

.odd
{
 background-color: #eef3f9;
}

#topSkinBrowser
{
 font-size:12px;
 float:left;
 margin:0px;
}

#topSkinBrowser a
{
 color:#333;
}

#showComments {
    width:100%;
    border-left:dotted 1px #aaa !important;
    border-left:1px solid #ccc;
    border-right:dotted 1px #aaa !important;
    border-right:solid 1px #ccc;
}

#showComments .myBox {
    clear:both;
    border-top:dotted 1px #aaa !important;
    border-top:solid 1px #ccc;
    padding:2px;
    margin:2px;
    margin-top:0px;
    padding-top:0px;
}

#showComments .myBox:hover {
}

#showComments .topBox
{
 font-size:12px;
 text-align:right;
 border-bottom:dotted 1px #eee !important;
 border-bottom:solid 1px #eee;
}

#showComments .leftBox
{
 padding-right:5px;
 text-align:center;
 width:100px;
 float:left;
 background:#eee;
 vertical-align:middle;
}

#showComments .rightBox
{
 text-align:left;
 float:right;
 background:#ffa;
 margin-right:5px;
}

#showComments .signature
{
 border:dotted 1px #aaa !important;
 border:solid 1px #ccc;
 background:#eee;
 vertical-align:bottom;
 text-align:center;
 clear:both;
}

#showComments p
{
 padding:5px;
 margin-left:5px;
}

.message {
    font-size:11px;
    padding:5px;
    margin-left:5px;
    color:#333;
}



 dl.comment
{
 clear:both;
 width: 100%;
 margin: 2em 0;
 padding: 2px;
}

.comment dt
{
 width: 100px;
 float: left;
 margin: 0 0 0 0;
 text-align:center;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.comment dd
{
 float: left;
 margin: 0 0 0 0;
 border-top:dotted 1px #eee !important;
 border-bottom:dotted 1px #eee !important;
 border-right:dotted 1px #eee !important;

 border-top:solid 1px #eee;
 border-bottom:solid 1px #eee;
 border-right:solid 1px #eee;

 width:80%;

}

#showPosts
{

}

#showPosts .myBox
{
 clear:both;
 border-top:dotted 1px #aaa !important;
 border-top:solid 1px #ccc;
 padding:2px;
 margin:2px;
 margin-top:0px;
 padding-top:0px;
 background:#eee;
}

#showPosts .myBox:hover
{
}

#showPosts .topBox
{
 font-size:12px;
 text-align:right;
 border-bottom:dotted 1px #aaa !important;
 border-bottom:solidd 1px #ccc;
 color:#999;
 background:#fff;
}

#showPosts .leftBox
{
 padding-top:20px;
 padding-right:5px;
 margin-right:5px;
 text-align:center;
 width:100px;
 min-height:60px;
 float:left;
 background:#eee;
 vertical-align:middle;
}

#showPosts .rightBox
{
 text-align:left;
 float:right;
 background:#fff;
 margin-right:5px;
 padding-left:90px;
}

#showPosts .signature
{
 display:block;
 text-align:center;
 clear:both;
 padding:5px;
 color:#999;
 padding-top:10px;
 margin-left:105px;
 background:#fff;
 border-top:1px solid 1px #ccc;
}

#showPosts .message
{
 background:#fff;
 margin-left:105px;
 min-height:120px;

}
#showPosts p
{
 padding:5px;
 margin-left:5px;
}



#addComment
{
 clear:both;
}

#addComment textarea
{
 width:100%;
 height:150px;
 border:solid 1px #ccc;
}

#browsing dl
{
 clear:both;
 margin: 2em 0;
 padding: 0;
}

#browsing dt
{
 font-size:18px;
 border: 1px dotted #eee !important;
 border: 1px solid #eee;
 text-align:center;
}

#browsing dd
{
 float: left;
 margin: 0 0 0 0;
 border: 1px dotted #eee !important;
 border: 1px solid #eee;
}

#showBrowser
{
 position:absolute;
 top:25px;
 right:240px;
 width:200px;
 height:240px;
 buffer:240px;
 overflow:auto;
 background:#ccc;
 color:#000;
 border: 1px solid #000;
 opacity: .95;
 filter: alpha(opacity=95);
 z-index:200;
 visibility: hidden;
}

#showBrowser ul
{
 width:180px;
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#showBrowser li
{
 width:400px;
 margin-bottom:2px;
 font-size:13px;
 padding-bottom:4px;
}

#showBrowser li:hover
{
 background:#eee;
}

#showBrowser a
{
 color:#000;
}

#showBrowser .odd
{
 display:block;
 background-color: #bbb;
}
#showBrowser .odd2
{
 display:block;
 background-color: #988;
}


/****************************************/
/**                                    **/
/** Main Browser                       **/
/**                                    **/
/****************************************/

#mainBrowser
{
 clear:both;
 position:absolute; 
 height:50px;
 text-align:center;
}

#mainBrowser .previous
{
 position:absolute;
 left:0px;
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver_2011/gfx/prev.jpg) no-repeat;
}

#mainBrowser .previous:hover
{
 background: url(/skins/macskin_silver_2011/gfx/prev_over.jpg) no-repeat;
}

#mainBrowser .directory
{
 position:absolute;
 left:103px;
 width: 126px;
 height: 36px;
 background: url(/skins/macskin_silver_2011/gfx/SkinDirectory.jpg) no-repeat;
}

#mainBrowser .directory:hover
{
 background: url(/skins/macskin_silver_2011/gfx/SkinDirectory_over.jpg) no-repeat;
}

#mainBrowser .next
{
 position:absolute;
 left:228px;
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver_2011/gfx/next.jpg) no-repeat;
}

#mainBrowser .next:hover
{
 background: url(/skins/macskin_silver_2011/gfx/next_over.jpg) no-repeat;
}



.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
/*background: url("/gfx/rollover-image.gif") 0 0 no-repeat;*/
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}

#mainBrowser2
{
 text-align:center;
}

.previous
{
 padding:0px;
 margin:0px;
 display:block;
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver_2011/gfx/prev.png) 0 0 no-repeat;
}

.previous:hover
{
 background: url(/skins/macskin_silver_2011/gfx/prev_over.png) no-repeat;
 width: 102px;
 height: 36px;
}


.directory
{
 width: 126px;
 height: 36px;
 background: url(/skins/macskin_silver_2011/gfx/SkinDirectory.jpg) no-repeat;
}

.directory:hover
{
 background: url(/skins/macskin_silver_2011/gfx/SkinDirectory_over.jpg) no-repeat;
}

.next
{
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver_2011/gfx/next.jpg) no-repeat;
}

.next:hover
{
 background: url(/skins/macskin_silver_2011/gfx/next_over.jpg) no-repeat;
}

#topNav .loginek
{
 height:34px;
 position:absolute;
 top:112px !important;
 top:128px;
 left:150px;
}

#topNav .clock
{
/*
 float:right;
 padding-top:10px;
 margin-right:2px;
*/
 position:absolute;
 top:115px !important;
 top:127px;
 left:5px;
 float:left;
 margin-right:5px;
 color:#e0e0e0;
}

#topNav .toolbar
{
 position:absolute;
 text-align:right;
 top:110px !important;
 top:123px;
 right:5px;
}


#topNav 
{
 margin:0px;
 padding-top:0px !important;
 padding-top:4px;
 height:34px;
 line-height:28px;
 text-align:top;
 color:#aaa;
 background:url(/skins/macskin_silver_2011/gfx/toolbar.jpg) repeat-x;
 font-size:12px;
}

#topNav a:hover, #topNav a:focus 
{
 text-decoration:underline;
}

#topNav a
{
 color:#999;
}

#topNav .loginField
{
 border:0px !important;
 border:1px solid #111;
 background:url(/skins/macskin_silver_2011/gfx/login_input3.png) no-repeat !important;
 background:#666;
 width:114px;
 height:24px !important;
 height:16px;
 color:#ccc;
 font-size:10px;
 padding-left:10px;
 padding-top:5px;
}

#topNav .submitField
{
 border:0px !important;
 border:1px solid #111;
 background:url(/skins/macskin_silver_2011/gfx/login_button.png) no-repeat !important;
 background:#888;
 background-position: 0px 5px !important; 
 width:87px !important;
 height:29px !important;
 height:23px;
 color:#aaa;
 cursor:pointer;
 font-size:10px;
 color:#f9f9f9;
}

#topNav .submitField:hover
{
 background:url(/skins/macskin_silver_2011/gfx/login_button_over.png) no-repeat;
 background-position: 0px 5px; 
}

#mainGallery
{
 margin-top:30px;
 text-align:center;
}

#mainGallery ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
 vertical-align:middle;
 text-align:center;
}

#mainGallery li
{
 border:solid 1px #eee;
 float:left;
 width:170px;
 height:190px;
 vertical-align:middle;
 text-align:center;
 padding-left:12px;
}

#mainGallery img:hover
{
 background:#ffa;
}


.pixSubs {
    clear:both;
    text-align:center;
    font-size:10px;
    position:relative;
    margin-top:-35px;
    height:50px;
    font-size:12px;
    color:#444;
    padding-left:22px;
    padding-right:22px;
}


div #latestStuff
{
 width:100%;
 height:110px;
 overflow: hidden;
}




div.streamBuddy {
    padding-top:30px;
    padding-bottom:30px;
    vertical-align:middle;
}

div.streamBuddy p,div.streamBuddy p a
{
 text-align:center;
 color:#888;
}

div.streamBuddy div span 
{
 display:table-cell;
 display:inline-block;
 width:80px;
 vertical-align:bottom;
}

div.streamBuddy div 
{
 display:inline;
}




.stream  {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    vertical-align:middle;
}


.stream div span {
    display:table-cell;
    display:inline-block;
    width:190px;
    vertical-align:bottom;
    margin-bottom:10px;
}

.stream div {
    display:inline;
}


div.stream2 {
    text-align:center;
    vertical-align:middle;
    height:170px;
    buffer:100px;
    overflow:none;
}

div.stream2 div span 
{
 display:table-cell;
 display:inline-block;
 width:110px;
 height:110px;
 vertical-align:bottom;
}

div.stream2 div 
{
 display:inline;
}


div #latestStuff2
{
 margin:0px;
 padding:0px;
 width:100%;
 height:154px;
 *height:152px;
 overflow: hidden;
}

div #latestStuff3
{
 margin:0px;
 padding:0px;
 width:100%;
 height:160px;
 overflow: hidden;
}

div.stream4
{
 text-align:center;
 vertical-align:middle;
 height:150px;
 buffer:110px;
 overflow:none;
}

div.stream4 div span 
{
 display:table-cell;
 display:inline-block;
 width:130px;
 height:150px;
 vertical-align:bottom;
}

div.stream4 div 
{
 display:inline;
}

div.stream4 p
{
 margin: 0px;
 margin-bottom:40px;
}

div.stream3
{
 text-align:center;
 vertical-align:middle;
 height:140px;
 buffer:110px;
 overflow:none;
}

div.stream3 div span 
{
 display:table-cell;
 display:inline-block;
 width:130px;
 height:140px;
 vertical-align:bottom;
}

div.stream3 div 
{
 display:inline;
}

div.stream3 p
{
 margin: 0px;
 margin-bottom:40px;
}

.imgBox {
    width:190px;
    vertical-align:middle;
}

.imgBox2
{
 float:left;
 width:190px;
 height:140px;
 vertical-align:middle;
}

.imgBox2 img {
    border:solid 1px #999;
    padding:3px;
    margin:4px;
}

.clear{
    clear:both;
}
.imgBoxBuddy
{
 width:60px;
 /* height:190px;*/
 vertical-align:middle;
}


.shadow {
    display:block;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    padding:3px 4px 5px 4px !important;
    border:1px solid red;
}

.myShadow {
 display:block;
 text-align:center;
 background-position:center;
 background-repeat:no-repeat;
 padding:3px 4px 5px 4px !important;
}

.myShadow img
{
 background-color:#fff;
 border: 1px solid #a9a9a9;
 padding:4px;
 margin: 0px 5px 5px 0px;
}

.myShadow img:hover
{
 background-color:#ff9;
}

/****************************************/
/**                                    **/
/** Private Messages                   **/
/**                                    **/
/****************************************/

#privateMessage {
}

.prvMessage {
    list-style:none;
    padding-top:0px;
    margin:0px;
    padding:2px;
    height:20px;
}

.prvMessage li {
    display:block;
    width:auto;
    height:20px;
    margin-bottom:2px;
    font-size:12px;
    float:left;
    background:#ffe;
    margin:3px;
    padding:3px;
    border:solid 1px #aaa;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.prvMessage li a {
    color:#000;
}

.prvMessage li:hover {
    background:#ffa;
}

#message_list {
    clear:both;
    height:300px;
    buffer:300px;
    overflow:auto;
    border-bottom:2px solid #999;
    border:solid 1px #ccc;
}

#ArtworkManager {
 clear:both;
 height:360px;
 buffer:360px;
 overflow:auto;
 padding-bottom:10px
 border-bottom:2px solid #999;
}

#msgList {
 clear:both;
 height:360px;
 buffer:360px;
 overflow:auto;
 border-bottom:3px solid #999;
}

#msgShow
{
 color:#333;
}



/**** Messsages ****/
#privateMessage p {
    line-height:140%;
    font-size: 14px;
    padding:11px
}

#privateMessage .msgHeader {
    display: block;
    margin-top:5px;
    padding:5px;
    padding-left:11px;
    background:#eee;
    width:100%;
    border-bottom:1px solid #ccc;
    box-shadow:0 0 3px #999;
}

#privateMessage h5 {
    margin:0px;
    line-height:120%;
    font-size: 14px;
    font-weight:bold;
    color:#555;
}

#privateMessage h4 {
    margin:0px;
    padding-top:10px;
    line-height:120%;
    font-size: 19px;
    font-weight:bold;
}

#privateMessage table {
    width:100%;
}

#privateMessage thead {
    background:#eee;
    padding:3px;
    font-size:13px;
}

#privateMessage th {
    font-size:13px;
    color:#333;
    text-align:center;
    padding:3px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#privateMessage td {
    font-size:13px;
    color:#333;
    padding:3px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#privateMessage .unread {
    font-weight:bold;
}

#privateMessage .read {
    font-weight:normal;
    background:transparent;
    color:#900;
}

/****************************************/
/**                                    **/
/** Upload Manager                     **/
/**                                    **/
/****************************************/

#uploadsManager
{
}

#uploadsManager ul
{
 list-style:none;
 padding-top:0px;
 margin:0px;
 padding:2px;
}

#uploadsManager li
{
 display:block;
 width:200px;
 height:20px;
 margin-bottom:2px;
 font-size:12px;
 float:left;
 background:#ffe;
}

#uploadsManager li a
{
 color:#000;
}

#uploadsManager li:hover
{
 background:#ffa;
}

#msgList
{
 clear:both;
 height:272px;
 buffer:272px;
 overflow:auto;
 border-bottom:3px solid #999;
}

#msgShow
{
 color:#333;
}

#uploadsManager p
{
 line-height:110%;
 font-size: 14px;
}

#uploadsManager .msgHeader
{
 display: block;
 background:#eee;
 width:99%;
 padding:3px;
 border-bottom:3px solid #999;
}

#uploadsManager h5
{
 margin:0px;
 line-height:120%;
 font-size: 14px;
 font-weight:bold;
 color:#555;
}

#uploadsManager h4
{
 margin:0px;
 padding-top:10px;
 line-height:120%;
 font-size: 19px;
 font-weight:bold;
}

#uploadsManager table
{
 width:100%;
}

#uploadsManager thead
{
 border-bottom: dotted 1px #999 !important;
 border-bottom: solid 1px #ccc;
 background:#eee;
}

#uploadsManager th
{
 font-size:13px;
 color:#333;
 text-align:center;
}

#uploadsManager .unread
{
 font-weight:bold;
}

#uploadsManager .read
{
 font-weight:normal;
 background:transparent;
 color:#900;
}

#uploadsManager fieldset
{
 border:dotted 1px #ccc !important;
 border:solid 1px #999;
 background:#ddd;
 padding-left:5px;
 padding-top:5px;
 padding-right:5px;
 padding-bottom:5px;
}

#uploadsManager textarea
{
 border:0px;
 background:#eee;
 font-size:12px;
 color:#555;
}

#uploadsManager input
{
 width:250px;
 border:1px solid #ccc;
 background:#eee;
 font-size:18px;
 color:#555;
}

#uploadsManager select
{
 width:250px;
 border:0px;
 background:#eee;
 font-size:12px;
 color:#555;
}

#uploadsManager .mySubmit
{
 margin:3px;
 width:80px;
 border:dotted 1px #571818 !important;
 border:solid 1px #571818;
 background:#943535;
 color:#f9f9f9;
 font-size:14px;
}

#recentTab {
    list-style:none;
    padding-top:0px;
    margin:0px;
    padding-bottom:0px;
    margin-bottom:0px;
    margin-bottom:10px;
}

#recentTab li {
    float:left;
    display:block;
    margin:4px;
    cursor:pointer;
    font-size:13px;
    background: #e3e3e3;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1;
    padding: 8px 0 9px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 150px; 
}

button.minimal:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; }

button.minimal:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -o-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}

#recentTab a {
    color:#333;
}
#recentTab li:hover {
    background:#ffa327;
}

#myContent {
 margin:0px;
 padding:0px;
 clear:both;
 margin-bottom:10px;
}

#myContent p
{
 font-size:11px;
 color:#666;
}

#butCategories
{
 cursor:pointer;
 width:95px;
 height:27px;
 background:url(/gfx/arrows/CategoriesButton.png) !important;
 /*background:url(/gfx/arrows/CategoriesButton.jpg);*/
}

#butCategories:hover
{
 background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important;
 /*background:url('/gfx/arrows/CategoriesButton-MouseOver.jpg');*/
}

#butCategoriesBR {
 cursor:pointer;
 width:95px;
 height:27px;
 background:url(/gfx/arrows/CategoriesButton.png) !important;
 background:url(/gfx/arrows/CategoriesButton.jpg);
}

#butCategoriesBR:hover {
 background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important;
 background:url(/gfx/arrows/CategoriesButton-MouseOver.jpg);
}

.category_btn {
    cursor:pointer;
    width:118px;
    height:25px;
    background:url('/gfx/categories-button.png') no-repeat;
    display:block;
    float:left;
}

.category_btn:hover {
 background:url('/gfx/categories-button_over.png');
}


#skinDesc
{
}

#mainDisplayX {
    position:relative !important;
    position:absolute;
    width:200px;
    height:252px;
/*    background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat; */
    left:10px;
    top:-8px !important;
    top:285px;
    opacity: .90;
    filter: alpha(opacity=90);
    z-index:1200;
    display:none;
    padding-top:30px;
}

#mainDisplayBR {
    position:relative !important;
    position:absolute;
    width:200px;
    height:252px;
/*    background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/
    left:10px;
    top:-8px !important;
    top:285px;
    opacity: .90;
    filter: alpha(opacity=90);
    z-index:1200;
    visibility: hidden;
    padding-top:30px;
}

#mainDisplay {
    position:relative !important;
    position:absolute;
    width:200px;
    height:252px;
/*    background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/
    left:10px;
    top:-8px !important;
    top:285px;
    opacity: .90;
    filter: alpha(opacity=90);
    z-index:1200;
    visibility: hidden;
    padding-top:30px;
}

#displayCategoriesBR {
 margin-left:2px;
 width:196px;
 height:218px;
 buffer:200px;
 overflow:auto;
}


#displayCategories, #displayCategoriesX
{
 margin-left:2px;
 width:196px;
 height:218px;
 buffer:200px;
 overflow:auto;
}

#displayCategories ul, #displayCategoriesX ul
{
 width:170px;
 list-style:none;
 padding-left:0px;
 padding-top:0px;
 margin:0px;
}

#displayCategories li, #displayCategoriesX li
{
 width:170px;
 margin-bottom:2px;
 font-size:13px;
 padding-bottom:4px;
}

#displayCategories li:hover, , #displayCategorierX li:hover
{
 background:#eee;
}

#displayCategories a, , #displayCategoriesX a
{
 color:#000;
}

#displayCategories .odd
{
 display:block;
 background-color: #eee;
}
#displayCategories .odd2
{
 display:block;
 background-color: #aab;
}

#displayCategories h1
{
 font-size:15px;
 color:#666;
}












#butCategories2
{
 position:absolute;
 left:50px;
 top:117px !important;
 top:127px;
 cursor:pointer;
 width:95px;
 height:27px;
 background:url(/gfx/arrows/CategoriesButton.png) !important;
 background:url(/gfx/arrows/CategoriesButton.jpg);
}

#butCategories2:hover
{
 background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important;
 background:url(/gfx/arrows/CategoriesButton-MouseOver.jpg);
}


#mainDisplay2
{
 position:absolute;
/*
 left:0px;
 right:0px;
*/
 width:200px;
 height:250px;
/* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/
 opacity: .90;
 filter: alpha(opacity=90);
 z-index:1200;
 visibility: hidden;
 padding-top:30px;
}

#displayCategories2
{
 margin-left:2px;
 width:196px;
 height:218px;
 buffer:200px;
 overflow:auto;
}

#displayCategories2 ul
{
 width:170px;
 list-style:none;
 padding-left:0px;
 padding-top:0px;
 margin:0px;
}

#displayCategories2 li
{
 width:170px;
 margin-bottom:2px;
 font-size:13px;
 padding-bottom:4px;
}

#displayCategories2 li:hover
{
 background:#eee;
}

#displayCategories2 .odd
{
 display:block;
 background-color: #eee;
 color:#333;
}

#displayCategories2 .odd2
{
 display:block;
 /*background-color: #aab;*/
}



#displayCategories2 a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-weight:normal;
 color:#333;
}

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

#displayCategories2 h1 
{
 font-size:15px;
 color:#666;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#displayCategories2 h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#displayCategories2 h2>a
{
 color:#444;
 text-decoration: underline;
}

#displayCategories2 h2>a:hover
{
 color:#933;
 text-decoration: underline;
}



















/****************************************/
/**    Sort List                       **/
/****************************************/

#sortList ul
{
 list-style:none;
 margin:0px;
 padding:0px;
 width:350px;
 padding-left:0px;
}

#sortList li
{
 cursor:n-resize;
 width:350px;
 height:36px;
 display:block;
 padding-left:15px;
 padding-top:10px;
 margin:0px;
 background:transparent url(/gfx/AddIndexView.jpg) no-repeat;;
 font:180%/1.2em "Trebuchet MS", Sans-serif;
 color:#eee;
}



/****************************************/
/**    Blog List                       **/
/****************************************/
#blogList
{
 text-align: left;
 margin-top: 0px;
 margin-left:5px;
 margin-right:0px;
}

#blogList img
{
 /*max-width:100%;*/
}


#blogList h1
{
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #999;
 padding-bottom:2px;
 margin-bottom:.25em;
 padding-left:5px;
 font:190% "lucida grande",tahoma,arial,helvetica,sans-serif;
 font-weight:normal;
 letter-spacing:-1px;
 color:#333;
}

#blogList h2 
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:120%/1.2em Georgia,Serif;
 color:#333;
 font-style:italic;
 font-weight:bold;
}

#blogList h3
{
 margin:.5em 0 0;
 font:90%/1.5em Verdana,Arial,Sans-serif;
 color:#666000;
}

#blogList .postDate
{
    padding: 2px 0 2px 20px ;
    background: url(/gfx/16x16/time.png) left center no-repeat;
}

#blogList .articleAuthor
{
    padding: 2px 0 2px 20px ;
    background: url(/gfx/16x16/user.png) left center no-repeat;
}

#blogList .ArticleEdit
{
    padding: 2px 0 2px 17px ;
    background: url(/gfx/16x16/note_edit.png) left center no-repeat;

}


#blogList .commentsNum 
{
    padding: 2px 0 2px 20px;
    background: url(/gfx/16x16/comment_2.png) left center no-repeat;
    margin-right: 10px;
}

#blogList h4
{
 margin:0;
 font:bold 100% Verdana,Arial,Sans-serif;
}

#blogList p 
{
 margin:1em;
 margin-left: 0px;
 margin-right: 0px;
 color:#444;
}

#blogList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#900000;
}

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

#blogList input, select
{
 border: solid 1px #ccc;
 background:#eee;
}

#blogList .more
{
 position: absolute;
 /*background: url(/gfx/more2.gif) left top repeat-x;*/
 background-color: transparent;
 width:23px;
 height:12px;
 font-size:0px;
 margin-left:5px;
 margin-top:2px;
}


#blogList blockquote 
{
 margin: 20px 0 20px 10px;
 padding: 0 20px 0 50px;
 /*background: #fafafa url(/gfx/quote.png) left top no-repeat;*/
 border: none;
 font-style:italic;
 color:#666;
}

.fp_top_box {
    list-style:none;
    margin:0;
    padding:0;
}

.fp_top_box li {
    float:left;
    text-align:center;
    display:block;
    margin-right:2px;
}

.featPhoto {
    padding:2px;
    width:280px;
    text-align:center;
}

.featSkin {
    padding:2px;
    width:250px;
    text-align:center;
}

.featWallz {
    padding:2px;
    width:248px;
    text-align:center;
}

.featPhoto h2 a, .featWallz h2 a, .featSkin h2 a
{ 
 font-size:15px;
 font-weight:bold;
}

.featPhoto p ,.featWallz p, .featSkin p
{
 text-align:center;
 color:#666;
 font-size:13px;
}

.featStuff
{
 clear:both;
 border-top:1px dotted #999 !important;
 border-top:1px solid #ccc;
 padding-top:5px;
 color:#999;
}

.featApp
{
 width:49%; 
 float:left;
 border-right: 1px dotted #999 !important;
 border-right: 1px solid #ccc;
}

.featAuthor
{
 width:49%; 
 float:right;
}

.featAuthor h1, .featApp h1
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
 margin-left:0px;
 padding-left:0px;
}

.featAuthor p, .featApp p
{
 margin:2px;
 font-size:11px;
 color:#333;
}

#latestShow
{
 
}


#myOpinion {
    width:290px;
    background: #eee;
    float:right;
    display: block;
    margin: 2px;
    padding: 5px;
    margin-bottom:4px;
    border: 1px solid #aaa;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    margin-right:14px;

}

#myOpinionLeft {
    width:290px;
    background: #eee;
    display: block;
    margin: 2px;
    padding: 5px;
    margin-bottom:4px;
    border: 1px solid #aaa;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    margin-right:14px;

}


#msgBox
{
 width:300px;
 height:50px;
 position: fixed;
 z-index: 1000;
 right: 50px;
 bottom: 0px;
 background:url(/gfx/privMsgBack.png);
 opacity: .6;
 filter: alpha(opacity=60); 
 padding-bottom: 10px;
 display: block;
}

#msgBoxTxt
{
 width:290px;
 height:50px;
 position: fixed;
 z-index: 1001;
 right: 55px;
 bottom: 0px;
 color:#fff;
}

#msgBoxTxt h2
{
 font-size:10px;
 color:#bbb;
}

#msgBoxTxt a
{
 color:#bbb;
}

#msgBoxX
{
 position: fixed;
 z-index: 1002;
 right: 56px;
 bottom: 37px;
 color:#fff;
}


#fader
{
 width:100%;
 height:50px;
 bottom: 0px;
 position: fixed;
 z-index: 1001;
 background:url(/gfx/fader.png) repeat-x !important;
}

#indexBrowser
{
}

#indexBrowserContent
{
 clear:both;
}

#dropDown 
{
 list-style:none;
 margin:0px;
 padding:0px;
}

#dropDown ul
{
 list-style:none;
 padding:2px;
 background:#9bc0dc;
 width:143px;
 z-index:2;
}

#dropDown a
{
 display: block;

}

#dropDown a:hover
{
 background:#fc0;
 width:137px;
}

#dropDown li.firstLine
{
 text-align:center;
 width:123px;
 height:20px;
 color:#fff;
 font-weight:bold;
 border-bottom:solid 2px #000;
}

#dropDown li 
{
 background:#bde0fb;
 float:left;
 position:relative;
 width:137px;
 border-bottom:dotted 1px #9bc0dc;
 text-align:left;
 padding-left:3px;
 cursor:pointer;
}

#dropDown li:hover ul 
{
    left: auto;
}

#sbNavigation {
    width:335px;
    align:center;
    list-style:none;
}

#sbNavigation ul {
    list-style:none;
}

#sbNavigation li {
    float:left;
}

#sbNavigation .prev {
 display:block;
 width:102px;
 height:36px;
 background:url(/gfx/skin_navigation.jpg)  no-repeat;
}

#sbNavigation .prev:hover
{
 background:url(/gfx/skin_navigation.jpg) 0px -36px no-repeat;
}

#sbNavigation .directory
{
 display:block;
 width:126px;
 height:36px;
 background:url(/gfx/skin_navigation.jpg) -102px 0px no-repeat;
}

#sbNavigation .directory:hover
{
 background:url(/gfx/skin_navigation.jpg) -102px -36px no-repeat;
}

#sbNavigation .next
{
 display:block;
 width:102px;
 height:36px;
 background:url(/gfx/skin_navigation.jpg) -228px 0px no-repeat;
}

#sbNavigation .next:hover
{
 background:url(/gfx/skin_navigation.jpg) -228px -36px no-repeat;
}

.interviewHeadline
{
 font-size:18px;
 font-weight:bold;
}

#interviewList h2
{
 font-size:15px;
 font-weight:bold;
 color:#644;
 margin-top:15px;
 font-style:italic;
}

#interviewList h1
{
 font-size:18px;
 font-weight:bold;
 margin-bottom:10px;
}


#interviewList p
{
 margin-top:3px;
 font-size:12px;
}

.interviewGuy
{
 font-size:15px;
 font-weight:bold;
}

.forumPostReply
{
 font-weight: bold;
 text-transform: uppercase;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #ccc;
 margin-bottom: 3px;
 padding-bottom: 2px;
 font-size: 1.05em;
 color: #989898;
 padding-top:5px;
 margin-bottom:10px;
 width:98%;
}


blockquote
{
 margin:5px;
 padding:10px;
 padding-left:20px;
 background: #ebeadd url(/gfx/quote.gif) left top no-repeat;
 border: solid 1px #dbdbce;
}

blockquote .writer
{
 display:block;
 font-weight:bold;
 padding-bottom:4px;
}

#format-buttons
{
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 2px;
margin-left: 0pt;
font-size:10px;
}

#notice {
    width:20px;
    height:20px;
    display:block;
    float:left;
    margin-top:24px;
    background:url(/gfx/notices.png) no-repeat top;
}

#notice a {
    font-size:8px;
    color:#fff;
    font-weight:bold;
    width:19px;
    padding-top:2px;
    margin-left:1px;
    text-align:center;
    display:block;
}

.noticeBox
{
 margin-left:250px;
 padding-top:3px;
 color:#aaa;
}

.notice_pix
{
 float:left;
 margin-top:5px;
 padding-right:3px;
}
.link_notice
{
 margin-top:-4px;
}
.notice_comment
{
 border:solid 1px #ccc;
 margin-bottom:10px;
 clear:both;
 width:100%;
 min-height:100px;
}

.notice_avatar
{
 float:left;
 margin:5px;
}

.notice_message
{
 margin-left:60px;
 margin-top:0px;
 font-size:12px;
}

.notice_alert a
{
 color:#cca;
}

.notice_alert
{
 font-size:13px;
 font-weight:bold;
 color:#999;
 padding-left:10px;
 background:url(/skins/macskin_silver_2011/gfx/m2.jpg) repeat-x;
 height:24px;
 padding-top:7px;
}

.notice_datum
{
 font-size:11px;
 color:#666;
 padding:5px;

}

#noticeWallzBox li
{
 float:left;
 background-color: #eee;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border: 1px solid #999;
 padding: 0px;
 margin:2px;
 height:180px;
 list-style:none;
}

.noticeClose
{
 float:right;
 cursor:pointer;
 background:url(/gfx/close_button_red.gif) no-repeat;
 width:10px;
 height:10px;
 margin-right:2px;
 margin-top:2px;
 margin-bottom:2px;
}
.noticeClose2
{
 float:right;
 cursor:pointer;
 background:url(/gfx/close_button_red.gif) no-repeat;
 width:10px;
 height:10px;
 margin-right:2px;
 margin-top:8px;
 margin-bottom:2px;
}

#noticeCommentBox li {
 padding: 0px;
 margin:2px;
 list-style:none;
}

.bdayBox {
    list-style:none;
    margin:0;
    padding:0;
}

.bdayBox li {
    float:left;
    margin:2px;
    padding:2px;
    width:110px;
    height:100px;
    border:solid 1px #ddd;
    text-align:center;
}

.bdayBox li:hover {
    background:#ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
/*
.bdayBox img {
    border:solid 1px #999;
    padding:3px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
*/

.bdayBoxs {
    float:left;
    margin:2px;
    padding:2px;
    width:70px;
    text-align:center;
}

.bdayBoxs:hover {
    background:#ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.bdayBoxs img {
    border:solid 1px #999;
    padding:3px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}


#newsBox {
    list-style:none;
}

#newsBox li {
    float:left;
    margin:2px;
    padding:2px;
    width:300px;
    min-height:100px;
    border:solid 1px #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#newsBox h2 a{
    color:#900;
    font-weight:bold;
    font-size:14px;
}
#newsBox .datum {
    font-size:10px;
    color:#999;
}

#newsBox .avtor {
    font-size:10px;
    color:#a99;
}


li.headline {
    display:block;
    margin:0px;
    color:#fff;
    padding-left:8px;
    font-size:12px;
    font-weight:bold;
    margin-top:8px;
    margin-bottom:5px;
}

li.headline:hover {
}

.nav_left .odd {
 background-color: rgba(255,255,255,0.1);
}

.nav_left a {
 color:#aaa;
 margin:0px;
}

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

.nav_left ul {
    list-style:none;
    padding:0;
    margin:0;
}

.nav_left li {
    margin-bottom:2px;
    padding:3px;
    padding-left:8px;
    padding-top:5px;
}

.nav_left li a:hover {
    color:#fab206;
}

.nav_left p {
    margin:0px;
    padding-left:4px;
    padding-right:2px;
}




.thumbList {
    list-style:none;
}

.thumbList li {
    float:left;
    margin:2px;
    text-align:center;
    width:110px;
    min-height:110px;
    vertical-align:middle;
}

img.myBorder {
    padding:3px;
    border:solid 1px #444;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow: 2px 2px 5px #000;
    margin:2px;
}

img.myBorder2 {
    border-radius:1px;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    margin:2px;
}

.browseList {
    list-style:none;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
}

.browseList li {
    float:left;
    display:block;
    padding:3px;
    border:solid 1px #eee;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:2px;
    -moz-border-radius:5px;
}

.browseList li:hover {
    background:#dbe9fb;
}

.dlCounter {
    padding:3px;
    margin-bottom:10px;
    margin-left:5px;
    margin-right:5px;
    color:#aaa;
    font-size:12px;
}

.thumbBoxBig {
    height:200px;
/*    display:table-cell; */
    vertical-align:middle;
    text-align:center;
    width:100%;
    margin-top:10px;
}

.thumbBox {
    height:122px;
    width:220px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    margin-left:auto;
}

.thumbBoxO {
    border:solid 1px #900;
    height:150px;
    width:250px;
    display:block;
    text-align:center;
}

.browseCategoryBox {

}

.browseCategory {
    list-style:none;
    font-size:15px;
    font-weight:bold;
    height:339px;
    overflow:auto;
    padding-top:35px;
}

.browseCategory li a {
    color:#444;
}

.browseCategory li {
    font-size:10px;
    border:solid 1px #ddd;
    padding:3px;
    margin:2px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width:185px;
    height:14px;
    display:inline;
    float:left;
    clear:none;
    padding-left:5px;
}

.topCatList:hover, .browseCategory li:hover {
    background:#dbe9fb;
}
.catBox {
    width:750px;
    list-style:none;
}

.leftCatBox {
    float:left;
    width:100px;
    margin-right:10px;
    border-right:dotted 1px #aaa;
    text-align:center;
}

.leftCatBox a {
    color:#999;
}

.btnImg {
    cursor:pointer;
    opacity:.8;
}

.btnImg:hover {
    cursor:pointer;
    opacity:1;
}

.topCatList {
    font-size:10px;
    border:solid 1px #ddd;
    padding:3px;
    margin:2px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width:185px;
    height:12px;
    padding-left:5px;
}

.pollQ {
    margin-top:1px;
    padding:2px;
    margin-bottom:2px;
}


.pollQ input[type=radio] {
    margin-right:5px;
}



.footer_links {
    width:100%;
    margin:0 auto;
}

#mainFooter a{
    color:#888;
}

#mainFooter p {
    margin:0;
    padding:0;
}

.news-head {
    border-bottom:solid 1px #eee;
    margin-bottom:5px;
    padding-bottom:5px;
}

#mainFooter {
    clear:both;
    margin:0;
    padding:0;
    padding-top: 8px;
    background: #111820 url(/gfx/footer_main.png);
    background-position: center bottom;
    text-align:center;
    color:#666;
    font-size:12px;
    box-shadow:0px -2px 2px #9fa5a9;
    padding-bottom:20px;
    height:72px;
}

.adsBorder {
    float:left;
    width:330px;
    padding:5px;
    margin-right:10px;
}


.comment-title {
    font-size:18px;
    padding-left:90px;
   
}



/*************** COMMENTS *************************/
.comment_box_image {
    float:left;
    margin-right:10px;
    margin-bottom:5px;
    max-width:150px;
}


.bubble_comment {
/*
    background:#fff;
    border:solid 1px #fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding:5px;
    box-shadow:1px 1px 5px #eee;
*/
    margin-left:80px;
	position: relative;
}

.bubble_comment:after, .bubble_comment:before {
	right: 100%;
	top: 61px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bubble_comment:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 12px;
	margin-top: -12px;
}
.bubble_comment:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 12px;
	margin-top: -12px;
}

.comment_box {
    list-style:none;
    margin:0;
    padding:0;
    clear:both;
    margin-top:5px;
    margin-bottom:15px;
}

.comment_avatar {
    padding:3px;
    background:#fff;
    border:solid 1px #999;
    box-shadow:1px 1px 3px #999;
}

.cb_image {
    width: 80px;
    float:left;
    color:#444;
    font-size:10px;
    text-align:center;
    margin-top:35px;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
}

.cb_image a {
    color:#666;
    font-weight:bold;
    font-size:10px;
}

.cb_info {
    color:#666;
    float:right;
    clear:left;
    width:100%;
    text-align:right;
    padding-top:3px;
    margin-top:3px;
}

.message_box {
    padding:10px;
    float:right;
    width:98%;
}

.commentMsg {
    min-height:30px;
    padding:5px;
    color:#222;
}

.comment-footer {
    clear:both;
    font-size:10px;
    color:#777;
}

.comment-footer p {
    margin:0;
    padding:0;
}

.bubble_signature {
    clear:left;
    padding:3px;
    margin-top:2px;
    border-radius:5px;
    text-align:center;
    font-size:10px;
    color:#777;
    border:solid 1px #ccc;
    
}

#userBar {
    background:#eee;
    padding:5px;
    list-style:none;
    margin:0;
    height:50px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#userBar h1 {
    padding-left:5px;
    padding-bottom:3px;
}

#userBar p {
    color:#333;
    padding-bottom:4px;
}


#counter { 
    overflow: hidden; 
    *zoom: 1; 
    margin:0 auto;
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; 
    -khtml-border-radius: 50px; border-radius: 50px; 
    background: white; 
    background: 
     -moz-linear-gradient(top, white, #dddddd); background: 
     -ms-linear-gradient(top, white, #dddddd); background: 
     -o-linear-gradient(top, white, #dddddd); background: 
     -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dddddd)); 
    background: -webkit-linear-gradient(top, white, #dddddd); 
    background: linear-gradient(top, white, #dddddd); 
    border: 1px solid #ccc; font-family: "Arial Black", "Helvetica Neue", sans-serif; 
    font-size:20px;
    padding: 5px 30px; padding-bottom: 11px; 
    width: 700px; 
    margin-bottom: 13px; 
    color:#999;
    border:solid 3px #333;
}

#total_msgs {
    float: left; 
    font-size: 2.4em; 
    padding: 0; 
    padding-top: 6px;
}

#total_msgs span {
    width: 0.7em;
    float: left;
    text-align: center;
    font-weight:bold;
}

#total_msgs span.l {
    width: 0.66em; 
}

#total_msgs span.lcom {
    width: 0.5em;
}

#counter p { 
    float: right; 
    padding: 0; 
    margin: 0; 
    font-size: 0.9em; 
    padding-top: 4px; 
    font-style: normal; 
    color: #bbb; 
    text-transform: uppercase; 
    line-height: 1.1;
    padding-top:35px;
    font-size:13px;
}

#appList {
    list-style:none;
    margin:0;
    padding:0;
}

#appList li {
    float:left;
    font-size:12px;
    display:block;
    width:40px;
    height:40px;
    text-align:center;
    margin:2px;
    padding:3px;
}

#bottom_menu {
    list-style:none;
    padding:0;
    margin:0;
    width:1050px;
}

#bottom_menu a {
    color:#aaa;
}

#bottom_menu li {
    float:left;
    width:330px;
    margin:0;
    padding-left:5px;
    padding-right:5px;
    color:#aaa;
    padding:5px;
    background:rgba(100,100,100,0.1);
    border-radius:5px;
    min-height:320px;
    margin-bottom:10px;
}

h5.bottomHead {
    font-size:25px !important;
    color:#aaa;
}

#footer_msgBoard {
    list-style:none;
    margin:0;
    padding:0;
}

#footer_msgBoard li {
    margin:2px;
    padding:2px;
    padding-bottom:5px;
}

#footer_msgBoard a {
    color:#999;
}

#footer_chat ul {
    list-style:none;
}
#footer_chat a{
    color:#999;
}

#footer_poll h5 {
    font-size:13px;
    font-weight:bold;
}

.smileyList {
    list-style:none;
    margin:0;
    padding:0;
}

.smileyList li {
    float:left;
    display:block;
    margin:2px;
    padding:3px;
}

.smileyList li:hover {
    background:rgba(200, 200, 200, 0.6);
}

#prvMessage {
    list-style:none;
}

.wBack {
    -border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:solid 1px #111;
    background: #fff;
    padding:3px;
}
.chatTxt {
    -border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    /*border:solid 1px #111;
    background: rgba(100,100,100,0.1);
    */
    padding:3px;
    width:130px;
    color:#555;
}

.chatTxt:hover {
    background:rgba(100,100,100,0.05);
}

.chatTxtS {
    -border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:solid 1px #ccc;
    background: #eee;
    margin:2px;
    padding:3px;
    color:#555;
    list-style:none;
}

.chatTxtS:hover {
    background:rgba(100,100,100,0.05);
}


.chatAgo {
    font-size:9px;
    color:#666;
    margin-left:5px;
}

.chatSender {
    color:#232e3a;
    font-weight:bold;
    font-size:11px;
}

a.chatSender {
    color:#db9327;
    font-weight:bold;
    font-size:11px;
}

.chatMsg {
    font-size:12px;
    color:#333;
}

.joinBanner {
    display:block;
    width:321px;
    height:186px;
    text-indent:-10000px;
    background:url(/gfx/sb_join.jpg) no-repeat;
}

.joinBanner:hover {
    background:url(/gfx/sb_join_over.jpg) no-repeat;
}

.newsFlash {
    width:330px;
    height:122px;
    overflow:hidden;
    padding-left:0px;
    margin:5px;
    margin-bottom:10px;
    border:solid 1px #f9f9f9;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background:#fafafa;
}

.noPic {
    width:80px;
    height:75px;
    border:solid 1px #ccc;
    background:#eee;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float:left;
}

.headlineNews {
    display:block;
    font-size:12px;
    border:0px;
    width:325px;
    height:15px;
    overflow:hidden;

    margin:0px;
    font-size:14px; 
    color:#012248;
    padding:5px;
    background:#dcdcdc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-shadow: 1px 1px 1px #fff;
    padding-left:10px;
    
    
}

.foto
{
 margin-top:7px;
 width:100px;
 height:80px;
 float:left;
 overflow:hidden;
}

.newsFlash p {
    margin:0px;
    font-size:11px;
    padding-top:5px;
    padding-left:4px;
    width:220px;
    height:89px;
    text-align:justify;
    overflow:hidden;
    line-height:15px;
 color:#444; 
}

.newsFlash .clanek
{
 width:330px;
}

.leftek {
 float:left;
 width:340px;
}

.rightek {
 float:right;
 width:343px;
 margin-right:5px;
}

#sideBarChat {
}

#sideBarSep {
    width:100%;
    height:53px;
    z-index:100;
    position:relative;
    margin-top:-50px;
    cursor:pointer;
    background:url(/gfx/chat_back.png) repeat-x center;
}

#sideBarSep:hover {
    background:url(/gfx/chat_back_hover.png) repeat-x center;
}

.chat_opened {
    background:url(/gfx/chat_back2.png) repeat-x center; !important;
}
.chat_opened:hover {
    background:url(/gfx/chat_back2_hover.png) repeat-x center; !important;
}

#imageTicker, #imageTicker ul {
    list-style-type: none;
    padding: 0px;
    margin: 0;
    font-size:12px;
    display:none;
    margin-left:-5px;
/*  height:110px;
  overflow:hidden;
*/
}

.addFavourites {
    cursor:pointer;
}

#homeContactBox {
    color:#888;
    padding-bottom:5px;
    list-style:none;
    padding-top:5px;
    height:26px;
}
#pageLink, #messageLink {
    cursor:pointer;    
}

#homeContactBox a{
    color:#888;
}
#homeContactBox li {
    float:left;
    padding-right:5px;
    height:26px;
}
#homeContactBox .homepage {
    background:url(/gfx/icons/web-browser.png) no-repeat;
    padding-left:20px;
}
#homeContactBox .m_gender {
    background:url(/gfx/icons/male.png) no-repeat;
    padding-left:20px;
}
#homeContactBox .f_gender {
    background:url(/gfx/icons/male.png) no-repeat;
    padding-left:20px;
}
#homeContactBox .birthday {
    background:url(/gfx/icons/cake.png) no-repeat;
    padding-left:20px;
}

.streamTypes{
    float:right;
    margin-right:20px;
}

#thumbStreamChooser{
    list-style:none;
}

#thumbStreamChooser li{
    float:left;
    margin:2px;
    padding:2px;
    border:solid 1px #999;
    display:none;
}
#shareBox {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin-top:5px;
    padding-top:5px;
    margin-bottom:10px;
    padding-bottom:10px;
    color:#555;
}

#shareBox textarea{
    width:450px;
    height:25px;
    background:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    color:#666;
}

#shareBox h3{
    color:#f90;
}

#shareBox textarea:focus{
    height:50px;
}

#shareBox button {
    padding:5px;
}


.streamPost {
    clear:both;
    margin-bottom:30px;
}

.postPreview:hover {
    background:#f3f3ff url(/gfx/control_play.png) right no-repeat;
    cursor:pointer;
}

.postPreview {
    background:url(/gfx/control_play.png) right no-repeat;
    cursor:pointer;
}



.StreamSelected {
    background:#eee url(/gfx/control_play2.png) right no-repeat;
    cursor:pointer;
}
.StreamSelected:hover {
    background:#e5e5e5 url(/gfx/control_play2.png) right no-repeat !important;
    cursor:pointer;
}

.streamNew {
    background:url(/gfx/label_new_yellow.png) no-repeat;
    width:60px;
    height:60px;
    float:right;
}

.streamImage {
    float:left;
    width:80px;
    text-align:center;
    padding-top:5px;
}

.streamContent {
    float:left;
    text-align:left;
    width:505px;
    border:solid 1px #ccc;
    padding:5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-bottom:10px;
}

.streamContent h4 {
    font-size:11px;
    color:#f90 !important;
}

.streamContent h4 a {
    color:#f90;
}

.streamContent p {
    color:#555;
    font-size:11px;
    font-weight:normal;
    margin-top:5px;
}

.streamDatum {
    padding-left:20px;
    background:url(/gfx/icons/future-projects.png) left center no-repeat;
    border-top:dotted 1px #ccc;
    padding-top:3px;
    margin-top:8px;
    clear:both;
    color:#999;
    font-size:10px;
    height:16px;
}

.stream_Remove {
    padding-left:20px;
    background:url(/gfx/remove.png) left no-repeat;
    cursor:pointer;
    float:right;
    height:16px;
}

.stream_Like {
    padding-left:20px;
    background:url(/gfx/icons/heart.png) left center no-repeat;
    cursor:pointer;
    float:right;
    margin-right:335px;
    height:16px;
}

.notificationType1 {
    font-size:10px;
    color:#955;
}

.notificationType2 {
    font-size:10px;
    color:#595;
    
}

#leftNoticeStream {
    float:left;
    width:610px;
}

#rightNotice {
    width:430px;
    float:right;
}

#showNoticeBox {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:#fff;
    padding:5px;
    z-index:2;
}

.paginate {
    
}

a.paginate {
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #fff;
    background:#f90 url(/gfx/toolbar/toolbar_back_white.png) repeat-x;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0;
}
a.paginate:hover {
    text-decoration: none;
    background: #900;
    color: #fff;
}

a.current {
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #fff;
    background:#090;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0;
    cursor: default;
}

span.inactive {
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #fff;
    background:#ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0;
}

.followingButton {
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width:220px;
    color: #050505;
    padding: 10px 20px;
    background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 50%,#dbdbdb 50%,#b5b5b5);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5));
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #949494;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
    cursor:pointer;
    margin-top:10px;
}

#mchatek {
    height:400px;
    buffer:400px;
    overflow:auto;
    border:solid 1px #999;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin:3px;
}

.sender {
    display:block;
    color:#db9327;
    font-size:13px;
    float:left;
    margin-right:10px;
}

.sender a {
    color:#f90;
    font-weight:bold;
}

.chatMessage {
    border:solid 1px #eee;
    margin:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding:5px;
    clear:both;
    line-height:18px;
}

.chatMessage:hover {
    background:#eee;
    border:solid 1px #ddd;
}

.chatAgos {
    font-size:9px;
    color:#999;
    background:#f1f1f1;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    padding:3px;
}

#chatType {
    background:#1a2027;
    margin:0;
    padding:5px;
}
#chatType input[type=submit] {
    margin-left:3px;
    margin-top:0;
    height:28px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #ffffff;
     padding: 4px 18px;
     background: -moz-linear-gradient(
          top,
          #eb2d40 0%,
          #eb2d40 50%,
          #cf0029 50%,
          #cf0029);
     background: -webkit-gradient(
          linear, left top, left bottom, 
          from(#eb2d40),
          color-stop(0.50, #eb2d40),
          color-stop(0.50, #cf0029),
          to(#cf0029));
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border: 1px solid #cf0029;
     -moz-box-shadow:
          0px 2px 2px rgba(000,000,000,0.2),
          inset 0px 0px 0px rgba(255,255,255,0);
     -webkit-box-shadow:
          0px 2px 2px rgba(000,000,000,0.2),
          inset 0px 0px 0px rgba(255,255,255,0);
     text-shadow:
          0px 0px 0px rgba(000,000,000,0.4),
          0px 0px 0px rgba(255,255,255,0.3);

}


#chatType input[type=text] {
    width:600px;
    height:20px;
    font-size:13px;
    color:#ddd;
    border:solid 1px #000;
    padding:4px;
    background:#3a4047;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}


.changeCoverArt {
    display:block;
    padding:5px;
    background:#fff;
    color:#555;
    float:right;
    position:relative;
    margin-top:-30px;
    margin-right:10px;
    z-index:1000;
    cursor:pointer;
    opacity:.6;
}

.changeCoverArt:hover {
    opacity:.8;
}

#mywindow {
    position:absolute;
    width:500px;
    height:200px;
    border:solid 1px #333;
    background:#f1f1f1;
    top:0;
    display:none;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:1px 1px 3px #444;
    padding:10px;
}

.replyBox {
    background:#f0f0f0;
    padding:3px;
    border:solid 1px #ddd;
    margin:5px;
}

#galleryNews {
    list-style:none;
    margin:0;
    padding:0;
    clear:both;
}

#galleryNews li {
    list-style:none;
    float:left;
    margin:5px;
    padding:3px;
    border:solid 1px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    box-shadow:1px 1px 2px #999;
}

#sortBtn {
    float:right;
    margin:5px;
    padding:3px;
    background:#eee;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
}

#sortBtn img {
    border:solid 1px #fff;
}

#sortBtn img:hover {
    background: #ffe;
}


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.responsive_ad {
    width:100%;
    padding-bottom:10px;
    text-align:center;
}

.gallery_box {
    margin-left:0px;
}

.photo_frame {
    -moz-box-shadow:0px 1px 3px 10px #666;
    -webkit-box-shadow:0px 1px 10px #666;
    box-shadow:0px 1px 10px #666;
    float:left;
    width:200px;
    margin-bottom:20px;
    border:solid 0px #999;
    position:relative;
    line-height:0;
    margin-left:20px;
    background:#333;
}

.photo_frame img {
    width:100%;
}


.note-editor .note-dropzone { opacity: 0 !important; }

.photo_frame:hover, .photo_frame_w600:hover {
    -moz-box-shadow: 0px 0px 15px #09f;
    -webkit-box-shadow: 0px 0px 15px #09f;
    box-shadow: 0px 0px 15px #09f;
    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-in-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-in-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-in-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-in-out;
    transition-duration:1.3s;
}

.photo_frame_w600 {
    -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
    box-shadow:0px 1px 3px rgba(0,0,0,0.3);
    width:600px;
    margin-right:15px;
    margin-bottom:20px;
    border:solid 1px #666;
    line-height:0;
}


.photo_frame.w250 {
    max-width:250px;
    max-height:250px;
}

.photo_frame.w270 {
}

.gallery_manager {
    margin-left:-12px;
}

.gallery_photo_frame {
    max-width:127px;
    max-height:127px;
    width:127px;
    height:127px;
    margin-left:12px;

    -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
    box-shadow:0px 1px 6px rgba(0,0,0,0.3);
    float:left;
    position:relative;
    line-height:0;
    margin-bottom:10px;
    border:solid 4px #eee;
}

.gallery_photo_frame:hover {
    -moz-box-shadow: 0px 0px 15px #09f;
    -webkit-box-shadow: 0px 0px 15px #09f;
    box-shadow: 0px 0px 15px #09f;
    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-out;
    transition-duration:1.3s;
    transition-timing:ease-out;
}
.gallery_photo_frame img:hover {
       /* background:rgba(0,0,0,0.6);*/
     background:#fff;
}

.gallery_photo_frame:hover img {
       /* background:rgba(0,0,0,0.6);*/
     background:#fff;
}

.photo_frame:hover div.details {
    display:block;
    opacity:1;

    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-out;
    transition-duration:1.3s;
    transition-timing:ease-out;
/*
 -webkit-transform: scale(1);
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-duration: 250ms;
*/
}




.photo_frame:hover div.social {
    display:block;
    opacity:1;
    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-out;
    transition-duration:1.3s;
    transition-timing:ease-out;
}

div.social {
    display:none;
    opacity:0;
    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-in-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-out;
    transition-duration:1.3s;
    transition-timing:ease-out;
    position:absolute;
    right:10px;
    top:10px;
    color:#fff;
    font-size:20px;
}

div.details {
    display:none;
    opacity:0;
    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-in-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-out;
    transition-duration:1.3s;
    transition-timing:ease-out;
    position:absolute;
    overflow:hidden;
    white-space:nowrap;
    bottom:-2px;
    bottom:0px !important;
    left:1px;
    left:0px !important;
    color:#999;
    text-shadow:1px 1px 2px #111 !important;

    background:#333;
    background:rgba(0,0,0,0.60);
    width:100%;
    height:51px;
    padding-top:1px;
    padding-left:1px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, 
                                 color-stop(0%,rgba(0,0,0,0.0)),
                                 color-stop(5%,rgba(0,0,0,0.1)),
                                 color-stop(10%,rgba(0,0,0,0.2)),
                                 color-stop(100%,rgba(0,0,0,0.6))
                                ); /* Chrome,Safari4+ *
    
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

/*    
    opacity: 1;
    z-index:999;
    -webkit-transform: scale(0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
*/
}

div.details:hover {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, 
                                 color-stop(0%,rgba(0,0,0,0.0)),
                                 color-stop(5%,rgba(0,0,0,0.2)),
                                 color-stop(10%,rgba(0,0,0,0.4)),
                                 color-stop(100%,rgba(0,0,0,0.8))
                                ); /* Chrome,Safari4+ *
    
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


div.photo_frame .details a {
    color:#ccc;
    letter-spacing:0px;
    font-weight:300;
}

div.photo_frame .details_small a {
    color:#fff
}

div.photo_frame .details a:hover {
    color:#00afe9
}

div.details_small {
    position:absolute;
    overflow:hidden;
    white-space:nowrap;
    bottom:0px;
    color:#fff;
    background:#000;
    background:rgba(0,0,0,0.60);
    width:100%;
    height:30px

}


div.photo_frame .details_small .title_w127 {
    width:100%;
    font-size:10px;
    line-height:20px;
    height:23px;
    font-weight:100;
    letter-spacing:1px;
    position:absolute;
    top:6px;
    left:10px;
    overflow:hidden;
    text-overflow:ellipsis;
}

div.photo_frame .details .title {
    width:100%;
    font-size:15px;
    line-height:20px;
    height:23px;
    font-weight:300;
    letter-spacing:1px;
    position:absolute;
    top:6px;
    left:10px;
    font-family:Lato;
    overflow:hidden;
    width:260px;
    text-overflow:ellipsis;
    text-shadow:1px 1px 1px #000 !important;
    font-family:"Helvetica Neue", Arial;
}


div.photo_frame .details .info {
    width:200px;
    font-size:12px;
    line-height:11px;
    font-weight:300;
    position:absolute;
    bottom:9px;
    left:10px;
}

.photo_frame:hover .social_box {
    opacity:1;
    margin-top:0px;
    -webkit-transform: margin-top;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    display:block;

}

.container_photo {
    padding-top:20px;
    padding-bottom:30px;
}

.social_box {
    opacity:0;
    position:absolute;
    left:80px;
    width:100px;
    height:20px;
    margin-top:-20px;
    top:0px;
    background:#ccc;
    background:rgba(200,200,200, 0.6);
    padding:2px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-transition-duration:0.6s;
    border-top:solid 1px #999;
}

.social_like_btn {
    position:absolute;
    left:10px;
    top:5px;
    cursor:pointer;
}

.social_box:hover {
    -moz-box-shadow: 0px 0px 15px #09f;
    -webkit-box-shadow: 0px 0px 15px #09f;
    box-shadow: 0px 0px 15px #09f;
    -webkit-transition-duration:0.6s;
}

.photo_frame:hover .social_favourites_btn {
    opacity:1;
}

.social_favourites_btn {
    position:absolute;
    right:10px;
    top:5px;
    cursor:pointer;
}

.social_favourites_btn:hover, .social_like_btn:hover {
    color:#09e;
    -webkit-transition-duration:0.7s;
}


.ulBtn {
    position:relative;
    cursor:pointer;
    display:block;
    width:auto;
    width:180px;
    float:left;
}

.uploadImage {
    background:#f00;
    opacity: 0;
    position:absolute;
    left:0;
    top:0;
    display:block;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    cursor:pointer !important;
}

#preview_box {
    display:none;
}


.ribbon {
    position: absolute;
    right: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; 
    height: 75px; 
    text-align: right;
    z-index:100;
}

.ribbon span {
    font-weight: normal; 
    color: #fff; 
    text-transform: uppercase; 
    text-align: center;
    font-weight: bold; line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    width: 100px; display: block;
    
    background: #9BC90D;
    background: linear-gradient(top, #9BC90D 0%, #79A70A 100%);
    
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    
    position: absolute;
    top: 19px; right: -21px;
    opacity:1;
    font-size: 8px; 
}

.ribbon span::before {
    content: '';
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #579500;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #579500;
}

.ribbon span::after {
    content: '';
    position: absolute; right: 0%; top: 100%;
    z-index: -1;
    
    border-right: 3px solid #579500;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #579500;
}

.gid_0 span {
    background: #f90;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_0 span::before {
    border-left: 3px solid #363 !important;
    border-top: 3px solid #363 !important; 
}

.gid_0 span::after {
    border-right: 3px solid #363 !important;
    border-top: 3px solid #363 !important;
}


.gid_1 span {
    background: #f90;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_1 span::before {
    border-left: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important; 
}

.gid_1 span::after {
    border-right: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important;
}


.gid_2 span {
    background: #f9f;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_2 span::before {
    border-left: 3px solid #a6a !important;
    border-top: 3px solid #a6a !important; 
}

.gid_2 span::after {
    border-right: 3px solid #a6a !important;
    border-top: 3px solid #a6a !important;
}

.gid_3 span {
    background: #390;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_3 span::before {
    border-left: 3px solid #160 !important;
    border-top: 3px solid #160 !important; 
}

.gid_3 span::after {
    border-right: 3px solid #160 !important;
    border-top: 3px solid #160 !important;
}

.gid_4 span {
    background: #033;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_4 span::before {
    border-left: 3px solid #011 !important;
    border-top: 3px solid #011 !important; 
}

.gid_4 span::after {
    border-right: 3px solid #001 !important;
    border-top: 3px solid #001 !important;
}


.gid_5 span {
    background: #930;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_5 span::before {
    border-left: 3px solid #610 !important;
    border-top: 3px solid #610 !important; 
}

.gid_5 span::after {
    border-right: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important;
}

.gid_6 span {
    background: #f90;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_6 span::before {
    border-left: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important; 
}

.gid_6 span::after {
    border-right: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important;
}




.gid_7 span {
    background: #110;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_7 span::before {
    border-left: 3px solid #000 !important;
    border-top: 3px solid #000 !important; 
}

.gid_7 span::after {
    border-right: 3px solid #000 !important;
    border-top: 3px solid #000 !important;
}



.gid_8 span {
    background: #900;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_8 span::before {
    border-left: 3px solid #600 !important;
    border-top: 3px solid #600 !important; 
}

.gid_8 span::after {
    border-right: 3px solid #600 !important;
    border-top: 3px solid #600 !important;
}


.gid_9 span {
    background: #c03;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_9 span::before {
    border-left: 3px solid #901 !important;
    border-top: 3px solid #901 !important; 
}

.gid_9 span::after {
    border-right: 3px solid #901 !important;
    border-top: 3px solid #901 !important;
}


.gid_10 span {
    background: #333;
    background: linear-gradient(top, #f90 0%, #fe0 100%);
}

.gid_10 span::before {
    border-left: 3px solid #111 !important;
    border-top: 3px solid #111 !important; 
}

.gid_10 span::after {
    border-right: 3px solid #111 !important;
    border-top: 3px solid #111 !important;
}



.gid_11 span {
    background: #368;
}

.gid_11 span::before {
    border-left: 3px solid #132 !important;
    border-top: 3px solid #132 !important; 
}

.gid_11 span::after {
    border-right: 3px solid #132 !important;
    border-top: 3px solid #132 !important;
}


.gid_12 span {
    background: #c66;
}

.gid_12 span::before {
    border-left: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important; 
}

.gid_12 span::after {
    border-right: 3px solid #a60 !important;
    border-top: 3px solid #a60 !important;
}


.gid_13 span {
    background: #969;
}

.gid_13 span::before {
    border-left: 3px solid #636 !important;
    border-top: 3px solid #636 !important; 
}

.gid_13 span::after {
    border-right: 3px solid #636 !important;
    border-top: 3px solid #636 !important;
}


.gid_14 span {
    background: #69f;
}

.gid_14 span::before {
    border-left: 3px solid #333 !important;
    border-top: 3px solid #333 !important; 
}

.gid_14 span::after {
    border-right: 3px solid #333 !important;
    border-top: 3px solid #333 !important;
}


.gid_15 span {
    background: #96f;
}

.gid_15 span::before {
    border-left: 3px solid #333 !important;
    border-top: 3px solid #333 !important; 
}

.gid_15 span::after {
    border-right: 3px solid #333 !important;
    border-top: 3px solid #333 !important;
}


.gid_16 span {
    background: #939;
}

.gid_16 span::before {
    border-left: 3px solid #636 !important;
    border-top: 3px solid #636 !important; 
}

.gid_16 span::after {
    border-right: 3px solid #636 !important;
    border-top: 3px solid #636 !important;
}



.gid_17 span {
    background: #f6a;
}

.gid_17 span::before {
    border-left: 3px solid #a36 !important;
    border-top: 3px solid #a36 !important; 
}

.gid_17 span::after {
    border-right: 3px solid #a36 !important;
    border-top: 3px solid #a36 !important;
}



.gid_18 span {
    background: #cca;
}

.gid_18 span::before {
    border-left: 3px solid #999 !important;
    border-top: 3px solid #999 !important; 
}

.gid_18 span::after {
    border-right: 3px solid #999 !important;
    border-top: 3px solid #999 !important;
}


.gid_24 span {
    background: #faf;
}

.gid_24 span::before {
    border-left: 3px solid #a36 !important;
    border-top: 3px solid #a36 !important; 
}

.gid_24 span::after {
    border-right: 3px solid #a36 !important;
    border-top: 3px solid #a36 !important;
}



.gid_19 span {
    background: #74b;
}

.gid_19 span::before {
    border-left: 3px solid #418 !important;
    border-top: 3px solid #418 !important; 
}

.gid_19 span::after {
    border-right: 3px solid #418 !important;
    border-top: 3px solid #418 !important;
}


.gid_20 span {
    background: #3ba;
}

.gid_20 span::before {
    border-left: 3px solid #087 !important;
    border-top: 3px solid #087 !important; 
}

.gid_20 span::after {
    border-right: 3px solid #087 !important;
    border-top: 3px solid #087 !important;
}

.gid_21 span {
    background: #3bf;
}

.gid_21 span::before {
    border-left: 3px solid #08a !important;
    border-top: 3px solid #08a !important; 
}

.gid_21 span::after {
    border-right: 3px solid #08a !important;
    border-top: 3px solid #08a !important;
}


.gid_22 span {
    background: #f60;
}

.gid_22 span::before {
    border-left: 3px solid #a30 !important;
    border-top: 3px solid #a30 !important; 
}

.gid_22 span::after {
    border-right: 3px solid #a30 !important;
    border-top: 3px solid #a30 !important;
}

.gid_23 span {
    background: #f57;
}

.gid_23 span::before {
    border-left: 3px solid #926 !important;
    border-top: 3px solid #926 !important; 
}

.gid_23 span::after {
    border-right: 3px solid #926 !important;
    border-top: 3px solid #926 !important;
}


.gid_25 span {
    background: #f0c;
}

.gid_25 span::before {
    border-left: 3px solid #a06 !important;
    border-top: 3px solid #a06 !important; 
}

.gid_25 span::after {
    border-right: 3px solid #a06 !important;
    border-top: 3px solid #a06 !important;
}


.paginationMenu {
    clear:both;
    margin-top:30px;
    padding-top:10px;
    text-align:center;
    margin:0 auto;
}

.pagination {
    float:right;  
    margin:20px 0px 10px; 
    padding:0px; 
    position:relative; 
    z-index:1; 
}

.paginate ul { float:left; margin:0px; padding:0px; }
.paginate ul li { float:left; display:inline; margin:0px 4px; padding:0px; }
.paginate ul li a, .pagination .next-post, .pagination .prev-post { 
    float:left; 
    padding:5px 10px; 
    font-size:13px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    box-shadow: inset 0px 1px 0px 0px #ffffff; 
    border-radius:5px; 
    behavior:url(PIE.htc);
}
.paginate ul li.active-page { 
    float:left; 
    padding:5px 10px; font-size:13px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #acacac;
    -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; 
    box-shadow: inset 0px 1px 0px 0px #acacac;
    border-radius:5px;
    behavior:url(PIE.htc);
}
.paginate ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover {
    -moz-box-shadow:inset 0px 1px 0px 0px #acacac; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; 
    box-shadow: inset 0px 1px 0px 0px #acacac; 
    behavior:url(PIE.htc);
}
.paginate .next-post { float:left; margin-left:4px; width:27px; height:26px; padding:0px; }
.paginate .prev-post { float:left; margin-right:4px; width:27px; height:26px; padding:0px; }



.paginate {
    
}

a.paginate {
    padding:5px 10px; 
    font-size:13px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #acacac;
    -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; 
    box-shadow: inset 0px 1px 0px 0px #acacac;
    border-radius:5px;
    background:#ebebeb; 
    border:1px solid #d7d7d7; 
    color:#7c7c7c;
    padding:5px 10px; 
    font-size:13px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    box-shadow: inset 0px 1px 0px 0px #ffffff; 
    border-radius:5px;
    line-height:33px;
}


a.paginate:hover {
    text-decoration: none;
    background:#676767;
    border:1px solid #4d4d4d !important;
    text-shadow:0px 1px 0px #151515;
    color:#fff !important;
}


a.current {
    padding:5px 10px; 
    font-size:13px; 
    border-radius:5px;
    background:#ebebeb; 
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    box-shadow: inset 0px 1px 0px 0px #ffffff; 
    border-radius:5px; 
    text-decoration: none;
    background:#676767;
    border:1px solid #4d4d4d;
    text-shadow:0px 1px 0px #151515;
    color:#fff;
    cursor: default;
}
a.current:hover {
    color:#fff;
}

span.inactive {
    padding:5px 10px; 
    font-size:13px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #acacac;
    -webkit-box-shadow:inset 0px 1px 0px 0px #acacac; 
    box-shadow: inset 0px 1px 0px 0px #acacac;
    border-radius:5px;
    background:#ebebeb; 
    border:1px solid #d7d7d7; 
    color:#bbb;
    padding:5px 10px; 
    font-size:13px; 
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; 
    box-shadow: inset 0px 1px 0px 0px #ffffff; 
    border-radius:5px; 
    cursor: default;
}

.manager_ArtworkName {
    cursor:pointer;
    color:#222;
}


/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

.sidebar_menu {
    background:#121921;
}

.container-full {
  width: 100%;
  margin:0;
  padding:0;
}

.main_content {
    padding-top:20px;
}


html, body {
height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -6em;
}

.footer, .push {
    height: 6em;
}

.mt5 {
    margin-top:5px;
}

.page-header {
    margin:0;
    padding:0;
    font-size:20px;
    font-weight:800;
    border:0;
}

.page-heading {
    background:rgb(255, 255, 255);
    width:100%;
    padding:10px;
    padding-top:15px;
    padding-left:20px;
    margin-bottom:10px;
}

.page-heading h1 {
    font-weight:700;
    line-height:28px
}

.container-main {
    margin:0 auto;
    width:98%;
}

.full {
    width:100%;
}

.effect2 {
  position: relative;
  width:98%;
  margin:0 auto;
  margin-bottom:20px;
}

.effect2:before, .effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(100,100,100,0);
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect3 {
  position: relative;
  width:98%;
  margin:0 auto;
  margin-bottom:20px;
}

.effect3:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(100,100,100,0);
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect3:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


#artwork_subcategories {
    height:100vh;
    background:rgba(100,100,100,0.1);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding:5px;
}

#artwork_subcategories ul {
    margin:0;
    padding:0;
    list-style:none;
    padding-left:4px;
    font-size:13px;
}

#artwork_subcategories ul li {
    padding:2px;
}
#artwork_subcategories ul li a {
    color:#555;
}

.browse_categories {
    padding-left:10px;
    font-weight:bold;
}

.selected_group {
    background:#ccc;
}


.container-fluid {
    width:98%;
    margin:0 auto;
}

.insert_smiley {
    cursor:pointer;
    padding:5px;
}

.p0 {
    padding:0;
    margin:0;
}

.img-frame {
    width:29%;
    margin:2%
}

.panel-title {
    font-size:14px;
}

/* 5 columns by default */
.grid-sizer { width: 20%; }
.photo_frame { width: 22%;}

@media screen and (min-width: 720px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 10%; }
  .photo_frame { width: 30%;}
}


@media print {
    body {
         background:#fff;
    }
}

.img-align {
   display:table-cell !important;
   vertical-align:middle !important;
}

#menu-right {
/*  z-index:1000;
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: auto;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgb(208, 223, 233);
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.6);
  display: block;
  font-family: 'Open Sans', verdana, arial;
  font-size: 14px;
  font-weight: 300;
  height: 838px;
  left: auto;
  line-height: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: fixed;
  right: -10px;
  top: 0px;
  width: 260px;
  padding-top:55px;
  z-index: 0;
*/
}
.hideme {
    display:none;
}

#right_box_page {
}

.menu_chat {
   cursor:pointer;
   padding-top:16px;
   color:#ffcc44;
   background:rgba(30,30,30,0.2);
   width:30px;
   text-align:center;
}

.menu_chat:hover {
    color:#ffe;
}

.sidebar_chat {
    margin:0;
    padding:0;
    height:300px;
    overflow:auto;
}

.chat_sender {
    color:#232e3a;
    font-weight:bold;
    font-size:12px;
}

.chat_post {
    font-size:10px;
    color:#999;
    border-bottom:solid 1px #fff;
    box-shadow:1px 1px 3px #eee;
    display:block;
    text-align:left;
    margin-bottom:8px;
    padding-left:5px;
}

a.chat_sender {
    color:#db9327;
    font-weight:bold;
    font-size:12px;
}

.chat_message {
    font-size:12px;
    color:#333;
    margin:0;
    padding:0;
    padding-left:6px;
    padding-right:3px;
}

.chatInputBox {
    font-size:11px;
    height:50px;
    margin-bottom:10px;
    border:solid 1px #ccc;
    width:100%;
    padding:4px;
    box-shadow:inset 1px 1px 2px #ccc;
    border-radius:5px;
}



#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}



.gallery-flex {
     display: flex;
     flex-flow: wrap;
     flex-direction:row;
     align-items: center;
     justify-content: justify;
     align-content:stretch;
}

.photo-item {
     align-self: center;
     width:19%;
    text-align:center;
    display:block;
    padding-left:2%;
    padding-right:2%;
    margin-bottom:20px;
    float:left;
}

.img-hover {
    display:none;
    text-align: center;
}

.item_photo:hover .img-hover {
    display:flex;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(30, 30, 30, 0.7);
    color:rgba(130, 130, 130, 0.5);
    font-size:90px !important;
    vertical-align: center;
    align-items: center;
    text-align:center !important;
    margin: auto;
    align-items: center;
    justify-content: center;
}

@media (max-width: 699px) {

     .gallery-flex > * {
          width: 100%;
     }
    .photo-item {
         width:100% !important;
    }

}
@media screen and (min-width: 699px) and (max-width: 800px) {

     .gallery-flex > * {
          width: 100%;
     }
    .photo-item {
         width:100% !important;
    }


}

@media screen and (min-width: 800px) and (max-width: 1100px) {

     .gallery-flex > * {
          width: 50%;
     }
    .photo-item {
         width:50% !important;
    }


}



@media screen and (min-width: 1100px) and (max-width: 1600px) {

     .gallery-flex > * {
          width: 32%;
     }
    .photo-item {
         width:32% !important;
    }

}

@media screen and (min-width: 1600px) and (max-width: 2000px) {

     .gallery-flex > * {
          width: 24%;
     }

    .photo-item {
         width:24% !important;
    }

}


@media screen and (min-width: 2000px) and (max-width: 2600px) {

     .gallery-flex > * {
          width: 20%;
     }

    .photo-item {
         width:19% !important;
    }

}


@media screen and (min-width: 2600px) {

     .gallery-flex > * {
          width: 10%;
     }

    .photo-item {
         width:9% !important;
    }

}



.item_frame {
    position:relative;
}


.item .meta, .feat-item .feat-info .meta {
     font-size:12px;
     font-family:"Lato", sans-serif;
     color:#999;
     overflow:hidden;
}

.item .meta .date, .feat-item .feat-info .meta .date {
     float:left;
}
.item .meta .views, .feat-item .feat-info .meta .views {
     float:right;
}
.item .meta .fcomments, .feat-item .feat-info .meta .fcomments {
     float:right;
     margin-right:9px;
}
.item .meta .heart, .feat-item .feat-info .meta .heart {
     float:right;
     margin-right:10px;
}

.item .meta .views i, .feat-item .feat-info .meta .views i {
     font-size:12px;
     margin-right:3px;
     color:#b5b5b5;
}
.item .meta .heart i, .feat-item .feat-info .meta .heart i {
     font-size:10px;
     margin-right:3px;
     color:#bbb;
}
.item .meta .fcomments i, .feat-item .feat-info .meta .fcomments i {
     font-size:12px;
     margin-right:3px;
     color:#b5b5b5;
}
.item .meta .fcategory{
     display: block;
    margin: 7px 0 0 0;
    float: left;
}

.item .meta .fcategory a{
     margin-left: 5px;
}
.item .meta .fcategory i{
     margin-right: 3px;
}
.item .meta .fcategory a{
     color: #999
}


.details_frame h3 {
     color:#444;
     font-weight:700;
     font-family: 'Lato', sans-serif;
     overflow: hidden;
     text-align:left;
     margin:0;
     padding-top:8px;
     line-height:15px;
     margin-bottom:4px;
     overflow: hidden;
     font-size:15px;
}

.details_frame a {
}

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

.item_frame {
    position:relative;
}



.item_photo {
     box-shadow:1px 1px 8px #777;
     position:relative;
}

.item_photo img {
     line-height:0;
     box-shadow:0px 1px 10px #666;
     border:solid 0px #999;
     width:100% !important;
    z-index:1;
     /*
     transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
     */
}

.item_photo:hover img {
     /*
    transform: scale(1.2, 1.2) rotate(2deg);
    -ms-transform: scale(1.2, 1.2) rotate(2deg);
    -moz-transform: scale(1.2, 1.2) rotate(2deg);
    -webkit-transform: scale(1.2, 1.2) rotate(2deg);
    -o-transform: scale(1.2, 1.2) rotate(2deg);
     */
}


.item_frame:hover img {
    -moz-box-shadow: 0px 0px 15px #09f;
    -webkit-box-shadow: 0px 0px 15px #09f;
    box-shadow: 0px 0px 15px #09f;
    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-in-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-in-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-in-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-in-out;
    transition-duration:1.3s;
}

.item_frame:hover div.details a:hover {
    text-decoration:none;
}

.item_frame:hover div.details {
    display:block;
    opacity:1;

    -webkit-transition-duration:1.3s;
    -webkit-transition-timing:ease-out;
    -o-transition-duration:1.3s;
    -o-transition-timing:ease-out;
    -moz-transition-duration:1.3s;
    -moz-transition-timing:ease-out;
    -ms-transition-duration:1.3s;
    -ms-transition-timing:ease-out;
    transition-duration:1.3s;
    transition-timing:ease-out;
}


.photo-item, .item3, .grid-sizer { width: 33%; }
.grid-sizer_fp {width:25%}

.poster_sizer {
    width:20%
}

.photo-item .meta, .feat-item .feat-info .meta {
     font-size:12px;
     font-family:"Lato", sans-serif;
     color:#999;
     overflow:hidden;
}

.photo-item .meta .date, .feat-item .feat-info .meta .date {
     float:left;
}
.photo-item .meta .views, .feat-item .feat-info .meta .views {
     float:right;
}
.photo-item .meta .fcomments, .feat-item .feat-info .meta .fcomments {
     float:right;
     margin-right:9px;
}
.photo-item .meta .heart, .feat-item .feat-info .meta .heart {
     float:right;
     margin-right:10px;
}

.photo-item .meta .views i, .feat-item .feat-info .meta .views i {
     font-size:12px;
     margin-right:3px;
     color:#b5b5b5;
}
.photo-item .meta .heart i, .feat-item .feat-info .meta .heart i {
     font-size:10px;
     margin-right:3px;
     color:#bbb;
}
.photo-item .meta .fcomments i, .feat-item .feat-info .meta .fcomments i {
     font-size:12px;
     margin-right:3px;
     color:#b5b5b5;
}
.photo-item .meta .fcategory{
     display: block;
    margin: 7px 0 0 0;
    float: left;
}

.photo-item .meta .fcategory a{
     margin-left: 5px;
}
.photo-item .meta .fcategory i{
     margin-right: 3px;
}
.photo-item .meta .fcategory a{
     color: #999
}




.item_photo {
     box-shadow:1px 1px 8px #777;
     position:relative;
}

.item_photo img {
     line-height:0;
     box-shadow:0px 1px 10px #666;
     border:solid 0px #999;
     width:100% !important;
    z-index:1;
     /*
     transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
     */
}

.item_photo:hover img {
     /*
    transform: scale(1.2, 1.2) rotate(2deg);
    -ms-transform: scale(1.2, 1.2) rotate(2deg);
    -moz-transform: scale(1.2, 1.2) rotate(2deg);
    -webkit-transform: scale(1.2, 1.2) rotate(2deg);
    -o-transform: scale(1.2, 1.2) rotate(2deg);
     */
}


.category-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-flow:space-between;
    justify-content: flex-start;
    align-items: flex-start;
}


#category-list {
    order:1;
    min-width:200px;
    max-width:300px;
    height:100%;
    align-self: flex-start;
}

#category-artworks {
    order:2;
    width:100%;
    align-self: flex-start;
}

.category-display {
    font-size:13px;
    cursor:pointer;
    float:left;
    display:none;
}

.category-display i {
    padding:4px;
    margin:4px;
    border:solid 1px #aaa;
    border-radius:5px;
    width:26px;
    cursor: pointer;
    background:rgba(200, 200, 200, 0.8);
    float:left;
}

.category-toggle {
    font-size:18px;
    cursor:pointer;
    display:block;
    height:30px;
}

.category-toggle i {
    padding:4px;
    margin:4px;
    border:solid 1px #aaa;
    border-radius:5px;
    width:26px;
    cursor: pointer;
    background:rgba(200, 200, 200, 0.8);
    float:right;
}

.category-toggle i:hover {
    background:rgba(230, 230, 230, 0.9);
}

@media screen and (max-width: 500px) {
    #category-list {
        display:none;

    }
}

.subgroup {
    margin-left:5px;
}

.scrollContent {
    max-height:800px;
    overflow:auto;
}

.icon-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}

@media only screen and (max-width: 900px) {
    .icon-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 700px) {
    .icon-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 500px) {
    .icon-grid {
        grid-template-columns: 1fr 1fr;
    }
}


.icon-grid div.icon-flex {
    background:#fff;
    border-radius:5px;
    padding:1em;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:baseline;
    align-content: flex-start;
}

div.icon-flex div {
    align-self: center;
}
