html {
    padding:0;
    margin:0;
    min-width:1240px;
}
body {
    padding:0;
    margin:0;
    background-image:url("/templates/bg.png");
    background-color:#d7d7d7;
    background-repeat:repeat-y;
    background-position:top center;
    font-family:"Segoe UI",Verdana,Arial,sans-serif,Helvetica;
    font-size:16px;
    min-width:1240px;
}
#top_bar {
    background-image:url("/templates/top_bg.png");
    background-repeat:repeat-x;
    background-position:top center;
    height:150px;
}
#navbar {
    width:1220px;
    margin-left:auto;
    margin-right:auto;
    line-height:25px;
    font-size:14px;
    color:#d7d7d7;
    font-variant:small-caps;
}
#links {
    text-align:left;
    float:left;
}
#links a, #links a:hover, #home {
    margin-right:20px;
}
#top_bar a, #top_bar a:hover, #home {
    font-weight:bold;
    color:#d7d7d7;
    text-decoration:none;
}

#middle_bar {
    width:1240px;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
    color:#d7d7d7;
}
#logo {
    padding-top:40px;
}
#user {
    background-image:url("/templates/user.png");
    background-repeat:no-repeat;
    width:302px;
    height:82px;
    margin-top:22px;
    margin-right:20px;
    float:right;
}
#user #avatar {
    float:left;
    margin-left:20px;
    margin-top:15px;
}
#user #info {
    padding:10px;
    padding-left:80px;

}

#container {
    width:1240px;
    min-width:1240px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#content, #footer {
    float:left;
    padding-top:15px;
    width:950px;
    text-align:left;
    min-width:950px;
}
#content a, #content a:hover, #widgets a, #widgets a:hover {
    text-decoration:none;
    color:#306ba1;
}
#widgets a, .shouts a, .paginate {
    font-weight:bold;
}
#footer {
    clear:both;
    font-size:12px;
    margin-top:50px;
}
#footer a, #footer a:hover {
    font-weight:bold;
    text-decoration:none;
    color:#1b1b1a;
}
#copyright {
    float:left;
    padding-bottom:15px;
}
#sites {
    float:right;
    text-align:right;
    padding-bottom:15px;
}
#widgets {
    float:right;
    width:250px;
}
.widget {
    margin-top:15px;
    border-radius:5px;
    /*box-shadow:0 0 15px #222;*/
    box-shadow:0 0 15px #787878;
}
.widget_title, .widget_footer {
    background-image:url('/templates/top_bg.png');
    background-position:0 -60px;
    background-repeat:repeat-x;
    background-color:#306ca2;
    color:#d7d7d7 !important;
    border:1px solid #000;
    padding:5px;
    margin:0;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
}
.widget_content {
    border:1px solid #000;
    border-top:0;
    background-color:#fff;
    padding:5px;
    text-align:justify;
    font-size:14px;
}
.widget_footer {
    height:5px;
    padding:0;
    margin:0;
    margin-bottom:20px;
    border-top:0;
}

.clear {
    clear:both;
}

h1 {
    font-size:24px;
    font-weight:bold;
    margin-left:40px;
    margin-bottom:10px;
}
h2 {
    font-size:18px;
    font-weight:bold;
}

p {
    margin-bottom:10px;
    font-size:16px;
}

a img {
    border:0;
}

dl#faqs {
    font-size:14px;
}
dl#faqs dt {
    font-weight:bold;
    margin-top:10px;
}

fieldset {
    border: 2px solid #306ba1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
fieldset legend {
    font-size:14px;
    font-weight:bold;
    border-left:2px solid #306ba1;
    border-right:2px solid #306ba1;
    padding-left:10px;
    padding-right:10px;

    /*New style here down*/
    /*border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*padding:5px 15px 5px 15px;*/
    /*background-image:url('/templates/top_bg.png');*/
    /*background-position:0 -60px;*/
    /*background-repeat:repeat-x;*/
    /*background-color:#306ca2;*/
    /*color:#fff !important;*/
}
input, select, textarea {
    border-radius: 5px;
    border:1px solid #444;
    background-color:#eee;
    font-family:"Segoe UI",Verdana,Arial,sans-serif,Helvetica;
}
input {
    width:165px;
}
input[disabled] {
    background-color:#ccc;
    padding-left:25px;
    width:140px;
    background-image:url('/templates/disabled.png');
    background-repeat:no-repeat;
    background-position: 5px;
}
input[type=password] {
    padding-left:25px;
    width:140px;
    background-image:url('/templates/password.png');
    background-repeat:no-repeat;
    background-position: 5px;
}
input#shout {
    padding-left:25px;
    width:180px;
    background-image:url('/templates/shout.png');
    background-repeat:no-repeat;
    background-position: 5px;
}
input[type=checkbox], input[type=button], input[type=radio], input[type=image]
{
    width:inherit;
}
.editable-buttons button, .button {
    text-transform: capitalize;
    width:inherit;
    border-radius: 5px;
    border:1px solid #444;
    font-family:"Segoe UI",Verdana,Arial,sans-serif,Helvetica;
    background-image:url("/templates/top_bg.png");
    background-repeat:repeat-x;
    background-position:top center;
    height:25px;
    padding:2px;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    color:#d7d7d7 !important;
    font-size:14px;
    cursor:pointer;
}
/*input[type=checkbox] {*/
    /*display:none;*/
    /*position:absolute;*/
    /*top:-1000px;*/
/*}*/

/*input[type=checkbox] + label*/
/*{*/
    /*background: url('http://static.xgamerz.org/templates/chk_off.png') no-repeat center left;*/
    /*height: 16px;*/
    /*width: 16px;*/
    /*padding: 0 0 0 18px;*/
/*}*/

/*input[type=checkbox]:checked + label*/
/*{*/
    /*background: url('http://static.xgamerz.org/templates/chk_on.png') no-repeat center left;*/
    /*height: 16px;*/
    /*width: 16px;*/
    /*padding: 0 0 0 18px;*/
/*}*/


/* Dropdown menus */
#games {
    float:right;
    line-height:25px;
    margin:0;
    margin-right:25px;
    padding:0;
}#links {
    float:left;
    line-height:25px;
    margin:0;
    padding:0;
}
#games li, #links li {
    display:inline;
    position:relative;
    float:left;
}
#games > li img {
    vertical-align:middle;
    margin-top:-5px;
    margin-right:5px;
    width:16px;
    height:16px;
}
#games > li:hover > .drop, #links > li:hover > .drop {
    display:block;
}
.drop {
    position:absolute;
    top:25px;
    left:-18px;
    list-style-type:none;
    width:180px;
    background-image:url("/templates/dropdown.png");
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#1a1a1a;
    padding:10px 15px 8px 15px;
    margin:0;
    display:none;
    border-top:0 solid #306ca2;
    z-index:100;
    font-variant:normal;
}
.drop > li {
    float:none;
    display:block;
    width:180px;
    padding:2px;
    line-height:14px;
    list-style-type: disc !important;
}
.drop > li a {
    width:200px;
    color:#e0e9f1;
    text-decoration:none;
    padding-left:10px;
}
.drop > li a:hover {
    text-decoration:underline;
}
li.title {
    font-style:italic;
    margin-top:5px;
    list-style-type:none;
    width:180px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
ul.more {
    left:-124px;
    background-image:url('/templates/dropdown_right.png');
    background-repeat:no-repeat;
    background-position:top center;
}

/* Community Styling */
div.community h1, div.community .list_bottom, div.view_user .teams h2, div.view_user .list_bottom {
    background-image:url('/templates/top_bg.png');
    background-position:0 -60px;
    background-repeat:repeat-x;
    background-color:#306ca2;
    color:#d7d7d7 !important;
    border:1px solid #000;
    width:928px;
    padding:5px;
    padding-left:15px;
    margin:0;
    font-size:16px;
    line-height:16px;
}
div.community h1 a, .widget_title a, div.view_user .teams h2 a {
    color:#d7d7d7 !important;
}
div.community h1 a:hover, .widget_title a:hover, div.view_user .teams h2 a:hover {
    color:#fff !important;
}
div.community .list, div.view_user .team {
    background-color:#eee;
    /*background-color:#d7d7d7;*/
    width:939px;
    color:#1b1b1a;
    border:1px solid #000;
    border-top:0;
    margin:0;
    padding:5px;
    font-size:14px;
}
div.community .a, div.view_user .teams .a {
    background-color:#eee !important;
}
div.community .b, div.view_user .teams .b {
    background-color:#e3e3e3 !important;
}
div.community .list a:hover, div.view_user .teams .team a:hover {
    text-decoration:underline !important;
}
div.community .list h3 {
    padding:0;
    margin:0;
    font-size:16px;
}
div.community .list_bottom, div.view_user .teams .list_bottom {
    height:5px;
    padding:0;
    margin:0;
    margin-bottom:20px;
    width:948px;
    border-top:0;
}
div.community .links {
    font-weight:bold;
    text-align:right;
}
.vf {
    padding:2px;
    padding-left:5px;
}
.vf .topic {
}
.replies, .views {
    text-align:center;
}

.timestamp, .timestamp a, .timestamp a:hover {
    margin-top:50px;
    font-size:12px;
    color:#aaa !important;
}

.post_report, .post_edit, .post_delete {
    cursor: pointer;
}


/* BBCode Styling */
ul.bb-list-unordered { }
ol.bb-list-ordered { }
ol.bb-list-ordered-d { list-style-type:decimal; }
ol.bb-list-ordered-lr { list-style-type:lower-roman; }
ol.bb-list-ordered-ur { list-style-type:upper-roman; }
ol.bb-list-ordered-la { list-style-type:lower-alpha; }
ol.bb-list-ordered-ua { list-style-type:upper-alpha; }
ol.bb-listitem { }

.bb-code,
.bb-php {
    border: 1px solid black;
    padding: 10px;
    font-family:"Courier New",monospace;
    white-space: nowrap;
}

.bb-quote {
    border: 1px solid black;
    padding: 10px;
}

.bb-email { }
.bb-url { }

.bb-image {
    border-width: 0;
    border-style: none;
}

div.view_user .teams h2
{
    width:350px;
}
div.view_user .team {
    width:360px;
    height:32px;
    line-height:16px;
}
div.view_user .teams .list_bottom
{
    width:370px;
}

div.front_posts h1
{
    width:530px;
}
div.front_posts {
    width:552px;
}
div.front_posts .list_bottom
{
    width:550px;
}

.user_info_title
{
    border-bottom:1px solid #d7d7d7;
    color:#00529B;
    font-weight: bold;
}
.user_info
{
    margin:4px;
}

.uplay {
    background:url('/templates/uplay.png') #0f2d38;
    width:205px;
    height:49px;
    padding:0;
    padding-left:57px;
    padding-top:5px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}
.battlenet {
    background:url('/templates/battlenet.png');
    width:220px;
    height:45px;
    padding:0;
    padding-top:27px;
    padding-left:74px;
    color:#82c5ff;
    font-family:"Blizzard", "Arial", "Helvetica", sans-serif;
}


.discord-widget {
    font-size:1em !important;
}
.discord-avatar {
    width:16px !important;
    height:16px !important;
}
.discord-user-status {
    width:7px !important;
    height:7px !important;
    top:11px !important;
    left:11px !important;
}

/* Notification Animation */
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
img.notification {
    -moz-transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
    /* order: name, direction, duration, iteration-count, timing-function */
    -moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 2s infinite ease-in-out; /* IE */
    animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}​

/* Talkback Styling */
div.info,div.success,div.warning,div.error,div.validation{border:1px solid;margin-top:10px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px 10px;width:75%;-webkit-border-radius:5px;border-radius:5px;}
div.info{color:#00529B;background-color:#BDE5F8;background-image:url('/templates/talkback/info.png');}
div.success{color:#4F8A10;background-color:#DFF2BF;background-image:url('/templates/talkback/success.png');}
div.warning{color:#9F6000;background-color:#FEEFB3;background-image:url('/templates/talkback/warning.png');}
div.error{color:#D8000C;background-color:#FFBABA;background-image:url('/templates/talkback/error.png');}
div.validation{color:#D63301;background-color:#FFCCBA;background-image:url('/templates/talkback/validation.png');}
div.info h3,div.success h3,div.warning h3,div.error h3,div.validation h3{display:inline;font-size:20px;}