/*-----------------------------------------------------------------------------
Global StyleSheet (ArchiPrix International)

version:   1.0
author:    Rebecca Kemnitz
email:     rebecca@bytestudios.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Put it back on certain elements */
/*
h1, h2, h3, h4, h5, h6 { margin: 1em 0; } */

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img { border: 0; }

/* Links
-----------------------------------------------------------------------------*/
a { color: #010101; text-decoration: none; outline: none; }

a:hover {  }

a:active { outline: none; }

/* Classes
-----------------------------------------------------------------------------*/

/*
-----------------------------------------------------------------------------*/
body { min-width: 960px; }

#container, #header { position: relative; width: 960px; margin: 0 auto; text-align: left; }

#container { padding-bottom: 50px; }

#header_container { background-color: #7f7f7f; height: 81px; width: 100%; margin-bottom: 17px; }

/* Typography
-----------------------------------------------------------------------------*/
body { font: normal 11px/1.55em Helvetic, Arial, sans-serif; color: #595959; }

.darker_copy { color: #010101; }

/* Branding
-----------------------------------------------------------------------------*/
h1 a { float: left; display: block; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; margin-top: 19px  }

h1 a.hungerDouglas { background-image: url('/assets/images/HungerDouglas_logo.gif'); height: 47px; width: 475px; }

h1 a.archiprix { background-image: url('/assets/images/Archiprix_logo.gif'); height: 43px; width: 188px; }

/*  
-----------------------------------------------------------------------------*/

#header p { float: left; width: 252px; color: white; margin: 12px 0 0 0; font-size: 8pt; line-height: 1.3em; }

#leftCol, #rightCol { margin-bottom: 50px; }

#leftCol { float: left; width: 475px; }

#leftCol #winners { width: 100%; }

#botLeftCol_wrap { float: left; width: 100%; background: url('/assets/images/twoCol_bkg.gif') repeat-y; }

#leftCol #schedule, #leftCol #tweet_tweet { float: left; width: 215px; margin-right: 5px; background-color: #f1f1f2; }

#schedule .content #events { list-style: none; margin-top: 5px; float: left; }

#event_description { list-style: none; margin: 4px; }

#event_description li { display: none; }

#event_description li.active { display: block; }

#schedule .content #events li { float: left; text-align: center; width: 19px; background-color: #939598; color: white; margin-left: 3px; }

#event_description li .date { font-size: 12px; font-weight: bold; }

#schedule .content #events li.active, #schedule .content #events li:hover  { background-color: #414142; }

#events_march { float: left; width: 110px; padding-left: 3px; font-size: 12px; }

#events_april { float: lurl(../../../../../Desktop/ajax-loader.gif) font-size: 12px;  }

#leftCol #schedule .content, #leftCol #tweet_tweet .content { width: 201px; margin: 0 0 0 4px }

#rightCol { float: left; width: 445px; }

#rightCol h4, #leftCol h4, #leftCol h5 { background-color: #7f7f7f; color: white; font: normal 10pt/1.6em Georgia, verdana, serif; }

#leftCol h5 { padding-left: 6px; width: 210px;  }

#rightCol h4, #leftCol h4 { width: 427px; padding-left: 8px; }

#rightCol .feeditem { float: left; width: 100%; border-bottom: 1px solid #b6b1ac; padding-bottom: 10px; }

#rightCol .feeditem p.word-press { clear: both; }

#rightCol .feeditem p.word-press img { clear: both; margin: 3px 0; float: none; }

#rightCol h4, #rightCol .feeditem { margin-bottom: 14px; }

#rightCol .feeditem h5 { font-size: 9pt; }

#rightCol .feeditem h5, #rightCol .feeditem a { color: #010101; }

#rightCol .feeditem img { max-width: 170px; margin: 0 10px 0 0; float: left; }

#rightCol .feeditem .share {  }

#gallery_area {
	width:478px;
	min-height:250px;
	margin:0;
	
}

#winners { background:transparent url(/assets/images/ajax-loader.gif) no-repeat center; }
#gallery_area p { width: 435px; }
/* =Jcarousel for gallery
-----------------------------------------------------------------------------*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative; 
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* =Misc 2
-----------------------------------------------------------------------------*/

.jcarousel-skin-tango .jcarousel-container {
	left: -25px;
    margin:0px;
    padding:0px;
}

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

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 35px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

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

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/assets/js/tango/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/assets/js/tango/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}