/* ----------------------------------------------------------------
    Body Background
-----------------------------------------------------------------*/


body { background-image: url("http://dcisports.com/wp-content/uploads/2012/09/brickbackground.png"); }


/* ----------------------------------------------------------------
    Content Areas Background Colors
-----------------------------------------------------------------*/


#top-area { background-color: #333333; }


#top-bar { background-color: #404040; }


#primary-menu,
#primary-menu ul ul { background-color: #404040; }


#footer { background-color: #404040; }


#copyrights { background-color: #202020; }


/* ----------------------------------------------------------------
    Colors
-----------------------------------------------------------------*/


a,
.portfolio-item:hover .portfolio-desc a,
.home-post-content h5 a:hover,
.faq-category h4:hover a { color: #00a6ff; }


/* ----------------------------------------------------------------
    Background Colors
-----------------------------------------------------------------*/


.top-area-wrap a:hover,
a#top-area-trigger,
.pagination a:hover,
#portfolio-filter li a,
#home-portfolio-pagination a.selected,
.entry_date:hover,
.home-post-img a:hover,
img.alignleft:hover,
img.alignnone:hover,
img.aligncenter:hover,
img.alignright:hover,
.wp-caption img:hover,
.faq-category h4:hover a span,
.classic-button:hover,
#gotoTop,
a.twitter-follow-me,
.tagcloud a:hover,
#footer .tagcloud a:hover { background-color: #00a6ff; }

.ei-slider-thumbs li.ei-slider-element,
.ei-title h2 span { background-color: #00a6ff !important; }


/* ----------------------------------------------------------------
    Border Colors
-----------------------------------------------------------------*/


.portfolio-item:hover .portfolio-image,
.portfolio-item:hover .portfolio-desc,
.related-projects a:hover,
.entry_image a:hover,
input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus,
.flickr-widget-wrap .flickr_badge_image img:hover,
.posts-widget li .post_image img:hover,
#footer .flickr_badge_image img:hover,
#footer .posts-widget li .post_image img:hover { border-color: #00a6ff; }


#top-bar,
#primary-menu > ul > li.current,
#primary-menu > ul > li.current-menu-ancestor,
#primary-menu > ul > li.current-menu-parent,
#primary-menu > ul > li.current-menu-item,
#primary-menu > ul > li.current_page_parent,
.slide .slide-caption,
.nivo-caption,
.rs-caption { border-top-color: #00a6ff; }


.ei-title h3 span { border-top-color: #00a6ff !important; }


/* ----------------------------------------------------------------
    Box Shadow Colors
-----------------------------------------------------------------*/


input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus {
    box-shadow: 0px 0px 4px #00a6ff;
    -moz-box-shadow: 0px 0px 4px #00a6ff;
	-webkit-box-shadow: 0px 0px 4px #00a6ff;
}


/* ----------------------------------------------------------------
    Selection Colors
-----------------------------------------------------------------*/


::selection,
::-moz-selection,
::-webkit-selection { background-color: #00a6ff; }


#header {
    background-color: #202020;
    height: 150px;
    padding: 0 40px;
    position: relative;
}
#top-contacts li {
    background-color: rgba(111, 111, 111, 0.3);
    border-radius: 14px 14px 14px 14px;
    color:  #F0F0F0 ;
    display: inline-block;
    font-size: 11px;
    line-height: 12px;
    margin: 0 0 0 10px;
    padding: 8px 12px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
#top-contacts li span {
    border-right: 1px dotted  #F0F0F0 ;
    color: #E8E8E8;
    display: inline-block;
    font-weight: bold;
    margin-right: 7px;
    padding-right: 7px;
}
#primary-menu {
    border-bottom: 3px solid rgba(255, 255, 255, 0.4);
    border-top: 3px solid rgba(255, 255, 255, 0.4);
    height: 70px;
    position: relative;
}
#top-bar {
    border-bottom: 3px solid rgba(255, 255, 255, 0.4);
    color: #DDDDDD;
    height: 40px;
    overflow: hidden;
    padding: 0 40px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
display: none;
}
.tab_container_login {
 background-color: #404040;
 border-color: #404040;
}
html ul.tabs_login li.active_login {
 background-color: #404040;
 border-left-color: #404040;
}
ul.tabs_login li{
border: 1px solid #404040;
background: rgba(255, 255, 255, 0.2) !important;
}

#footer a, #copyrights a {
background-color: #303030;
}