/* OOPSLA 2009 layout css
 *
 * Primary uses skidoo_redux.
 *
 * see http://webhost.bridgew.edu/etribou/layouts/skidoo_redux/index.html
 */

#page-container {
    max-width: 1160px;
}

#masthead {
    margin-left: 1em;
    margin-right: 4em;
}

#masthead .logo {
    padding-left: 3em;
    margin-top: -10px;
    margin-bottom: 0px;
    float: left;
}

#masthead .tombstone {
    float: right;
    margin-top: -10px;
}

#outer-column-container {
    margin-left: 1em;
    margin-right: 4em;
    border-left: solid 13em black;	/* left column's width and background color */
    background-color: white;		/* middle column's background color */
    border-right: solid 13em white;	/* right column's width and background color */
}

#inner-column-container {
    border: solid 0px #000;
    border-width: 0 0px;
    margin: 0 0px;	/* compensate for the borders because of 100% width declaration */
}

#right-column {
    padding-top: 16ex;
    float: right;		/* float on the right side of the layout */
    margin-right: -23em;	/* move it further right. the value here should
				   be the same value as the right border width
				   on #outer-column-container, but negative */
    width: 19em;		/* need to set a definite width, should be the
				   same width as the right border width on
				   #outer-column-container */
}

#footer .logo {
    float: right;
}

#footer .tombstone {
    float: right;
    width: 30em;
}

.cols1 {
	display: block;
	float: none !important;
}

.cols2 {
    width: 45%;
}

.cols3 {
    width: 30%;
}

.column1 , .column2 {
	position: relative;
}

.column2 , .column1 {
	float: left;
}

.column2 {
	float: right;
	margin: 0;
	width: 45%;
}