/****************************************************************
 *                                                              *
 * Keating Magee                                                *
 * http://www.keatingmagee.com/                                 *
 *                                                              *
 * Style Sheet Name: mobile.css                                 *
 * Style Sheet Version: 1.0                                     *
 * Style Sheet Info: Global/Default Styles                      *
 *                                                              *
 ****************************************************************
 *                                                              *
 * Dark Red = #1b0000                                           *
 * Light Red = #890000                                          *
 * Dark Yellow = #a96905                                        *
 * Bright Yellow = #ffc600                                      *
 * Gray = #bababa                                               *
 *                                                              *
 ****************************************************************/

/* Global Definitions */

html, body {
    margin: 0;
    padding: 0;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 0.9em;
    color: #bababa;
    background-color: #000;

}

a {
    font-weight: bold;
    text-decoration: underline;
    color: #70cffd;
}

a img {
    border: none;
}

a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #9FF;
}

.footer a {
    font-weight: normal;
    text-decoration: underline;
}



h3 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.2em;
    line-height: 1.5em;
}


h4 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.0em;
}

p {
    line-height: 1.5em;
}

input, textarea {
    margin: 0;
    padding: 1px;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 0.8em;
    color: #000;
    background-color: #fff;
    border-top: solid 1px #b8b6b5;
    border-right: solid 2px #b8b6b5;
    border-bottom: solid 2px #b8b6b5;
    border-left: solid 1px #b8b6b5;
}

select {
    margin: 0;
    padding: 0;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 0.8em;
    color: #000;
    background-color: #fff;
}

#content {
    margin: 0 auto;
    padding: 15px;
    width: 90%;
}

#header {
    height: 35px;
    margin: 0 auto;
    padding: 0;
    background-image: url(/img/tfl_mobile_header.gif);
    background-repeat: no-repeat;
}

#header h1 {
    display: none;
}

#uploadForm {
    margin: 0;
    padding: 0;
}

#formTable {
    margin: 0;
    padding: 0;
}

#formTable td {
    margin: 0;
    padding: 2px 2px 5px 2px;
}

#factsList {
    margin: 0;
    padding: 0;
}

#factsList li {
    margin: 0 0 0 20px;
    padding: 8px;
    color: #fff;
    font-weight: bold;
}

.mobileHome {
    width: 250px;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
}

.storyDiv {
    clear: both;
    margin: 0;
    padding: 5px 0 5px 0;
    width: 100%;
    font-size: 0.9em;
    line-height: 1.5em;
    border-top: solid 1px #4f4f4f;
}

.storyImg {
    float: left;
    margin: 0 5px 5px 0;
    padding: 3px;
    border: solid 1px #4f4f4f;    
}

.textRight {
    text-align: right;
}

.submit {
    margin: 0;
    padding: 2px;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    background-color: #fa6800;
    border-top: solid 1px #9f4300;
    border-right: solid 2px #9f4300;
    border-bottom: solid 2px #9f4300;
    border-left: solid 1px #9f4300;
    background-image: url(/img/orange.gif);
}

.whiteBorder {
    border: solid 10px #fff;
}

.darkYellow {
    color: #a96905;
}

.yellow {
    color: #ffc600;
}

.source {
    font-size: 0.85em;
    font-style: italic;
    font-weight: normal;
    color: #bababa;
}

/*  NEW STYLES  */
.profile-thumb{
	float:left;
	margin:4px  7px 5px 0;
	border: 2px solid #333;
}


.twitter{
	display:block;
	padding:0;
	float:left;
	margin:1px  4px 1px 0;
	border:0;
	height:20px;
	width:75px;
}
	
.name{
	font-style:italic;
	font-size: .8em;
}

.clear{clear:both; height:0px; line-height:0;overflow:hidden;}

.fact{
	
	}

.small{
	font-size:.7em;
	margin:-15px 0 0 0;
	padding:0;
	color:#666
}

.form-field{
	height:45px;
	
}

#speakUpTable {
    margin: 0;
    padding: 0;
}

#speakUpTable tr {
    margin: 0;
    padding: 0;
}

#speakUpTable td {
    margin: 0;
    padding: 5px;
}