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

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

body {
	height:100%;
}

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;
	font-size:13px;
	color:#666666;
	line-height:normal;
}

.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;
}

.linksunderlined a,
.boxed a,
.linksunderlined a:link,
.boxed a:link {
	text-decoration:underline;
}
.boxed a:hover,
.linksunderlined a:hover {
	color:#777777;
	text-decoration:none;
}


/* 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: #586BAA;
}

.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: #586BAA;
}

.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;
}

.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;
}

.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: #586BAA;
    cursor:pointer;
    text-decoration:underline;
}

/* Post */

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

.story,
.profile {
	margin: 0 0 21px 0;
	padding: 20px 20px 10px 9px;
	border-top:2px solid #d2d2d2;
}

.story p,
.story-whitebg  p {
	line-height:120%;
}

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

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

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

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

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

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


.profile{
    padding-top:12px;
}

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

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

/* Popups */

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

#popup #main2 {
    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 > Sidebar > Login */

.inputlogin {
}

.remembermelabel {
}

.remembermecheckbox {
}

.loginbutton {
}

.inputloginerror {

}

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

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

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

.inputbillingerror
{
    padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	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;
}



#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;
}

/* Sharing and Community */

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

a.link-to-profile,
a:link.link-to-profile {
	color: #666666;
}
a:hover.link-to-profile {
    text-decoration:none;
	color: #000000;
}

.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: #586BAA;
    text-decoration:underline;
}

.onclick-link {
    text-decoration:underline;
    color: #586BAA;
    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 {

}

.form {
	font-size: 14px;
	line-height:normal;
}
.form a,
.form a:link {
	color:#555555;
	text-decoration:underline;
}
.form a:hover {
	color:#777777;
	text-decoration:none;
}

.form h2 {
	margin-top:10px;
}
.form h3 {
	font-size:16px;
	margin-top:0;
	margin-bottom:10px;
}
.form p {
	line-height:21px;
	margin-top:0px;
	margin-bottom:10px;
}
.form span {
	line-height:18px;
}

#ccvbox {
	font-size:14px;
	line-height:normal;
}