* {
	margin: 0px;
	padding: 0px;
}

body {
	padding: 16px 0px 10px;
	background: #3c7ed6 repeat-x 0% 0%; /*was #5f92d2 */
	color: #fff;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	text-align: center;
    width: 810px;
    overflow: auto;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #bfd8f6;
}

span {
	
}

img {
	border: none;
    padding: 1px;
}

ul {

}

li {

}

p {
	margin: 1em 0px;
	text-align: left;
	line-height: 14px;
}

h2 {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    margin: 1em;
    text-align: left;
}
.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}


#container {
	margin: 0px auto;
    padding: 0;
	width: 90%;
    border : 2px solid #d5dfec;
	background: #a0ad5a; /* #44aa00; */
	overflow: visible;

}


#header {
	margin: 1px;
    border : 1px solid #fff;
    padding: 0;

}

#title {
	margin: 1em 1em 1em 1em;
    padding: .20em .5em;
	float: left;
	font-weight: bold;
	color: #000;
	font-size: 18px;
    background: #fff;
    border: 1px solid;
}
#slogan {
    font-style: italic;
    color: #AC0000;
    float: left;
    margin: 2em 0 0 0;
    padding: 0;

}
#blurb {
    margin: 0em 3em 2em 3em;
    width: 75%;
    clear: both;

}
#topMenu {
    display: inline;
	float: right;
    xxwidth: 30%;
    width: 23em;
    margin: 1em 1em 0 0;
    padding: 1em;
}

#topMenu li {
    display: inline;
    border: 1px solid #fff;
    margin: 0px 2px;
    padding: 2px 2px 2px 2px;

}
#topMenu a {
    text-decoration: none;
    padding: 1px;
    margin: 1px;
}

#main {
}
#main p {
    text-indent: 2em;
}

#appBar {
	clear: both;
	margin: 3px;
    border : 1px solid #fff;
}
#appBarTitle {
	margin: 2em 1em 1em 2em;
	font-weight: bold;
	float: left;
}
#sarcIcon {
	margin: .5em 1em;
	float: left;
    xxborder: 1px solid #000;
}
#sarcIcon #caption {
    color: #AC0000;
}
#filler {
	margin: 3em;
    color: #555;
}
#sarcText {
	margin: 1em;
	text-align: left;
	color: #000;
}
#leftSide {
	margin: 3px;
	width: 325px;
    height: 465px;
	float: left;
	border: 1px solid #fff;
    background: url('images/Sarcasmatron-Screenshot-Main.jpg') #00f no-repeat 2px 2px;
    overflow: visible;
}
#sarcTitle {
    margin: 1em;
	font-family: Agency-FB, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #AC0000;  /* blood red */
}

#sarcText {

}
#appStore {
    margin: auto;
}
#rightSide {
	margin: 2px;
    width: 378px;

	float: right;
	border: 1px solid #fff;
}

/* --------------------------- support page ---  */
#laidBare #complex {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left:  auto;
    margin-right: auto;
    font-size: 18px;
    text-align: center;
    padding: 0;
}
.ask {
    margin-left:  auto;
    margin-right: auto;
    margin-bottom: .5em;
    font-size: 12px;
    text-align: center;
    color: #000;
}
.blood {
    color: #AC0000;
}
.ask a {
    text-decoration: none;
    color: #444;
}
.ask a:hover {
    color: #eee;
}
#supportTable {
 
}
#supportTable td {
    vertical-align: top;
       border: 1px solid #ccc;
}
#screenShots li {
    margin: 0 0 2em 0;
    list-style-type: none;
}
#supportTable p {
    margin: 0 0 2em 0;
}
dl {
    margin: 0;
}
dt {
    text-align: left;
    font-weight: bold;
    margin: .5em 0 0 0.5em;
}
dd {
    margin: 0 1em 0 3em;
    text-align: justify;
    text-indent: 1em;
}
dd li {
    margin: .25em 1em 0 2em;
    color: #ccc;
    text-indent: 0;
}

/* ------------------------- about page -------*/
#about {
    margin: 1em 3em;
}
#footer {
    clear:both;
    font-size: 10px;
    color: #000;
}