@charset "utf-8";
/* 
Poster Generator Styles - Thoseposters.com 
Jason Porter
http://www.jason-porter.com
*/
#posterCon, #library, #viewer {
padding:1.5em;
width:85em;
}
#library h1, #viewer h1 {
padding:.5em 0 0 0;
}
#posterCon h1 {
padding:.5em 0 1.5em 0;
}
#ideas {
margin:1em 1em 0 0;
float:right;
width:29em;
cursor:pointer;
}
#ideas h2 {
font-size:14px;
color:#ff0084;
}
#ideas p {
color:#999;
}
#ideas ul {
display:block;
list-style:none;
margin:0 0 1.5em 0;
cursor:pointer;
}
#ideas ul li {
float:left;
margin:.4em .8em .4em 0;
padding:0;
cursor:pointer;
}
#ideas a {
color:#999;
display:block;
text-align:center;
padding:.5em;
width:1.8em;
height:1em;
text-decoration:none;
background:#333;
}
#ideas ul li a:hover {
color:#ff0084;
text-decoration:underline;
cursor:pointer;
background:#494949;
}
ul.AjaxResults {
display:block;
margin:1em 0;
}
#wordResults { 
clear:both;
padding:1.5em 0 0 0;
display:none;
}
#wordResults h2 {
color:#ccc;
padding:0 0 .5em 0;
border-bottom:#333 1px dotted;
}
#wordResults h2 strong {
color:#ff0084;
}
#showWords ul {
list-style:none;
}
#showWords ul li {
margin:0;
padding: .5em;
background:none;
float:none;
display:block;
width:auto;
text-align:left;
cursor:pointer;
}
#wordResults p {
display:block;
margin:1em 0 0 0;
}
#showWords a, #showWords a:hover {
display:inline;
padding:0;
width:auto;
height:auto;
background:none;
cursor:pointer;
}
#showWords ul li:hover { 
background:#222;
cursor:pointer;
}
#showWords ul li:hover a, #showWords ul li:hover a.on {
color:#ccc;
}
#showWords ul li:hover a strong {
color:#ff0084;
}
#showWords ul li:hover p {
color:#ccc;
}
#showWords ul li p {
padding:.5em 0;
line-height:2em;
margin: 0;
border-bottom:#333 1px dotted;
color:#666;
}
#showWords ul li p span.quotes {
color:#ff0084;
}
#showWords ul li a {
color:#ccc;
cursor:pointer;
}
#showWords ul li a strong {
color:#666;
font-weight:normal;
}
#showWords ul li a.on {
color:#ccc;
}
#showPoster {
padding:0 0 4em 0;
}
#posterHelp {
margin:2em 0;
padding:2em 0;
border-top:#333 1px dotted;
width:600px;
float:left;
}
#posterHelp h3 {
color:#f09;
padding:.5em 0;
font-size:12px;
font-weight:bold;
}
#posterHelp p{
padding:.5em 0;
color:#666;
}
#posterImg {
float:right;
display:block;
margin-left:2em;
border:#222 1px solid;
}
#posterOptions {
width:30em;
height:20em;
}
#posterOptions h2 {
font-size:18px;
font-weight:normal;
padding:1em 0 .5em 0;
margin:0;
color:#f09;
}
#posterOptions p {
color:#ccc;
padding:.5em 0;
}
#posterOptions a {
color:#00aeff;
text-decoration:none;
}
#posterOptions a:hover {
color:#f09;
text-decoration:underline;
}
.optionButton{ 
float:left;
margin:6em 2.5em;
}
.optionButton a {
color:#000;
text-decoration:none;
border:none;
}
#viewer {
width:87em;
}
#viewer img {
display:block;
margin:2em auto;
border:#222 1px solid;
}
#imageContent{
display:block;
}
#posterDetails {
color:#666;
padding:2em;
width:600px;
margin:2em auto;
}
#posterDetails textarea {
border:none;
background:#222;
width:44em;
height:1.5em;
color:#999;
padding:1em;
overflow:hidden;
}
#posterLinks {
clear:both;
padding:1em 0;
}
#posterLinks h2 {
color:#f09;
font-size:16px;
padding:0 0 .25em 0;
border-bottom:#444 1px dotted;
}
#posterLinks ul {
list-style:none;
margin:1em 0;
padding:0;
}
#posterLinks li {
margin:0;
padding:.5em 0;
}
#posterLinks a {
font-size:12px;
text-decoration:none;
color:#00aeff;
}
#posterLinks a:hover {
color:#f09;
text-decoration:underline;
}
#socialNews {
display:block;
width:40em;
}
#socialNews a {
display:block;
float:left;
padding:0;
margin:0 2em 0 0;
color:#111;
border:none;
}
#socialNews img {
display:block;
float:left;
}
#socialNews img {
border:0;
padding:0;
}
.fadeOut {
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}