/*
THEME NAME: Cardiff Arts Institute
THEME URI: http://www.marcheatleydesign.com
DESCRIPTION: Reverse Cron Homepage and category pages
VERSION: 2.0
AUTHOR: The Heat
AUTHOR URI:
TAGS: Static site
Template: hybrid
*/

@import "../hybrid/library/css/drop-downs.css";
@import "../hybrid/library/css/plugins.css";



body{
        font-family:Calibri, Trebuchet, sans-serif;
        background:url(images/body-marks.jpg) center no-repeat;
        color:#36353A;
}
a{
        margin:0;
        color:#36353A;
        text-decoration:none;
}
#header-container{
        padding:50px 0 0 0;
        background:url(images/header-marks.jpg) center top no-repeat;
}

#header{
        width:946px;
        margin:30px auto 10px;
        text-indent:-1500px;
        background:url(cai-128.jpg) no-repeat;
        height:130px;
        border:none;
}
#menu-main-menu{
        width:946px;
        margin:0 auto;
}
#menu-main-menu{
        width:946px;
        height:40px;
        margin:0 auto;
        background:#36353A;
}
#menu-main-menu li a{
        color:#6F6F6F;
        font-weight:bold;
        text-transform:uppercase;
        text-decoration:none;
        padding:10px;
        background:#36353A;
}
#menu-main-menu li a:hover{
        color:#fff;
}
#container{
        width:946px;
        margin:20px auto;
        clear:both;
}
.content{
        width:600px;
        float:left;
}
#primary{
        width:280px;
        position:relative;
        z-index:0;
        float:right;
        margin-bottom:20px;
}
#secondary{
        position:absolute;
        top:0;
}
.widget{
        margin-bottom:10px;
}
#fri-sat{
        width:350px;
        position:absolute;
        top:0;
        text-align:right;
}
#footer-container{
        clear:both;
        margin:0 auto;
        background:url(images/footer-marks.jpg) bottom center no-repeat;
        padding:0 0 80px 0;

}
#footer{
        width:946px;
        padding-top:20px;
        border-top:dotted 2px #36353A;
        margin:25px auto;
        background:url(images/scissors.png) no-repeat right -28px;
}
#cat-nav{
        font-family:Monospace;
        list-style:none outside;
}
#cat-nav li a{
        margin-left:20px;
        text-decoration:none;
}
a.specials{
        background:#2E3192;
        color:#fff;
}
a.socials{
        background:#00A650;
}
a.culture{
        background:#00AEF3;
}
a.dancefloor{
        background:#ED1B24;
}
a.live{
        background:#fff201;
}

.category-zeitgeist h1, .category-zeitgeist h2{
        display:inline;
        background:#F30090;
}
.category-culture h1, .category-culture h2{
        display:inline;
        background:#00AEF3;
}
.category-socials h1, .category-socials h2{
        display:inline;
        background:#00A650;
}
.category-live h1, .category-live h2{
        display:inline;
        background:#fff201;
}
.category-dancefloor h1, .category-dancefloor h2{
        display:inline;
        background:#ED1B24;
}
.category-specials h1 a, .category-specials h2 a{
        display:inline;

        color:#fff;
        background:#2E3192;
}

img, .ngg-widget img{
        border:none;
}
.breadcrumb{
        margin-bottom:20px;

}

.post{
        border-top:dotted 2px #36353A;
        position:relative;
        overflow:auto;
        padding-top:20px;
        margin-bottom:20px;
}
.post-1{
        border-top:none;
        position:relative;
        overflow:auto;
        padding-top:0;
        margin-bottom:20px;
}
.thumbnail{
        float:left;
        margin-right:20px;
        border:none;
}
.entry-title{
        margin:0;       
}
.homepage-posts .more-link{
        display:block;
        width:300px;
        margin:10px 0 0 148px;
}
.flickr_badge_image{
        float:right;
}
.wp-pagenavi{
        margin-bottom:20px;
}
#footer-logos{
        float:right;
}
/*
=====================================================================
My custom social media links to go into "after content" hybrid widget
=====================================================================
*/
#social-links{
        overflow:auto;
        padding:0;
	margin-bottom:20px;
        list-style:none;
}
#social-links li{

        float:left;

}
#social-links li a{
        display:inline-block;
        width:100px;
        height:100px;
        overflow:hidden;
        background:#eee;
        text-indent:-800px;
}

#social-links li a#sl_facebook{
        background:url(http://cardiffartsinstitute.com/wp-content/themes/cai2/images/social/facebook.png);
        background-position:left top;
}
#social-links li a#sl_facebook:hover{
        background-position:left bottom;
}
#social-links li a#sl_twitter{
        background:url(http://cardiffartsinstitute.com/wp-content/themes/cai2/images/social/twitter.png);
        background-position:left top;
}
#social-links li a#sl_twitter:hover{
        background-position:left bottom;
}
#social-links li a#sl_youtube{
        background:url(http://cardiffartsinstitute.com/wp-content/themes/cai2/images/social/youtube.png);
        background-position:left top;
}
#social-links li a#sl_youtube:hover{
        background-position:left bottom;
}
#social-links li a#sl_soundcloud{
        background:url(http://cardiffartsinstitute.com/wp-content/themes/cai2/images/social/soundcloud.png);
        background-position:left top;
}
#social-links li a#sl_soundcloud:hover{
        background-position:left bottom;
}
#social-links li a#sl_mixcloud{
        background:url(http://cardiffartsinstitute.com/wp-content/themes/cai2/images/social/mixcloud.png);
        background-position:left top;
}
#social-links li a#sl_mixcloud:hover{
        background-position:left bottom;
}
#social-links li a#sl_email{
        background:url(http://cardiffartsinstitute.com/wp-content/themes/cai2/images/social/signupto.png);
        background-position:left top;
}
#social-links li a#sl_email:hover{
        background-position:left bottom;
}
/*
=====================================================================
Banner slideshow in before content widget
=====================================================================
*/
#utility-before-content h3{
	display:none;
}

/*
=====================================================================
Events Calendar
=====================================================================
*/
#compprop0 .group .Month{
        font-size:200%;
        font-weight:bold;
        margin:0;
}
#compprop0 .eventdate{
        font-size:120%;
        font-weight:bold;
        padding:20px 0;
        border-bottom:solid 6px #36353A;
        margin:0;
}


#compprop0 .vevent{
        padding:0 0 20px 0;
        border-bottom:solid 2px #36353A;
        margin:0;
}
#compprop0 .starttime, #compprop0 .endtime{
        display:inline-block;
}
.amrcol1{
        padding:20px 0;
        border-bottom:dotted 2px;
        margin-bottom:20px;
}
.amr-bling{
        float:right;
        margin-left:10px;
}