/* SyncTXT Primary CSS Document
Licensed Creative Commons Attribution 2.5
11.19.2008 | Thanks FCSST */

* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
	overflow-y: scroll;
}

body {
	height:100%;
	background: #FFFFFF url(images/img01a.gif) repeat-x;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

h1, h2, h3 {
	color: #9B4B8C;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
}

p {
}

blockquote {
	margin-left: 3em;
}

ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

a {
	color: #9B4B8C;
}

a:hover {
	text-decoration: none;
}

img {
}

warning {
    color: #FF3300;
}

#login-warning 
{
    font-weight:bold;
    color: #FF3300;
    margin-top:10px;
}

#signup-warning 
{
    font-weight:bold;
    color: #FF3300;
    margin-top:10px;
}

.billing-warning 
{
    font-weight:bold;
    color: #FF3300;
    margin-left:5px;
}

.fineprint 
{
    font-size:8pt;
}


/* Boxed Style */

.boxed 
{
	margin-top:-15px;
	margin-bottom: 0px;
}

.boxed .title {
	height: 31px;
	padding: 9px 0 0 20px;
	background: #FFCC66 url(images/img05.gif) repeat-x;
	font-size: 1.2em;
	color: #CC0000;
}

.boxed .content {
	padding: 20px 20px 40px 20px;
	background: url(images/img06.gif) repeat-x;
}

/* Login while Processing*/
.boxed_working 
{
	margin-bottom: 20px;
}

.boxed_working .title {
	height: 31px;
	padding: 9px 0 0 20px;
	background: #FFCC66 url(images/img11.gif) repeat-x;
	font-size: 1.2em;
	color: #CC9999;
}

.boxed_working .content {
	padding: 20px 20px 40px 20px;
	background: url(images/img06.gif) repeat-x;
}

.boxed_progress 
.boxed_contact,
{
	margin-bottom: 20px;
}

.boxed_progress .title{
	height: 31px;
	padding: 9px 0 0 20px;
	background: #FFCC66 url(images/img12.gif) repeat-x;
	font-size: 1.5em;
	color: #9B4B8C;
}

.boxed_progress .content{
	padding: 20px 20px 40px 20px;
	background: url(images/img13.gif) repeat-x;
}

.boxed_contact .title {
	height: 31px;
	padding: 9px 0 0 20px;
	background: #FFCC66 url(images/img19.gif) repeat-x;
	font-size: 1.5em;
	color: #9B4B8C;
}

.boxed_contact .content {
	padding: 20px 20px 40px 20px;
	background: url(images/img20.gif) repeat-x;
}

/* Darker Menu */
.boxed2 .title {
	height: 31px;
	padding: 9px 0 0 20px;
	background: #FFCC66 url(images/img05.gif) repeat-x;
	font-size: 1.2em;
	color: #CC0000;
}

.boxed2 .content {
	padding: 20px 20px 40px 0px;
	background: url(images/img10.gif) repeat-x;
}

.boxed .content {
	padding: 20px 20px 40px 20px;
	background: url(images/img10.gif) repeat-x;
}
/* End Darker Menu */

/* Tagline */

.tagline 
{
    margin:12px 0 20px 0;
  /*   background: url(images/quantum.jpg) no-repeat right bottom; */
}

.tagline .title {
	padding: 5px 0 0 10px;
}

.tagline h1 
{
    font-size:22pt;
    line-height:80%;
    margin-bottom:7px;
}

.tagline h2 
{
    font-size:13pt;
    font-weight:normal;
    line-height:135%;
    margin-bottom:7px;
    color:#333333;
}

.horiz  {
	padding: 15px 15px 15px 15px;
	background: url(images/img17.gif) repeat-x;
}

/* Landing */

.landing 
{
    margin:12px 0 20px 0;
  /*   background: url(images/quantum.jpg) no-repeat right bottom; */
}

.landing h1 
{
    font-size:20pt;
    line-height:98%;
    margin-bottom:15px;
    color:Black;
}

.landing h2 
{
    font-size:16pt;
    font-weight:normal;
    line-height:80%;
    margin-bottom:7px;
    color:#555555
}

.landinglink
{
    color: #9B4B8C;
    cursor:pointer;
    text-decoration:underline;
}

/* Post */

.post {
}

.post .title {
	padding: 5px 0 0 20px;
	font-size: 2em;
	font-weight: normal;
}

.post .date {
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
}

.post .meta p {
}

.post .story,
.post .profile {
	padding: 20px 20px 10px 20px;
	background: url(images/img07.gif) repeat-x;
}

.post .boxed {
	padding: 10px 15px 10px 15px;
	border:solid 1px #999999;
}

.post .story-whitebg {
    padding: 20px 20px 10px 20px;
}

.post .image {
	padding: 10px 0px 30px 0px;
}

.post .topimage {
	padding: 35px 0px 18px 0px;
}

.post .imagewithcaption 
{
    padding: 0px 0px 5px 0px;
    font-size:10pt;
    font-style:italic;
}

.post .inlinecaption
{
    margin-left:10px;
    font-size:10pt;
    font-style:italic;
    vertical-align:bottom;
}

.post h3 {
}

.post .story p, .post .profile p, .story-whitebg p, .post .story blockquote, .post .story ul, .post .story-whitebg ul, .post .story ol {
	margin-bottom: 1.5em;
	line-height: 180%;
}

.post .profile{
    padding-top:12px;
}

.post .profile p {
    margin-top:2px;
    margin-bottom:4px;
}

.post p.alert{
    letter-spacing:0px;
    text-align:center;
    padding:7px;
    border:1px solid #FF7700;
    background-color:#FFB080;
    color:#000000;
}
.post p.error{
	letter-spacing:0px;
	text-align:center;
	padding:7px;
	border:1px solid #FF0000;
	background-color:#FFE0E0;
	color:#400000;
}
.post p.info{
	letter-spacing:0px;
	text-align:center;
	padding:7px;
	border:1px solid #0000FF;
	background-color:#E0E0FF;
	color:#000040;
}
.post p.success{
	letter-spacing:0px;
	text-align:center;
	padding:7px;
	border:1px solid #00FF00;
	background-color:#E0FFE0;
	color:#004000;
}

/* Header */

#header {
	width: 740px;
	height: 150px;
	margin: 0 auto;
}

/* Menu */

#menucontainer {
    width:740px;
    height: 71px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	padding:0;
}

#menu {
	width:1000px;
	position:relative;
	display:block;
	height:71px;
	padding:0;
	margin:0;
}

#menu ul {
	margin: 0;
	padding-top: 25px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img02.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #9B4B8C;
	outline-width:0;
}

#menu a:hover {
	background-image: url(images/img03.gif);
	border-color: #FEDA8D;
	color: #CC0000;
}

#menu .active a {
	height: 36px;
	margin-top: -4px;
	background-image: url(images/img04.gif);
	border: 1px solid #479AC6;
	border-bottom: none;
	font-weight: bold;
	color: #479AC6;
}

#menu .active a:hover 
{
    height: 36px;
	margin-top: -4px;
	background-image: url(images/img04.gif);
	border: 1px solid #479AC6;
	border-bottom: none;
	font-weight: bold;
	color: #479AC6;
}

#menu .logout a {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img02.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #CC3333;
}

#menu .logout a:hover {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img14.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu .signup a {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img16.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #339933;
}

#menu .signup a:hover {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img03.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	border-color: #FEDA8D;
}

#menu .myalerter a {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img16.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #339933;
}

#menu .myalerter a:hover {
	display: block;
	float: left;
	height: 32px;
	margin-left: 1px;
	padding: 13px 25px 0 25px;
	background: #FFFFFF url(images/img03.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	border-color: #FEDA8D;
}


/* Logo */

#logo {
	width: 740px;
	height: 100px; /* Adjusts space between top nav and login */
	margin: 0 auto;
}

#sidelogo {
	width: 220px;
	height: 100px;
	margin: 0 auto;
}

#logo h1 {
	float: left;
	letter-spacing: -2px;
	font-size: 36px;
	font-weight: normal;
}

#logo h1 a {
}

#logo h2 {
	float: left;
	font-size: 14px;
	font-weight: normal;
}

#logo h2 a {
}

#logo a {
	text-decoration: none;
	color: #479AC6;
}

/* Content */

#content {
	width: 740px;
	margin: 0 auto;
}

#extra {
}

/* Popups */

#popup{
    width:600px;
    padding:15px 20px 20px 20px;
}

#popup #main {
    float:left;
    width:600px;
}

#popup p.story-read {
    padding:10px 10px 10px 10px;
    background-color: #f0f7fa;
    border-top: 1px solid #ccc8c0;
    border-left: 1px solid #bfbbb4;
    border-right: 1px solid #8c8984;
    border-bottom: 1px solid #999690;
}

/* Content > Main */

#main {
	float: right;
	width: 505px;
}

#main a {
}

#main2 {
	float: right;
	width: 505px;
}

#maintop {
	float: right;
	clear:right;
	width: 505px;
	margin-top:25px;
}

#maintop .story {
	padding: 10px 20px 40px 20px;
}

/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
	float: left;
	width: 220px;
}

#sidebar a {
}

#sidebar2 {
	float: left;
	width: 220px;
}

#centerbar 
{
	float: left;
	width: 300px;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login label {
	font-size: x-small;
	font-weight: bold;
}

#login input {
	margin-bottom: 5px;
}

.inputlogin {
	width: 170px;
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

.remembermelabel {
    font-size: small;
    white-space:nowrap;
    float:right;
    clear:left;
    vertical-align:middle;
    line-height:16pt;
    
}

.remembermecheckbox {
    vertical-align:middle;
}

.loginbutton {
    float:left;
    clear:left;

}

.inputloginerror {
    width: 170px;
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	border-style: solid;
    border-color: #FF3300;
}

.inputsignup {
	width: 200px;
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

.inputsignuperror 
{
	width: 200px;
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	border-style: solid;
    border-color: #FF3300;
}

.inputbilling 
{
    padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

.inputbillingerror
{
    padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	border-style: solid;
    border-color: #FF3300;
}

.inputsubmit {
}

.inputsubmiterror 
{
    border-style: solid;
    border-color: #FF3300;
}

.labelsignup
{
}

.labelsignuperror 
{
    color: #FF3300;
    font-weight:bold;
}

.labellogin
{
}

.labelloginerror 
{
    color: #FF3300;
    font-weight:bold;
}

.labelbilling
{
}

.labelbillingerror 
{
    color: #FF3300;
    font-weight:bold;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates h3 {
	margin: 0;
	font: bold normal small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}

#share-this {
}

#share-this ul {
	margin: 0;
	list-style: none;
	vertical-align:middle;
}

#share-this li a{
	font-weight:bold;
}

#share-this li img{
	border-width:0;
	vertical-align:middle;
	margin-right:5px;
	text-decoration:none;
}

#share-this h3 {
	margin: 0;
	font: bold normal small Verdana, Arial, Helvetica, sans-serif;
}

#share-this p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}

#progress {
}

#progress ul {
	margin: 0;
	list-style: none;
}

#progress h3 {
	margin: 0;
	font: bold normal small Verdana, Arial, Helvetica, sans-serif;
}

#progress p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}

/* Content > Sidebar > Contact*/


#contact {
}

#contact ul {
	margin: 0;
	list-style: none;
}

#contact h3 {
	margin: 0;
	font: bold normal small Verdana, Arial, Helvetica, sans-serif;
}

#contact p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}

/* Content > Sidebar > Partners*/

#partners {
}

#partners .content {
	padding: 10px 0;
}

#partners ul {
	margin: 0;
	border-bottom: 1px solid #D1BC5C;
	list-style: none;
	line-height: normal;
}

#partners li {
	padding: 10px;
	border-top: 1px solid #D1BC5C;
}

/* Footer */

#footer {
	clear: both;
	width: 740px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(images/img08.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: x-small;
}

#footer-wide {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	background: url(images/img08.gif) repeat-x;
}

#footer-wide p {
	margin: 0;
	text-align: center;
	font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}


/* Sharing and Community */

.link-to-profile {
    text-decoration:none;
    outline-width:0;
}

.link-to-profile:hover > span > .text-link-to-profile {
    text-decoration:underline;
}

.link-to-story {
    text-decoration:none;
    outline-width:0;
}

.link-to-story > .text-link-to-story {
    color: #666666;
}

.link-to-story:hover > .text-link-to-story {
    #color: #9B4B8C;
    text-decoration:underline;
}

.onclick-link {
    text-decoration:underline;
    color: #9B4B8C;
    cursor:pointer;
}

.onclick-link:hover {
    text-decoration:none;
}

.onclick-nolink-selected {
    text-decoration:none;
    font-weight:bold;
}

p.story-comment {
    width:380px;
    padding:10px 10px 10px 10px;
    background-color: #f1fce8;
    border-top: 1px solid #ccc8c0;
    border-left: 1px solid #bfbbb4;
    border-right: 1px solid #8c8984;
    border-bottom: 1px solid #999690;
    margin-bottom:8px;
}

p.story-comment .comment-number {
    font-size:11pt;
    line-height:6pt;
    font-weight:bold;
    margin-right:4px;
}

p.story-comment .comment-byline {

}

p.story-comment .comment-body {
    display:block;
    margin-top:8px;
    margin-bottom:8px;
}

p.story-comment .comment-footer {

}