/*
   		 __________________________________________
		| This is the CSS for THE NUMBERS PROJECT |
		|          © All rights reserved          |
		'-----------------------------------------'

*/


/* ======== */
/* = Main = */
/* ======== */

body {
	background-image:url("../images/main/bg_shadow.jpg");
	background-repeat:repeat-y;
	background-color:#67727a;
	background-position:top center;
	text-align:center;
	margin:0px;
	font-family:helvetica, arial, sans-serif;
    }

a 		{color:#ff9700; font-weight:bold;}
a:hover	{color:black; background-color:#ff9700;}
p 		{margin:5px 0px; font-family:Helvetica, Arial, sans-serif; font-size:.9em;}

#main {
	width:750px;
	margin:0px auto;
	text-align:left;
	background-color:white;
	position:relative;
	background-image:url("../images/main/left.gif");
	background-repeat:repeat-y;
	border:1px solid black;
	border-width:0px 1px 0px 1px;
    }

h1 {
    font-family: "impact",arial;
    font-size:x-large;
    color:orange;
    font-weight:normal;
    margin:0px;
    }

h2 {
    font-family: "impact",arial;
    text-transform:uppercase;
    font-size:large;
    color:gray;
    font-weight:normal;
    margin:10px 0px;
    }
    
h2 .lc{
    display:inline;
    text-transform:lowercase;
    }

h2 i {
    font-style:normal;
    font-size:small;
    color:#aaa;
    }

.top1 {
	height:54px;
	background-image:url("../images/main/banner1.jpg");
	background-repeat:no-repeat;
}

a img {border:0px;}	

.top2 {
	height:120px;
	background-image:url("../images/main/banner_boxer.jpg");
	background-repeat:no-repeat;
}

/* =============== */
/* = Left Column = */
/* =============== */

.left {
	float:left;
	width:198px;
	font-size:smaller;
	padding-top:10px;
}


.box {
	border:1px solid black; margin:10px; padding:5px; background-color:white;
	background-repeat:no-repeat;
	background-position:bottom left;
	}

.standalone {
	top:150px;
	width:160px;
	margin-right:0px;
	font-size:smaller;   
	background-color:#EEE;
}
	

ul {
    list-style: none outside url("../images/main/bullet.gif");
    margin:0px;
    padding:0px 0px 0px 20px;
}

ul li {
}

.left #nav ul {
    margin:0px;
    padding:0px;
    list-style-image: url();
}

/* ================ */
/* = Main Content = */
/* ================ */

.content {
    float:right;
	font-size:.9em;
	line-height:1.2em;
	width:550px;
	margin-right:0px;
}

.pad {padding:10px;}

.entries {
/*	width:530px;*/
}

.featured {
    background-image:url("../images/main/featured.gif");
    height:67px;
    width:523px;
    margin-bottom:15px;
}

.featured p {
    text-align:center;
    padding-top:5px;
    margin:0px 5px 10px 230px;
    font-size:1.1em;
    color:#444;
    font-family:"Verdana";
}

.entry {
	position:relative;
	background-image:url("../images/main/entrybg.jpg");
	background-repeat:no-repeat;
	min-height:77px;
    height:auto <strong style='color:#f00'>!important</strong>;
    //height:77px;
}

.entry img {
    position:absolute;
    top:0px; left:0px;
}

.entry .title {
    position:absolute;
	top: 10px; left: 75px;
	font-family:impact, "arial narrow";
	font-weight:normal;
	color:black;
	font-size:18px;
}

.entry .digits {
    position:absolute;
    top:12px; left:90px;
    width:440px;
    color:gray;
    font-weight:bold;
    text-align:right;
}

.entry .body {
	width:450px;
	font-size:.9em;
	padding-top:35px;
	padding-left:75px;
}

.returnButton {
    position:absolute;
    top:158px; left:3px;
    height:30px;
    width:177px;
}

.returnButton a:hover {
    background-color:transparent;
}

.returnButton2 {
    position:absolute;
    top:128px; left:3px;
    height:30px;
    width:177px;
}

.returnButton2 a:hover {
    background-color:transparent;
}

.tinyDigits {
    position:absolute;
    text-align:right;
    top:174px; left:198px;
    background-color:#e4e5e9;
    width:552px;
    margin-bottom:15px;
}

.tinyDigits h1 {
        font-family:"verdana";
       font-size:.7em;
       color:black;
       margin-right:11px;
}

/* =================== */
/* = Content Helpers = */
/* =================== */

.floatLeft {
    float:left;
    margin:0 10px 5px 0;
}

.floatRight {
    float:right;
}

.equation {
    display:block;
    text-align:center;
    margin:0 auto;
}

.ileq {
    display:inline;
    vertical-align: middle;
}

.credit {
    display:inline;
    font-size:80%;
    color:#555;
}

/* ================== */
/* = Flash (Hidden) = */
/* ================== */

.aniBlock {
    position:relative;
}

.ani {
    display:none;
    position:absolute;
    top:24px;left:-8px;
}

.aniButton {
    text-align:center;
}