﻿/****************************************************************************************\

    Global Selectors

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width 			: 100%;
}

h1 
{
    margin          : 0;
    padding         : 0;
}

h2 
{
    margin          : 0;
    padding         : 0;
}

h3 
{
    margin          : 0;
    padding         : 0;
}

h4 
{
    margin          : 0;
    padding         : 0;
}

h5 
{
    margin          : 0;
    padding         : 0;
}

h6 
{
    margin          : 0;
    padding         : 0;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 1.5em;
    padding         : 0;
}

ol 
{
    margin          : 0 1.5em;
    padding         : 0;
}

li 
{
    margin          : 0;
    padding         : 0;
}

strong 
{
    margin          : 0;
    padding         : 0;
}

em 
{
    margin          : 0;
    padding         : 0;
}

u 
{
    margin          : 0;
    padding         : 0;
}

a 
{
    margin          : 0;
    padding         : 0;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
}

img 
{
}

/****************************************************************************************\
    
	Compound Selectors
	
\****************************************************************************************/

/*___ DIV _________________________________________________________________*/
div
{
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing      : border-box;
}

#header
{
    position		: relative;
    padding			: 20px;	
    height			: 99px;
}

#primarySection
{
    position        : relative;
    padding         : 50px 2.5% 20px;
}

#aside
{
    position		: relative;
    width			: 45%;
    float			: left;
    margin          : 2.5% 2.5% 0 2.5%;
}

#aside .widget
{
    padding         : 5%;
}

#flickr_badge_wrapper
{
    height          : 85px;
    overflow        : hidden;
}

#interested
{
    clear           : both;
    padding         : 0 2.5%;
}

.asideFooter
{
    overflow        : hidden;
}

#manifesto,
#followUs
{
    width           : 47.5%;
    float           : left;
    padding         : 0 2.5%;
}


@media screen and (min-width:1000px)
{
    
    #mainContent,
    #footer .wrapper
    {
        position		: relative;
        width			: 960px;
        margin			: 0 auto;	
        overflow		: hidden;
    }

    #photostream
    {
        position		: relative;
        width			: 960px;
        margin			: 0 auto;
        overflow		: hidden;
    }

    #footer
    {
        position		: relative;
        margin          : 0 auto;
        width			: 100%;
        padding         : 5px 0 0 0;
    }

    #mainContent
    {
        margin          : 41px auto 0 auto;
        padding         : 0 0 0 0;	
    }

    .primaryFooter
    {
        position		: relative;
        float			: left;
        width			: 594px;
    }

    #primarySection
    {
        float           : left;
        padding         : 20px 20px 0 0;
        width           : 594px;
    }

    #aside
    {
        width			: 366px;
        margin          : 0;
        padding         : 20px 20px 0;
    }
    
    #aside .widget
    {
        padding         : 0;
    }

    .asideFooter
    {
        position		: relative;
        width			: 366px;
        padding	        : 0 0 20px 20px;	
        float			: left;
    }

    #flickr_badge_wrapper
    {
        overflow		: hidden;
        position		: relative;
        margin			: 0 auto 1em auto;	
        height          : auto;
    }

    #footer .column
    {
        width			: 470px;
        margin-left		: 20px;	
        float			: left;
    }

    #photostream + .column
    {
        margin-left		: 0;	
    }

    .primaryFooter > div
    {
        padding         : 0 10px;
    }

    #speakers > div
    {
        width           : 277px;
        float           : left;
    }

    #upcoming
    {
        padding-right   : 10px;
    }

    #previous
    {
        padding-left   : 10px;
    }

    #speakers #interested
    {
        clear           : both;
        width           : 100%;
    }
    
    #interested
    {
        padding         : 0;
    }
    
    #manifesto,
    #followUs
    {
        width           : 100%;
        float           : none;
        padding         : 0;
    }

}

@media screen and (min-width:1390px)
{
    #mainContent
    {
        position		: relative;
        width			: 48%;
        margin          : 50px 20px 0 20px;
        overflow		: hidden;
        float           : left;
    }
    
    #primarySection
    {
        width           : 100%;
    }
    
    #aside
    {
        clear           : left; 
        width           : 100%; 
        margin-top      : 15px;  
    }

    
    #footer
    {
        float           : left;
        width           : 49.1%;
    }
    
    #footer .wrapper
    {
        width           : 85%;
        float           : left;
        padding-left    : 20px;
    }
    
    .clear
    {
        height          : 1px;
        clear           : both;
    }
    
    #photostream
    {
        width           : 90px;
        float           : left;
    }
    
    #speakers > div
    {
        width           : 100%;
        float           : none;
    }
    
    .asideFooter
    {
        width           : 100%;
        overflow        : hidden;
    }
    
    #manifesto,
    #followUs
    {
        width           : 50%;
        float           : left;
    }
    
}


/*___ SPAN _________________________________________________________________*/
.copyInfo
{
    display			: block;
    padding         : 2.5% 0;
    clear           : both;
    text-align      : center;
}

#upcoming li span,
#speakers li span
{
    display         : inline-block;
    width           : 170px;
}

@media screen and (min-width:1000px)
{
    .copyInfo
    {
	    text-align		: right;
	    padding         : 2.5% 2.5% 2.5% 0;
    }
    
    #upcoming li span,
    #speakers li span
    {
        width           : 140px;
    }
}

@media screen and (min-width:1390px)
{
   
    #upcoming li span,
    #speakers li span
    {
        width           : 50%;
    }
}



/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
.post h2
{
    margin          : 0 0 10px 0;
    padding-bottom  : 5px;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/
.widget.textbox h4
{
    margin-top      : 3px;
}

#footer h4
{
	padding			: .9em 0 .1em;	
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/

#twitter_update_list
{
	list-style-type	: none;
	margin			: 0;
	padding			: 0;	
}

#speakers div ul
{
    margin          : 0 0 0 0;
}
/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

#twitter_update_list li
{
	margin-bottom	: 10px;
	line-height     : 1.4em;
    padding-top     : 8px;
}

#twitter_update_list li:first-child
{
    padding-top     : 0;
}

#education ul li
{
    width           : 49%;
    display         : inline-block;
    margin-bottom   : 8px;
    vertical-align  : middle;
}

#speakers li
{
    margin-bottom   : 6px;
    padding-top     : 3px;
}

#manifesto li
{
    margin-bottom   : 4px;
    list-style-type : circle;
}

#followUs li
{
    margin-bottom   : 4px;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
#flickr_badge_wrapper a,
#flickr_badge_wrapper a:hover,
#flickr_badge_wrapper a:visited
{
    display			: block;
    float			: left;
    width			: 75px;
    height			: 75px;
    margin          : 1%;
}

@media screen and (min-width: 1000px)
{
    #flickr_badge_wrapper a,
    #flickr_badge_wrapper a:hover,
    #flickr_badge_wrapper a:visited
    {
	    display			: block;
	    float			: left;
	    width			: 75px;
	    height			: 75px;
	    margin          : 0 7.5px;
    }
}

@media screen and (min-width: 1390px)
{
    #flickr_badge_wrapper a,
    #flickr_badge_wrapper a:hover,
    #flickr_badge_wrapper a:visited
    {
        float           : none;
        margin-bottom   : 20px;
    }
}


#header h1 a
{
	text-indent		: -9999em;
	display			: block;
	position		: absolute;
	top				: -3px;
	left			: 35px;
	height			: 147px;
	width			: 372px;
}

.wasp
{
    display         : block;
    width           : 79px;
    height          : 79px;
    text-indent     : -9999em;
}

.opera
{
    display         : block;
    width           : 100px;
    height          : 40px;
    text-indent     : -9999em;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/
.loginbox td
{
    padding          : 5px 10px;
}
/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
input[type="checkbox"]
{
    margin-right    : 5px;
}
/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/