/************************************************
 *
 *  File     :  css/main.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Economic Club of Canada
 *  Author   :  Transmitter Studios (c) 2008
 *              // Andrej Simeonov
 *
 ************************************************/
 
/* Global */
    * { margin: 0; padding: 0; }
    
    body { 
        cursor: default;
        font: 12px/17px arial, tahoma, verdana, sans-serif;
        color: #444;
        background: #013461 url(../img/bg_body.jpg) no-repeat 50% 0;
        padding: 0 0 30px 0;
        }
    
    /* Clearfix & Image Replacement */
        h1#logo, .promo a.join {
            display: block; overflow: hidden; text-indent: -1000em; }

        #content {
            overflow: hidden; }
    /* // Clearfix & Image Replacement */

    /* Headings */
        h1#logo {
            cursor: pointer;
            width: 279px;
            height: 66px;
            background: url(../img/bg_h1.png) no-repeat;
            margin-bottom: 12px;
            margin-top: 13px;
            }
        
        h2 {
            position: relative;
            height: 34px;
            padding: 20px 0 0 15px;
            background: url(../img/bg_h2.gif) repeat-x;
            font: 26px "trebuchet ms", sans-serif;
            text-transform: uppercase;
            overflow: hidden;
            color: #284061;
            margin: -15px -15px 15px -15px;
            }
        
        #col2 h2 {
            display: none;
            }

        #col1 h3 {
            font: 20px "trebuchet ms", sans-serif;
            color: #284061;
            padding: 5px 0 10px 0;
            }
        
        #col2 h3 {
            display: block;
            font: 20px "trebuchet ms", sans-serif;
            text-transform: uppercase;
            overflow: hidden;
            text-align: center;
            height: 28px;
            background: url(../img/bg_h3.gif) repeat-x 0 100%;
            color: #444;
            position: relative;
            left: -15px;
            top: -15px;
            width: 100%;
            padding: 12px 15px 0 15px;
            }
        
        h3.indented {
            padding-left: 130px !important;
            padding-top: 5px !important;
            height: 50px;
            background: url(../img/bg_h3Check.gif) no-repeat 60px 0;
            }
        
        p.indented {
            padding: 10px 0 10px 130px !important;
            border-bottom: 1px solid #e2e2e2;
            margin-bottom: 20px;
            }
        
        h4 {
            font-size: 1.1em;
            padding: 5px 0;
            }
        
        h5 {
            color: #000;
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            padding: 5px 0;
            border-bottom: 1px solid #ddd;
            }
    /* // Headings */

    /* anchors */
        a {
            color: #0187c5;
            }
        
        a:hover {
            color: #0a264c;
            }
        
        a img {
            border: 0;
            }

        a.more {
            display: block;
            margin-top: -9px;
            border-top: 1px solid #ddd;
            padding-top: 5px;
            text-decoration: none;
            }
         
        a.more span {
            padding-right: 8px;
            background: url(../img/a_more.gif) no-repeat 100% 55%;
            font-size: 11px;
            text-transform: uppercase;
            }
        
        a.more.second {
            margin-top: 5px;
            }
        
        a.button {
            float: left;
            padding: 4px 10px;
            background: #aaa;
            border: 1px solid #888;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            margin-right: 5px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            }
        
        a.button:hover {
            background: #888;
            text-decoration: none !important;
            }
    /* // anchors */
/* // Global */

/* Page setup */
    #container {
        width: 960px;
        margin: 0 auto;
        }
    
    /* header */
        #header {
            height: 54px;
            background: url(../img/bg_header.gif) repeat-x;
            position: relative;
            }
        
        #header form {
            float: right;
            padding: 15px 30px 0 0;
            width: 167px;
            }
        
        #header form fieldset {
            border: 0;
            }
        
        #header form legend,
        #header form label,
        #header form button {
            display: none;
            }
        
        #header form input {
            border: 0;
            height: 18px;
            width: 167px;
            padding: 4px 0 0 20px;
            background: url(../img/input_search.gif) top left;
            font: 12px arial, tahoma, verdana, sans-serif;
            color: #777;
            }
        
        #header form input:focus {
            background-position: 100% 0;
            color: #0B4871;
            }
    /* // header */

    /* content */
        #content {
            background: #fff;
            min-height: 600px;
            }
        
        #content p {
            padding: 0 0 15px 0;
            }
        
        #content p.date {
            color: #777;
            margin-top: -5px;
            }
        
        #content {
            background: #fff url(../img/bg_col2-70.gif) repeat-y;
            }
        
        #col1, #col2 {
            float: left;
            padding: 15px;
            overflow: hidden;
            }
        
        #col2 {
            background: #e4e4e4 url(../img/bg_col2.gif) repeat-x;
            min-height: 400px;
            }
        
        #col1 {
            width: 610px;
            }
        
        #col2 {
            width: 290px;
            }

        .element {
            padding: 15px;
            background: #fff;
            margin: 0 0 15px 0;
            width: 260px;
            overflow: hidden;
            }
        
        #col2 .featured a img {
            float: left;
            width: 75px;
            height: 95px;
            border: 2px solid #e2e2e2;
            margin-right: 5px;
            margin-bottom: 5px;
            }
        
        #col2 .featured a:hover img {
            border-color: #aaa;
            }
        
        #col2 .featured a {
            clear: left;
            }
    /* // content */

    /* footer */
        #footer {
            height: 45px;
            padding: 15px 15px 0 15px;
            background: url(../img/bg_footer.gif) repeat-x;
            color: #fff;
            }
        
        #footer p {
            float: right;
            }
    /* // footer */
/* // Page setup */

/* Navs and lists */
    /* primary nav */
        ul#nav {
            height: 54px;
            list-style: none;
            float: left;
            }
        
        ul#nav li,
        ul#nav li a {
            float: left;
            height: 54px;
            }

        ul#nav li {
            padding-right: 1px;
            background: url(../img/bg_navSep.gif) no-repeat 100% 0;
            }
        
        ul#nav li.last {
            background: none;
            }
        
        ul#nav li a {
            padding: 22px 15px 20px 15px;
            height: 12px;
            background: 0;
            text-decoration: none;
            }
        
        ul#nav li a:hover {
            background: url(../img/bg_navHover.gif) repeat-x;
            }
        
        ul#nav li.current a {
            background: url(../img/bg_navCurrent.gif) no-repeat 50% 100% !important;
            }

        ul#nav li a span {
            background-repeat: no-repeat;
            cursor: pointer;
            font: bold 13px "trebuchet ms", sans-serif;
            color: #00345F;
            text-decoration: none;
            text-transform: uppercase;
            }
    /* // primary nav */

    /* mini nav */
        ul#mini {
            position: absolute;
            top: -25px;
            right: 0;
            list-style: none;
            padding-right: 10px;
            }

        ul#mini li {
            display: inline;
            }

        ul#mini li a {
            font-size: 11px;
            color: #8aa0b3;
            text-decoration: none;
            padding: 0 8px 0 12px;
            background: url(../img/bg_miniSep.gif) no-repeat 0 50%;
            }
        
        ul#mini li.first a {
            background: none;
            }
        
        ul#mini li a:hover {
            color: #fff;
            }
    /* // mini nav */

    /* footer nav */
        #footer ul {
            list-style: none;
            }
        
        #footer ul li {
            display: inline;
            padding-right: 15px;
            }
        
        #footer ul li a {
            color: #8aa0b3;
            text-transform: uppercase;
            text-decoration: none;
            }
        
        #footer ul li a:hover {
            border-bottom: 2px solid #8aa0b3;
            color: #fff;
            }
    /* // footer nav */
    
    /* search results */
        .searchResults {
            list-style: none;
            padding: 10px !important;
            }
        
        .searchResults strong {
            font-size: 1.2em;
            text-decoration: none;
            }
        
        .searchResults p {
            color: #777;
            }
        
        .searchResults a:hover p {
            color: #555;
            }
    /* // search results */

    /* gallery */
        ul.gallery {
            list-style: none;
            overflow: auto;
            width: 100%;
            padding: 10px 0 !important;
            }
        
        ul.gallery li {
            float: left;
            margin-right: 10px;
            }
        
        ul.gallery li a img {
            border: 2px solid #e2e2e2;
            }
        
        ul.gallery li a:hover img {
            border-color: #ddd;
            }
    /* // gallery */    
    
    /* company bios */
        .bios {
            list-style: none;
            width: 100%;
            overflow: hidden;
            margin-bottom: 15px;
            border-top: 1px dotted #ccc;
            border-left: 1px dotted #ccc;
            padding: 0 !important;           
            }
        
        .bios li {
            width: 50%;
            float: left;
            border-bottom: 1px dotted #ccc;
            border-right: 1px dotted #ccc;
            margin-left: -1px;
            padding: 10px 0;
            }
        
        .bios li img {
            float: left;
            margin: 0 10px;
            border: 2px solid #ccc;
            }
        
        .bios li img {
            border: 2px solid #aaa;
            }
        
        .bios li .info {
            margin-left: 100px;
            }
        
        .bios li .info strong {
            font-size: 1.2em;
            display: block;
            margin-bottom: .2em;
            }
        
        .bios li .info span {
            display: block;
            }
    /* // company bios */
    
    /* blog list */
        .blog {
            list-style: none;
            padding: 0 !important;
            }
        
        .blog li {
            padding: 10px;
            border-bottom: 1px dotted #ccc;
            overflow: hidden;
            }
        
        .blog li h4 {
            font-size: 1.4em;
            display: block;
            padding-bottom: 10px;         
            }
        
        .blog li .desc a {
            color: #777;
            text-decoration: none;
            }
        
        .blog li .desc a:hover {
            color: #333;
            }
        
        .blog li img {
            float: left;
            border: 2px solid #ccc;
            width: 75px;
            }
        
        .blog h4, .blog .desc, .blog .auth {
            margin-left: 90px;
            }
    /* // blog list */
    
    /* regular Lists */
        #content #col1 ol,
        #content #col1 ul  {
            padding-left: 2em;
            }    
    /* // regular Lists */
/* // Navs and lists */

/* Form Styles */
    form {
        padding-bottom: 20px;
        }
        
    form fieldset {
        border: 0;
        border-top: 1px solid #e2e2e2;
        }
    
    form fieldset legend {
        font-size: 1.4em;
        color: #777;
        padding: 0 10px 0 0;
        left: -10px;
        }
    
    form fieldset ol {
        list-style: none;
        padding: 10px 0 30px 0 !important;
        overflow: hidden;
        width: 100%;
        }
    
    form fieldset ol li {
        overflow: hidden;
        width: 100%;
        } 
    
    form fieldset ol li label {
        float: left;
        width: 125px;
        text-align: right;
        padding-right: 5px;
        line-height: 25px;
        }
    
    form fieldset input,
    form fieldset select,
    form fieldset textarea {
        float: left;
        font: 12px Tahoma, Sans-serif;
        color: #555;
        border: 1px solid #aaa;
        padding: 4px;
        margin-bottom: 4px;
        max-width: 350px;
        }
    
    form fieldset input:focus,
    form fieldset select:focus,
    form fieldset textarea:focus {
        border: 1px solid #777;
        }
    
    form fieldset textarea {
        width: 350px;
        height: 100px;
        }
    
    form p {
        clear: left;
        padding: 5px !important;
        margin-left: 130px;
        color: #777;
        font-style: italic;
        }
    
    form fieldset ol li.radios input {
        border: 0 !important;
        padding: 0 !important;
        margin: 5px 5px 0 130px;
        }
    
    form fieldset ol li.radios label {
        width: auto;
        }
    
    form button {
        margin-left: 130px;
        float: left;
        padding: 4px 10px;
        background: #aaa;
        border: 1px solid #888;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        margin-right: 5px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;        
        cursor: pointer;
        }
    
    form button:hover {
        background: #888;
        }
    
    form fieldset span {
        float: left;
        line-height: 25px;
        padding-left: 5px;
        }
    
    form #recaptcha_area {
        margin-left: 127px;
        margin-top: -20px;
        margin-bottom: 15px;
        }
    
    form #recaptcha_area input {
        clear: left !important;
        left: 0;
        }
    
    /* validation */
        .astrix {
            float: left;
            color: #c00;
            padding: 0 5px;
            font-size: 2em;
            line-height: 25px;
            }
        
        .validation {
            float: left;
            padding: 1px 5px;
            margin-top: 1px;
            background-color: #ffbaba;
            color: #d8000c;
            border: 1px solid #d8000c;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;              
            }
        
        .invalid input {
            border: 1px solid #d8000c;
            }
    /* // validation */
/* // Form Styles */

/* Specific content */
    /* promo area for signup */
        .promo {
            font-size: 1.3em;
            line-height: 1.3em;
            text-align: center;
            }

        #col2 .promo h3 {
            background-image: url(../img/bg_h3yellow.gif);
            color: #7d702b;
            }
        
        .promo a.join {
            width: 111px;
            height: 36px;
            margin: 0 auto;
            background: url(../img/a_join.gif);
            }
    /* // promo area for signup */
    
    /* Event Listings */
        .eventList, .videoGallery {
            list-style: none;
            padding: 0 !important;
            }
        
        .videoGallery {
            margin-bottom: 15px;
            }
        
        .eventList li, .videoGallery li {
            overflow: auto;
            width: 100%;
            border-bottom: 1px solid #e2e2e2;
            position: relative;
            padding: 10px 0 !important;
            }
        
        .eventList li a img {
            float: left;
            border: 2px solid #e2e2e2;
            width: 75px;
            height: 95px;
            margin-left: 10px;
            }
            
        .videoGallery li a img {
            float: left;
            border: 2px solid #e2e2e2;
			/*
			*/
			width: 150px;
            height: 125px;
            margin-left: 0;
            }
        
        .eventList li a:hover img,
        .videoGallery li a:hover img {
            border-color: #aaa;
            }
        
        .videoGallery li em {
            font-size: 1.3em;
            display: block;
            font-style: normal;
            margin-left: 165px !important;
            display: block;
            }
        
        .videoGallery li strong {
            font-weight: normal;
            margin-left: 165px !important;
            display: block;
            }
        
        .eventList li h4,
        .eventList li p,
        .eventList li div {
            margin-left: 110px;
            }

        .eventList li a {
            text-decoration: none;
            }
        
        .eventList li a:hover {
            text-decoration: underline;
            }
        
        .eventList li h4 a {
            color: #000;
            font-size: 1.2em;
            }
        
        .eventList li p {
            padding-bottom: 5px !important;
            }
        
        .eventList li p.speaker a {
            color: #777;
            display: block;
            }
        
        .eventList li p.speaker {
            color: #777;
            }
        
        .eventList li p.info {
            float: right;
            text-align: right;
            width: 200px;
            color: #999;
            line-height: 1em;
            }
        
        .eventList li p.info span {
            display: block;
            }
        
        .eventList li .register {
            display: block;
            }
        
        .eventList li .buttons {
            padding: 10px 0 0 0 !important;
            border-top: 1px solid #e2e2e2;
            }
        
        .eventList li.featured {
            margin-bottom: 30px !important;
            }
    /* // Event Listings */
    
    /* Event Details */
        #eventDetails h3 {
            margin-left: 150px;
            }
        
        #eventDetails #speaker {
            float: left;
            width: 124px;
            margin-left: 10px;
            }
        
        #eventDetails #speaker a img,
        .profile img {
            display: block;
            border: 2px solid #f2f2f2;
            width: 120px;
            height: 150px;
            }
        
        .profile { 
            float: left;
            }
        
        #eventDetails #speaker a:hover img {
            border-color: #aaa;
            }

        #eventDetails #speaker a.more {
            margin-top: 5px;
            }
        
        #eventDetails #speaker h4 {
            font-size: 1.3em;
            font-weight: normal;
            }
        
        #details {
            margin-left: 150px;
            }
        
        #eventDetails .pricing {
            overflow: auto;
            width: 100%;
            padding: 0 0 10px 0;
            }
        
        #eventDetails .pricing dt,
        #eventDetails .pricing dd {
            font-size: 1.1em;
            padding: 5px 0;
            float: left;
            width: 50%;
            border-bottom: 1px dotted #ddd;
            text-indent: 5px;
            }
        
        #eventDetails .pricing dt {
            color: #777;
            }
        
        #eventDetails .primaryImg img {
            float: right;
            margin: 0 0 10px 10px;
            border: 2px solid #e2e2e2;
            }
        
        #eventDetails .primaryImg:hover img {
            border-color: #aaa;
            }
        
        #eventDetails .speakers {
            list-style: none;
            padding: 0 !important;
            }
    /* // Event Details */
    
    /* Category list media */
        .catList {
            margin-bottom: 2em;
            list-style: none;
            padding: .5em 0 0 0 !important;
            }
        
        .catList li {
            padding: 5px 0 !important;
            width: 100%;
            overflow: hidden;
            }
        
        .catList li a {
            display: block;
            color: #333;
            text-decoration: none;
            }
        
        .catList li a:hover {
            text-decoration: underline;
            }
        
        .catList li strong {
            font-weight: bold;
            font-size: 1.3em;
            padding-bottom: 5px;
            }
        
        .catList li a img {
           /* 
			width: 120px;
            height: 150px;
			*/
            padding: 3px;
            border: 2px solid #e2e2e2;
            float: left;
            margin-right: 10px;
            }
            
        .catList li a:hover img {
            border-color: #aaa;
            }
        
        .catList li p {
            margin-left: 130px;
            padding-top: 5px !important;
            }
    /* // Category list media */
    
    /* Carousel */
        div.carousel .prev{
	        background: url(../img/left.png) center center no-repeat;
	        width:47px;
	        height:61px;
	        border:0px;
            }

        div.carousel .next{
	        background: url(../img/right.png) center center no-repeat;
	        width:40px;
	        height:61px;
	        border:0px;
            }

        div.carousel .up{
	        background: url(../img/up.png) center center no-repeat;
	        width:61px;
	        height:40px;
	        border:0px;
            }

        div.carousel .down{
	        background: url(../img/down.png) center center no-repeat;
	        width:47px;
	        height:61px;
	        border:0px;
            }


        div.carousel{
            padding: 1em 0;
            height: 132px;
            }

        div.carousel ul{
	        height: 132px !important;
            }
    
        div.carousel ul li{
	        margin:2px;
	        border:1px solid #ccc;
	        line-height:0px;
	        padding:5px;
            }

        div.carousel ul li a { /* in case of link */
	        display:block;
            }

        div.carousel ul li img{
	        display:block;
	        border:0px;
            }    
    /* // Carousel */
/* // Specific content */

/* Address info */
    .vcard {
        font-style: normal;
        }
        
    .vcard span {
        display: block;
        }
/* // Address info */

    /* home page */
        /* rotating featured articles */
            #holderFeatured {
                background: #f5f5f5;
                border: 1px solid #ccc;
                border-top: 2px solid #ccc;
                padding: 10px 10px 0 10px;
                margin-top: -10px;
                margin-bottom: 10px;
                }
            
            #holderFeatured.active {
                padding: 10px;
                overflow: hidden;
                height: 192px;
                margin-bottom: 0;
                }
        
            #mainFeatured {
                list-style: none;
                width: 590px;
                padding: 0 !important;
                }
            
            .active #mainFeatured {
                height: 192px;
                }            
            
            #mainFeatured li {
                display: block;
                height: 192px;
                position: relative;
                margin-bottom: 15px;
                }
            
            .active #mainFeatured li {
                margin-bottom: 0;
                }
            
            #mainFeatured li a img {
                border: 1px solid #ccc;
                padding: 5px;
                background: #fff;
                float: left;
                margin-right: 10px;
                }
            
            #mainFeatured li a:hover img {
                border: 1px solid #2a333c;
                }
            
            #mainFeatured li .desc {
                float: left;
                width: 300px;
                color: #777;
                }
            
            #mainFeatured li .action {
                border-top: 1px solid #ccc;
                margin-top: 5px;
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 300px;
                }
            
            #mainFeatured li .action .auth {
                float: right;
                margin-top: -3px;
                font: 11px Tahoma, Sans-Serif;
                }
            
            #mainFeatured li .action .auth em {
                font-style: normal;
                }
            
            #mainFeatured li .action .more {
                display: block;
                float: left;
                padding-top: 5px;
                font: bold 12px "Trebuchet MS", Sans-serif;
                margin-top: 0px !important;
                border-top: none;
                text-decoration: none;
                text-transform: uppercase;
                padding-right: 8px;
                background: url(../img/bg_gr_bullet.gif) no-repeat 100% 70%;
                }
 
             #mainFeatured p {
                padding: .5em 0 !important;
                line-height: 1.2em;
                }
                
            #navFeatured {
            	overflow: hidden;
                display: none;
                list-style: none;
                float: right;
                position: relative;
                top: -1px;
                padding: 0 10px 0 0 !important;
                height: 30px;
                }
            
            #navFeatured.active {
                display: block;
                }
            
            #navFeatured li,
            #navFeatured li a {
                float: left;
                }
            
            #navFeatured li a {
                padding: 3px 5px;
                color: #777;
                text-decoration: none;
                margin: 0 1px;
                }
            
            #navFeatured li a span {
                display: none;
                }
            
            #navFeatured li a:hover {
                background: #f5f5f5;
                border-top: 1px solid #ccc;
                color: #333;
                }
            
            #navFeatured li a.current {
                margin: 0 1px !important;
                color: #000;
                border: 1px solid #ccc;
                border-top: none !important;
                background: #f5f5f5;
                }
        /* // rotating featured articles */
        
        /* FAQ styles */

dl.faq {
	margin-bottom: 15px
}

dl.faq dt {
	font-weight: bold;

}

table.pastEvents {
width:100%;
}
table.pastEvents th {
text-transform:uppercase;
text-align:left;
border-bottom:1px solid #777;
}

table.pastEvents td {
padding-right:10px;
}