/* Designed by HudhodMedia.com */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body {
    background: url(images/bg.gif) repeat 0 0 #E9E9E9;
    color: #242021;
    font-family: "Droid Arabic Kufi", 'Open Sans', Helvetica, Arial, sans-serif;;
    font-size: 14px;
    line-height: 23px;
    text-rendering: optimizeLegibility;
    margin: 0;
    text-align: justify;
}

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

a:hover {
    color: #CA3A09;
}
img {
    max-width: 100%;
    height: auto;
}
input[type="submit"] {
    background: #CA3A09;
    border: none;
    box-shadow: none;
    color: #fff;
    padding: 10px 15px;
    cursor: point
    er;
}
#wrap {
    margin: 0 auto;
    width: 1200px;
    background: #ffffff;
    position: relative;
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22);
}

#wrap:before, #wrap:after {
    border-radius: 50%;
    bottom: 25px;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    width: 25px;
    z-index: -1;
}

#wrap:after {
    right: 0;
}

#wrap:before {
    left: 0;
}

#logo {
    text-align: center;
    float: right;
}

h1#logo-text a {
    color: #242021;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

p#slogan {
    color: #808080;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

#search,
#sidebar .block-search {
    background-color: #FFFFFF;
    position: relative;
}

#search label,
#sidebar .block-search label {
    display: none;
}

#search .form-text {
    border: 1px solid #EEEEEE;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    padding: 5px 10px;
    width: 283px;
}

#search .form-submit {
    background: url(images/search.png) no-repeat right center;
    border: 0;
    cursor: pointer;
    height: 35px;
    left: 0px;
    padding: 10px 13px;
    position: absolute;
    text-indent: -9999px;
    top: 0px;
}

#sidebar .block-search .form-text {
    background-color: #EEEEEE;
    border: 0;
    font-family: monospace;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 240px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#sidebar .block-search .form-submit {
    background-color: #808080;
    border: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Georgia, "Adobe Garamond Pro", "Apple Garamond", "ITC Garamond", "Times New Roman", Times, serif;
    font-size: 16px;
    height: 44px;
    line-height: 24px;
    margin: 0 0 30px 0;
    padding: 5px 20px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#mission {
    color: #808080;
    font-size: 42px;
    font-weight: normal;
    line-height: 52px;
    margin: 16px 0;
}

h1,
h2.comments {
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 16px 0;
}

h2,
h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    margin: 0 0 16px 0;
}

#header {
    overflow: hidden;
    padding: 10px;
    background: #d13e0a; /* Old browsers */
    background: -moz-linear-gradient(top, #d13e0a 0%, #b02e05 50%, #942101 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d13e0a), color-stop(50%, #b02e05), color-stop(100%, #942101)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d13e0a 0%, #b02e05 50%, #942101 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d13e0a 0%, #b02e05 50%, #942101 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d13e0a 0%, #b02e05 50%, #942101 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d13e0a 0%, #b02e05 50%, #942101 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13e0a', endColorstr='#942101', GradientType=0); /* IE6-9 */
    z-index: 999;
    width:1180px !important;
}

.is-sticky #header {
    padding: 5px 10px;
}

#nav {
    padding: 3px 0;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 25px 0;
    float: right;
    font-weight: bold;
}

#nav #navlist li {
    margin: 0 8px 0 0;
    padding: 0;
}

#footer-wrap {
    padding: 5px 25px;
    overflow: hidden;
    background: #323232;
    border-top: 3px solid #202020;
}

#nav #navlist li a {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
}

#nav #navlist li a:hover {
    color: #FF630F;
}

#nav #navlist li a.active,
#nav #navlist li.active-trail a {
    color: #FF630F;
}

/* SUB MENU */

#sidebar .submenu h2.title-subnav {
    border-bottom: 3px solid #dddddd;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}

#sidebar .submenu h2.title-subnav a {
    color: #242021;
    text-decoration: none;
}

#sidebar .submenu h2.title-subnav a:hover {
    color: #444;
}

#sidebar .submenu ul.menu {
    margin: 0;
    padding: 0;
    width: 260px;
}

#sidebar .submenu ul.menu li a {
    color: #242021;
    display: block;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
    width: 230px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#sidebar .submenu ul.menu li a:hover {
    background-color: #DDDDDD !important;
}

#sidebar .submenu ul.menu li a.active {
    background-color: #EEEEEE !important;
}

#sidebar .submenu ul.menu li.collapsed a,
#sidebar .submenu ul.menu li.expanded a {
    padding: 10px 10px 10px 40px;
    width: 210px;
}

#sidebar .submenu ul.menu li.collapsed a {
    background: url(images/arrow-collapsed.png) no-repeat left center;
}

#sidebar .submenu ul.menu li.expanded a {
    background: url(images/arrow-expanded.png) no-repeat left center;
}

#sidebar .submenu ul.menu li.leaf a {
    background: none;
}

#sidebar .submenu ul.menu li.expanded a li a {
    padding: 10px 10px 10px 40px;
    width: 210px;
}

#sidebar .submenu ul.menu li {
    margin: 0 0 5px 0;
}

#sidebar .submenu ul.menu li ul li {
    margin: 5px 0 5px 0;
}

#sidebar .submenu li.collapsed,
#sidebar .submenu li.leaf,
#sidebar .submenu li.expanded {
    list-style-image: none;
    list-style-type: none;
}

/* SIDEBAR */

#sidebar .block-comment ul,
#sidebar .block-forum .item-list ul {
    padding: 0;
}

#sidebar .block-comment ul li,
#sidebar .block-forum .item-list ul li {
    list-style-type: none;
    margin: 0 0 10px 0;
}

#sidebar .block-block,
#sidebar .block-user,
#sidebar .block-forum {
    padding: 5px 0;
}

#sidebar .block-block h2,
#sidebar .block-user h2,
#sidebar .block-forum h2 {
    margin-top: 0;
}

#sidebar .block-user .content .form-item {
    text-align: left;
}

.clear {
    clear: both;
}

#content-wrap {
    padding: 15px 25px;
    overflow: hidden;
    min-height: 500px;
}

#content {
    float: right;
    width: 625px;
    margin-right: 25px;
}

.no-sidebars #content {
    background: #FFFFFF;
    padding: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

#content fieldset {
    width: 610px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#content .picture {
    margin: 0;
    padding: 0;
}

#content .picture img {
    border: 1px solid #CDCCCC;
    float: right;
    height: 85px;
    margin: 40px 0 20px 20px;
    padding: 5px 5px 5px 5px;
    width: 85px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#content .post-footer {
    background-color: #EEEEEE;
    float: left;
    margin: 30px 0 0 0;
    padding: 0 30px 30px 30px;
    width: 550px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#content .post-footer .picture img {
    margin: 30px 0 20px 20px;
}

body.front #content h2 a,
body.page-blog #content .node h2 a,
body.page-comment #content .node h2 a {
    color: #242021;
    font-size: 42px;
    font-weight: normal;
    line-height: 48px;
    margin: 0 0 16px 0;
    text-decoration: none;
}

body.front #content .node {
    padding: 0 0 40px 0;
}

#content div.comment h3 a {
    color: #242021;
    text-decoration: none;
}

#content #comments {
    clear: both;
    padding: 50px 0 0 0;
}

#content div.comment {
    border-top: 3px solid #DDDDDD;
    margin-bottom: 5px;
    margin-bottom: 5px;
    margin-bottom: 5px;
}

#content .submitted {
    display: block;
    font-style: italic;
    margin: 0 0 20px 0;
}

#content .search-results dd {
    margin: 0;
}

ul.links {
    clear: both;
}

#content ul.links,
ul.links li {
    padding: 0 0 10px 10px;
}

#content .content {
    margin: 0 0 10px 0;
}

#content ul.links li a {
    background-color: #EEEEEE;
    border: 0;
    color: #808080;
    height: 24px;
    line-height: 48px;
    padding: 5px 10px;
    text-decoration: none;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#content #edit-submit,
#content #edit-submit-1,
#content #edit-preview,
#content #edit-reset,
#content #edit-vote,
#content #edit-delete {
    background-color: #EEEEEE;
    border: 0;
    color: #808080;
    cursor: pointer;
    height: 44px;
    line-height: 24px;
    font-family: Georgia, "Adobe Garamond Pro", "Apple Garamond", "ITC Garamond", "Times New Roman", Times, serif;
    font-size: 16px;
    padding: 5px 20px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#user-login-form {
    text-align: left;
}

#sidebar #edit-pass,
#sidebar #edit-name {
    background-color: #ffffff;
    border: 0;
    font-family: monospace;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    width: 200px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}
#content #edit-name,
#content #edit-subject,
#content #edit-keys,
body.page-user #content #edit-name,
#content #edit-mail,
#content #edit-pass {
    background-color: #EEEEEE;
    border: 0;
    font-family: monospace;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 590px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}
#edit-homepage-wrapper {
    display: none;
}

#content #edit-comment {
    background-color: #EEEEEE;
    border: 0;
    font-family: monospace;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    width: 590px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 100px;
}

#content #edit-submit:hover,
#content #edit-preview:hover {
    background-color: #DDDDDD;
}

#content ul.links li.comment_comments a {
    background-color: #D9E5D5;
}

#content ul.links li a:hover {
    background-color: #DDDDDD;
}

#content a.feed-icon {
    display: block;
    float: right;
    margin: 30px 0 0 0;
    text-align: right;
}

#sidebar {
    float: left;
    width: 305px;
}
#sidebar-small {
    float: right;
    width: 170px;
}
#sidebar-small img {
    width: 100% !important;
    height: auto !important;
}
/* FOOTER (AND SOME HEADER) */

#footer-wrap #block-menu-secondary-links h2,
#header #block-menu-secondary-links h2,
#footer-wrap .block-user h2,
#header .block-user h2 {
    display: none;
}

#footer-wrap #block-menu-secondary-links ul,
#header #block-menu-secondary-links ul,
#footer-wrap .block-user ul,
#header .block-user ul {
    margin: 0;
    padding: 0;
}

#footer {
    text-align: center;
    float: left;
}

#footer-wrap #block-menu-secondary-links ul li,
#header #block-menu-secondary-links ul li,
#footer-wrap .block-user ul li,
#header .block-user ul li {
    float: right;
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 20px 30px;
    padding: 0;
}

#header #block-menu-secondary-links ul,
#header .block-user ul {
    text-align: right;
}

#header .block-search {
    display: none;
}

#footer-message {
    float: right;
}

#footer-message p {
    margin: 0;
}

/* FEED & NEW ICONS */

a.feed-icon {
    background-image: url('images/feed.png');
    display: block;
    height: 47px;
    margin-top: 0.5em;
    width: 47px;
}

.feed-icon img {
    display: none;
}

#content .new {
    background-image: url('images/new.png');
    color: #7FAE79;
    display: block;
    height: 47px;
    margin-top: 0.5em;
    text-indent: -9999px;
    width: 47px;
}

/* PAGER */

#content ul.pager li {
    margin: 0;
    padding: 0;
}

#content ul.pager li a {
    background: #EEEEEE;
    margin: 0 10px 0 0;
    padding: 10px 14px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
}

#content ul.pager li.pager-current {
    background: #F6F6F6;
    margin: 0 10px 0 0;
    padding: 10px 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
}

#content ul.pager li a:hover {
    background: #242021;
    color: #FFFFFF !important;
}

#content ul.pager {
    text-align: left;
    padding: 30px 0 0 0;
}

.poll {
    margin: 30px 0 0 0;
}

.poll .title {
    font-weight: bold;
    margin: 0 0 30px 0;
}

.poll .total {
    margin: 0 0 30px 0;
    text-align: left;
}

.poll .bar,
.poll .bar .foreground {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

.poll .vote-form {
    text-align: left;
}

.poll .vote-form .choices {
    margin: 0;
}

.poll .bar .foreground {
    background-color: #808080;
}

.block-poll .links ul {
    padding: 0;
}

.block-user .item-list ul {
    margin: 20px 0 0 0;
    padding: 0;
}

.block-user .item-list li {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: 99%;
}

/* FORUM */

#forum table {
    width: 610px;
}

#forum td.icon {
    background: url(images/forum-default.png) no-repeat center center;
    padding: 0 0 0 30px;
}

#forum td.icon img {
    display: none;
}

#content .tabs a {
    color: #242021;
    padding: 10px 20px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#content .tabs ul {
    padding: 10px 0 10px 0;
}

#content .messages {
    margin: 10px 0;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

/* ADMIN MENU */

body #admin-menu {
    font-size: 12px;
}

body #admin-menu li.admin-menu-icon {
    padding-top: 3px;
}

#block-views-subsite_tv-block_3 .views-row {
    float: left;
    margin: 0 10px;
}

#views_slideshow_jcarouselthumbs_main_1 .views_slideshow_jcarouselthumbs_slide {
    width: 100%;
    text-align: center;
}

#views_slideshow_jcarouselthumbs_prev_1 {
    background: url("images/prev.png") no-repeat scroll center center transparent;
    height: 60px;
    left: 50px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 30%;
    width: 26px;
    z-index: 999;
}

#views_slideshow_jcarouselthumbs_next_1 {
    background: url("images/next.png") no-repeat scroll center center transparent;
    height: 60px;
    right: 50px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 30%;
    width: 26px;
    z-index: 999;
}

#views_slideshow_jcarouselthumbs_playpause_1 {
    display: none;
}

#block-views-subsite_tv-block_2,
#block-views-subsite_tv-block_5,
#block-views-subsite_tv-block_3,
#block-views-subsite_tv-block_1,
.view-subsite-tv.view-display-id-page_1,
#block-views-subsite_tv-block_6 {
    position: relative;
}

#sidebar h2,
.view-subsite-tv.view-display-id-page_1 h2,
#block-views-subsite_tv-block_6 h2,
#block-views-subsite_tv-block_3 h2,
#block-views-subsite_tv-block_2 h2 {
    border-bottom: 3px solid #CA3A09;
    color: #CA3A09;
    margin: 0;
}
#block-views-subsite_tv-block_1  .views-slideshow-controls-top,
#block-views-subsite_tv-block_2 .views-slideshow-controls-top,
#block-views-subsite_tv-block_3 .views-slideshow-controls-top,
.view-subsite-tv.view-display-id-page_1 .views-slideshow-controls-top,
#block-views-subsite_tv-block_6 .views-slideshow-controls-top {
    position: absolute;
    left: 15px;
    top: 13px;
}

.centery_container {
    text-align: center;
    color: #777;
}

#block-block-17.block-block {
    padding: 0;
    background: #fff;
}
#block-views-subsite_tv-block_3 .views-row,
#block-views-subsite_tv-block_2 .views-row,
.view-subsite-tv.view-display-id-page_1 .views-row,
#block-views-subsite_tv-block_6 .views-row {
    float: right;
    margin: 0 10px 10px;
    width: 280px;
}

.views_slideshow_singleframe_pager .pager-item {
    display: inline-block;
    margin-right: 3px;
    padding: 0;
}

#block-views-subsite_tv-block_1 .views-field-created {
    font-size: 11px;
    color: #FAB541;
    margin-top: 15px;
}

#block-views-subsite_tv-block_4 .views-slideshow-controls-top {
    position: absolute;
    right: 235px;
    text-align: center;
    bottom: 4px;
    z-index: 999;
}

#splash {
    position: relative;
}

#block-views-subsite_tv-block_4 .views-field-field-images-fid {

}

#block-views-subsite_tv-block_4 .views-field-nothing {
    position: absolute;
    bottom: 40px;
    padding: 5px;
    right: 0;
    left: 0;
    background-color: rgba(25, 89, 152, 0.6);
    background: rgba(25, 89, 152, 0.6);
    color:#fff;
    margin: 0 25px;
}
#block-views-subsite_tv-block_4 .news-title a {
    font-weight: bold;
    color: #fff;;
}
#block-views-subsite_tv-block_4 .content {
    position: relative;
    z-index: 9;
}

#block-views-subsite_tv-block_4 .views-row {
    width: 580px;
}

#block-views-subsite_tv-block_4 .created {
    color: #888;
    font-size: 11px;
    margin-bottom: 10px;
}

h3.news-title {
    margin: 0;
    line-height: 28px;
}

.view-subsite-tv.view-display-id-page_1,
#block-views-subsite_tv-block_6,
#block-views-subsite_tv-block_3 {
    background: #fff;
}

.view-subsite-tv.view-display-id-page_1 .view-content,
#block-views-subsite_tv-block_6 .view-content,
#block-views-subsite_tv-block_3 .view-content {
    padding: 5px 10px;
    overflow:hidden;
}

.views_slideshow_singleframe_pager a {
    background: #FF600D;
    cursor: pointer;
    display: block;
    height: 10px;
    text-indent: -9999px;
    width: 10px;
    outline: none;
}

.views_slideshow_singleframe_pager .activeSlide a {
    background: none repeat scroll 0 0 #972201;
}

#block-views-subsite_tv-block_4 .views_slideshow_singleframe_pager a {
    background: #FF600D;
}

#block-views-subsite_tv-block_4 .views_slideshow_singleframe_pager .activeSlide a {
    background: none repeat scroll 0 0 #972201;
}

#block-views-subsite_tv-block_2 .content {
    padding: 10px;
    overflow: hidden;
}

#block-views-subsite_tv-block_2 {
    background: #fff;
}

.view-display-id-page_3 .views-field-created {
    float: right;
    margin-left: 15px;
    color: #999;
}

.view-display-id-page_3 .views-row {
    overflow: hidden;
    margin-bottom: 10px;
}

.grippie {
    display: none;
}

.view-display-id-page_2 .views-field-created,
.view-display-id-page_6 .views-field-created,
.view-display-id-page_7 .views-field-created {
    color: #999;
    line-height: 25px;
    font-size: 10px;
}

.view-display-id-page_2 .views-field-title,
.view-display-id-page_6 .views-field-title,
.view-display-id-page_7 .views-field-title {
    margin-left: 10px;
}

.view-display-id-page_2 .views-row,
.view-display-id-page_6 .views-row,
.view-display-id-page_7 .views-row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
    clear: both;
    overflow: hidden;
}

.view-display-id-page_2 .views-field-field-images-fid,
.view-display-id-page_6 .views-field-field-images-fid,
.view-display-id-page_7 .views-field-field-images-fid {
    float: right;
    margin-left: 20px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 20px 40px;
    width: 820px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 100px;
    width: 820px;
}

.jcarousel-skin-tango .jcarousel-item {
    height: 100px;
    width: 150px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-tango .jcarousel-next-horizontal {
    top: 55px;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #fff;
    border: 2px solid #DDDDDD;
}

#block-views-subsite_tv-block_5 .views_slideshow_thumbnailhover_div_breakout_teaser {
    float: right;
    margin: 0 3px;
}

.social-icons {
    overflow: hidden;
    clear: both;
    display: block;
}
.social-icons ul {
    padding: 0;
}
.social-icons li {
    display: inline;
    float: left;
    margin-right: 4px;
}
.social-icons li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: left !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.social-icons li a i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
}
.social-icons .twitter:before,
.social-icons .wordpress:before,
.social-icons .facebook:before,
.social-icons .linkedin:before,
.social-icons .renren:before,
.social-icons .tumblr:before,
.social-icons .github:before,
.social-icons .maxcdn:before,
.social-icons .instagram:before,
.social-icons .xing:before,
.social-icons .html5:before,
.social-icons .dropbox:before,
.social-icons .css3:before,
.social-icons .gplus:before,
.social-icons .yahoo:before,
.social-icons .pinterest:before,
.social-icons .dribbble:before,
.social-icons .flickr:before,
.social-icons .reddit:before,
.social-icons .vimeo:before,
.social-icons .rss:before,
.social-icons .youtube:before,
.social-icons .linux:before,
.social-icons .appstore:before,
.social-icons .heart:before,
.social-icons .envelope:before,
.social-icons .fivehundredpx:before,
.social-icons .btc:before,
.social-icons .stumbleupon:before,
.social-icons .dribbble:before,
.social-icons .stack-exchange:before,
.social-icons .android:before,
.social-icons .instagram:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 16px;
    color: #a0a5aa;
    -webkit-transition: all 0.15s ease-in-out 0.5s linear;
    -moz-transition: all 0.15s ease-in-out 0.5s linear;
    -o-transition: all 0.15s ease-in-out 0.5s linear;
    -ms-transition: all 0.15s ease-in-out 0.5s linear;
    transition: all 0.15s ease-in-out 0.5s linear;
    position: absolute;
    left: 0;
    z-index: 20;
    width: 100%;
    text-align: center;
    line-height: 40px;
}
.social-icons li a:hover,
.social-icons li a i {
    color: #fff;
}
.social-icons li a i {
    top: -30px;
    opacity: 0;
}
.social-icons li a:hover i {
    top: 0;
    opacity: 1;
}
.social-icons .facebook i,
.social-icons .facebook:before {
    text-align: center;
    width: 100%;
    display: block;
}
.social-icons .facebook:before {
    content: "\f09a";
    top: 0;
    opacity: 1;
}
.social-icons .facebook:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .facebook:hover {
    background-color: #4a6d9d;
}
.social-icons .twitter:before {
    font-size: 18px;
}
.social-icons .twitter i,
.social-icons .twitter:before {
    text-align: center;
    width: 100%;
    display: block;
}
.social-icons .twitter:before {
    content: "\f099";
    top: 0;
    opacity: 1;
}
.social-icons .twitter:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .twitter:hover {
    background-color: #3bc1ed;
}
.social-icons .gplus i,
.social-icons .gplus:before {
    text-align: center;
    width: 100%;
    display: block;
}
.social-icons .gplus:before {
    content: "\f0d5";
    top: 0;
    opacity: 1;
}
.social-icons .linkedin i,
.social-icons .linkedin:before {
    text-align: center;
    width: 100%;
    display: block;
}
.social-icons .linkedin:before {
    content: "\f0e1";
    top: 0;
    opacity: 1;
}
.social-icons .linkedin:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .linkedin:hover {
    background-color: #0b7bb5;
}
.social-icons .gplus:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .gplus:hover {
    background-color: #d53824;
}
.social-icons .maxcdn:before {
    content: "\f136";
    top: 0;
    opacity: 1;
}
.social-icons .maxcdn:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .maxcdn:hover {
    background-color: #3274d1;
}
.social-icons .pinterest:before {
    content: "\f0d2";
    top: 0;
    opacity: 1;
}
.social-icons .pinterest:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .pinterest:hover {
    background-color: #cb1f25;
}
.social-icons .btc:before {
    content: "\f15a";
    top: 0;
    opacity: 1;
}
.social-icons .btc:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .btc:hover {
    background-color: #40833e;
}
.social-icons .heart:before {
    content: "\f004";
    top: 0;
    opacity: 1;
}
.social-icons .heart:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .heart:hover {
    background-color: #205685;
}
.social-icons .stack-exchange:before {
    content: "\f18d";
    top: 0;
    opacity: 1;
}
.social-icons .stack-exchange:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .stack-exchange:hover {
    background-color: #6ca405;
}
.social-icons .appstore:before {
    content: "\f179";
    top: 0;
    opacity: 1;
}
.social-icons .appstore:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .appstore:hover {
    background-color: #c0c0c0;
}
.social-icons .linux i,
.social-icons .linux:before {
    font-size: 14px !important;
}
.social-icons .linux:before {
    content: "\f17c";
    top: 0;
    opacity: 1;
}
.social-icons .linux:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .linux:hover {
    background-color: #ff6501;
}
.social-icons .dribbble:before {
    content: "\f17d";
    top: 0;
    opacity: 1;
}
.social-icons .dribbble:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .dribbble:hover {
    background-color: #ef5a92;
}
.social-icons .envelope:before {
    content: "\f003";
    top: 0;
    opacity: 1;
}
.social-icons .envelope:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .envelope:hover {
    background-color: #6bb130;
}
.social-icons .flickr:before {
    content: "\f16e";
    top: 0;
    opacity: 1;
}
.social-icons .flickr:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .flickr:hover {
    background-color: #136dd5;
}
.social-icons .rss i,
.social-icons .rss:before {
    font-size: 14px !important;
}
.social-icons .rss:before {
    content: "\f09e";
    top: 0;
    opacity: 1;
}
.social-icons .rss:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .rss:hover {
    background-color: #fe8f00;
}
.social-icons .youtube i,
.social-icons .youtube:before {
    font-size: 18px !important;
}
.social-icons .youtube:before {
    content: "\f167";
    top: 0;
    opacity: 1;
}
.social-icons .youtube:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .youtube:hover {
    background-color: #bf2f29;
}
.social-icons .vimeo i,
.social-icons .vimeo:before {
    font-size: 14px !important;
}
.social-icons .vimeo:before {
    content: "\f194";
    top: 0;
    opacity: 1;
}
.social-icons .vimeo:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .vimeo:hover {
    background-color: #4c8ab0;
}
.social-icons .xing:before {
    content: "\f168";
    top: 0;
    opacity: 1;
}
.social-icons .xing:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .xing:hover {
    background-color: #036568;
}
.social-icons .android:before {
    content: "\f17b";
    top: 0;
    opacity: 1;
}
.social-icons .android:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .android:hover {
    background-color: #9251a2;
}
.social-icons .html5:before {
    content: "\f13b";
    top: 0;
    opacity: 1;
}
.social-icons .html5:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .html5:hover {
    background-color: #2f3842;
}
.social-icons .renren:before {
    content: "\f18b";
    top: 0;
    opacity: 1;
}
.social-icons .renren:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .renren:hover {
    background-color: #383838;
}
.social-icons .dropbox:before {
    content: "\f16b";
    top: 0;
    opacity: 1;
}
.social-icons .dropbox:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .dropbox:hover {
    background-color: #2c92dd;
}
.social-icons .github:before {
    content: "\f09b";
    top: 0;
    opacity: 1;
}
.social-icons .github:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .github:hover {
    background-color: #5c7381;
}
.social-icons .css3:before {
    content: "\f13c";
    top: 0;
    opacity: 1;
}
.social-icons .css3:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .css3:hover {
    background-color: #d21309;
}
.social-icons .tumblr:before {
    content: "\f173";
    top: 0;
    opacity: 1;
}
.social-icons .tumblr:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .tumblr:hover {
    background-color: #3d658d;
}
.social-icons .instagram:before {
    content: "\f16d";
    top: 0;
    opacity: 1;
}
.social-icons .instagram:hover:before {
    top: 30px;
    opacity: 0;
}
.social-icons .instagram:hover {
    background-color: #3f6f94;
}
#block-simplenews-67 label {
    display: block;
    margin-bottom: 5px;
}
#block-simplenews-67 #edit-mail-wrapper {
    float: right;
    margin: 0;
}
#block-simplenews-67 #edit-submit {
    float: right;
    margin-top: 28px;
}
#block-simplenews-67 #edit-mail {
    padding: 8px;
}
#right-region {
    float: right;
    width: 825px;
}
#block-views-subsite_tv-block_5 {
    clear: both;
    overflow: hidden;
}
#block-views-subsite_tv-block_5 h2 {
    float: right;
    background: #737172;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
}
#block-views-subsite_tv-block_5 .content {
    float: right;
    width: 742px;
    background: #EEEEEE;
    overflow: hidden;
    padding-right: 10px;
    height: 36px;
    line-height: 36px;
    line-height: 36px;
    font-size: 17px;
}
#block-views-subsite_tv-block_5 .views_slideshow_singleframe_slide {
    width: 100% !important;
}
#block-views-subsite_tv-block_4 {
    overflow: hidden;;
}
.view-taxonomy-term .views-field-field-images-fid {
    float: right;
    margin-left: 15px;
}
.view-taxonomy-term .views-row {
    border-bottom: 1px solid #e9e9e9;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}
.views-field-created {
    color: #fab541;
    font-size: 11px;
}
.comment-top-part {
    background: #eee;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
}
.comment-top-part > div {
    float: right;
    margin: 0 3px;
}
#content .comment-links ul.links li a {
    padding: 0;
    background: transparent;
    line-height: 1;
}
#content .comment-links ul.links, .comment-links ul.links li {
    padding: 0 3px;
}
.view-subsite-tv.view-display-id-attachment_1 .views-row {
    float: none;
    width: 100%;
}
.view-subsite-tv.view-display-id-attachment_1 .views-field-field-images-fid {
    float: right;
    width: 50%;
    margin-left: 20px;
}