/*  
Theme Name: How Do I Say This?
Theme URI: http://www.howdoisaythis.com/wp-content/themes/howdoisaythis
Description: "How Do I Say This" is an altered version of the "Cutline" theme.
Version: 1.1
Author: Brass Blogs Web Design
Author URI: http://www.brassblogs.com
Author: Brass Blogs Web Design (1.1 Version)
Author URI: http://www.brassblogs.com

Notes:
Original design (version 1.0) is by SMERC Design, Inc. (http://www.smerc.com)
All images and design are copyright SMERC design.
(Brass Blogs has simply cleaned up the code in version 1.1, and retains no 
rights to anything *but* the code for this version.)
*/

/*------------------------------------------------------------------------------
                                    Defaults
------------------------------------------------------------------------------*/

* {
margin:0;
padding:0;
border:none;
z-index:0;
}

body {
background: #FFF url("images/bluetowhite_gradient.jpg") repeat-x left top;
font:82% Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}

h1 {
font-weight:bold;
color:#000;
margin:0.5em 0;
border-bottom:1px solid #000;
}

h2 {
font-size:1.4em;
margin-bottom:0.5em;
}

h3 { 
font-size:1.3em;
border-bottom:1px solid #000;
padding-bottom:0.5em;
}

p {
line-height:1.5em;
margin-bottom:1em;
}

blockquote {
margin:0 1em;
border-left:7px solid #2083AF;
padding:0 1em;
font:italic 0.9em Georgia, "Palatino Linotype", serif;
}

blockquote blockquote {
border-left:7px solid #FF6F18;
font:italic 1em Georgia, "Palatino Linotype", serif;
color:#777;
}

ol, ul {
margin:0 1em 1em 2.5em;
}

ul {
list-style:inside;
text-indent:-1em;
}

ol {
list-style:inside decimal;
text-indent:-1.5em;
}

li {
line-height:1.4em;
margin-bottom:0.5em;
}

a, a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#FF1466;
}

a:hover, a:active {
color:#DF0000;
}

.left {
float:left;
}

.right {
float:right;
}

.center {
display:block;
text-align:center;
}

.clear:after {
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

br.clear {
clear:left;
visibility:hidden;
display:block;
height:0;
}

#outer {
text-align:left;
width:970px;
margin:0 auto;
}

/* Header Stuff */

#header {
position:relative;
width:100%;
}

a.sxsw {
position:absolute;
top:0;
right:0;
display:block;
width:200px;
height:175px;
}

a.login, a.register {
position:relative;
display:block;
float:left;
height:20px;
margin-top:5px;
}

a.login {
width:57px;
background:url("images/login.gif") no-repeat;
}

a.register {
width:158px;
background:url("images/register.gif") no-repeat;
}

#login_status {
text-align:center;
font-size:0.85em;
margin-top:0.8em;
}

#login_status a.username {
text-transform:capitalize;
font-weight:bold;
}

#searchform {
background:url("images/searchfield.jpg") no-repeat;
width:310px;
height:20px;
margin-top:5px;
}

#searchform input {
background:transparent;
border:none;
color:#FFF;
width:165px;
margin:0 5px 0 83px;
font-size:0.9em;
padding-top:3px;
}

#searchform #searchsubmit {
width:50px;
margin:0;
cursor:pointer;
}

/* -------------- Main Content layout -------------- */

#main {
clear:both;
padding:10px 230px 20px 230px;
text-align:center;
}

#content {
position:relative;
float:left;
width:99%;
}

div.navigation {
display:block;
width:93%;
height:3em;
font-size:0.9em;
margin:0 1.5em;
}

div.navigation a, div.navigation a:link, div.navigation a:visited {
font-weight:bold;
color:#5B7F8B;
}

div.navigation a:hover, div.navigation a:active {
color:#FA1769;
}

/* -------------- Default Post info -------------- */

div.post {
position:relative;
text-align:left;
padding:0 10px 70px 10px;
margin:0 10px 50px 10px;
background:url("images/divider.gif") no-repeat center bottom;
}

div.post img.left {
margin:0 1em 1em 0;
border:1px solid #000;
padding:2px;
}

div.post img.right {
margin:0 0 1em 1em;
border:1px solid #000;
padding:2px;
}

div.entry img {
max-width:450px;
}

img.wp-smiley {
vertical-align:middle;
}

a.more-link, a.more-link:link {
display:block;
text-align:center;
color:#2083AF;
}

a.more-link:visited {
color:#000;
}

a.more-link:hover, a.more-link:active {
color:#AAA;
}

div.entry {
margin:1em 1em 2em 1em;
}

div.entry div.wpvidavee_container {
text-align:center;
}

div.entry div.video_code {
width:320px;
overflow:scroll;
background-color:#EEE;
border:1px solid #000;
text-align:left;
font-size:0.8em;
font-family:"Courier New", serif;
margin:1em auto;
}

p.postmetadata {
text-align:right;
font:bold italic 0.9em Georgia, "Palatino Linotype", serif;
color:#AAA;
}

p.postmetadata a, p.postmetadata a:link, 
p.tags a, p.tags a:link {
color:#AAA;
}

p.tags {
text-align:right;
font-weight:bold;
font-size:1.2em;
color:#AAA;
border-top:1px solid #000;
padding-top:0.5em;
}

body#problems div.post {
display:none;
}

/* -------------- For default "comments" with balloon image -------------- */
p.postmetadata a {
position:relative;
display:block;
float:right;
width:8em;
height:1.8em;
padding-top:28px;
margin-top:-28px;
text-align:center;
background:url("images/comments.gif") no-repeat top center;
}

p.postmetadata img {
display:block;
margin:0 auto;
}

p.postmetadata a span {
position:absolute;
text-align:center;
width:8em;
height:1.8em;
top:0;
display:block;
}

p.postmetadata a:hover img, p.postmetadata span.comments a:active img {
visibility:hidden;
}

p.postmetadata a:visited, p.tags a:visited {
color:#777;
}

p.postmetadata a:hover, p.postmetadata a:active,
p.tags a:hover,p.tags a:active {
color:#FF1466;
}

/* -------------- Featured Post -------------- */

div.featured {
background:url("images/featured-bg.gif") repeat-x left top;
position:relative;
padding-top:10px;
}

/* if ever you want the "featured post" text to appear above the post...
span.featured-post {
display:block;
text-align:center;
position:absolute;
top:-35px;
width:100%;
height:40px;
background:url("images/featured.gif") no-repeat center bottom;
}*/

body#tag div.featured, body#voting div.featured {
background:url("images/divider.gif") no-repeat center bottom;
}

body#tag span.featured-post {
display:none;
}

/* -------------- Single Page postmeta stuff -------------- */

p.postmetadata a.single-comment {
background:url("images/comments-off.gif") no-repeat top center;
}

p.postmetadata .single a, p.postmetadata a.single {
background:none;
width:auto;
height:auto;
float:none;
padding:0;
margin:0;
display:inline;
text-align:left;
}

p.postmetadata .single a span, p.postmetadata a.single span {
position:static;
}

p.postmetadata .single a:hover img, p.postmetadata .single a:active img, 
p.postmetadata a.single:hover img, p.postmetadata a.single:active img {
visibility:visible;
}

span#conversation {
display:block;
text-align:right;
margin-top:10px;
margin-right:5em;
}

span#conversation a {
height:auto;
width:auto;
margin:0;
padding:0;
float:none;
display:inline;
}

span#conversation a span {
position:static;
margin:0;
padding:0;
width:auto;
height:auto;
display:inline;
}

span#conversation a.single { 
padding:2px;
float:none;
display:inline;
position:static;
width:auto;
padding:0;
margin:0;
}

span#conversation a img {
float:right;
margin-left:10px;
}

span#conversation a:hover, span#conversation a:active {
background:none;
}

span#conversation a:hover img, span#conversation a:active img {
visibility:visible;
}

/* -------------- "Send to Friend" stuff -------------- */

#share_post {
clear:right;
text-align:center;
font-size:0.85em;
padding-top:0.5em;
}

#share_post:after {
content:".";
display:block;
clear:right;
height:0;
visibility:hidden;
}

#share_post div.offDiv {
width:355px;
margin:0 auto;
}

#share_post a.showLink, #share_post a.hideLink {
float:right;
}

#share_post a.hideLink {
margin-right:41px;
}

#share_post div.show-hide {
width:300px;
clear:right;
float:right;
margin-right:50px;
}

#share_post div.show-hide small {
display:block;
font-size:1em;
padding:1em 0;
}

#hdistSTF input, textarea {
border:1px solid #777;
padding:2px;
margin:2px;
}

#hdistSTF textarea {
width:200px;
}

#hdistSTF input.surprise {
border:none;
visibility:hidden;
width:0;
}

#hdistSTF span.fieldname {
display:block;
float:left;
width:135px;
padding:5px 2px 3px 0;
text-align:right;
}

#hdistSTF input.button {
background-color:#777;
color:#FFF;
font-weight:bold;
font-size:0.8em;
}

span.error {
display:block;
clear:right;
color:#C00000;
text-align:left;
width:300px;
margin:0 auto;
}

span.sub {
text-indent:1.3em;
}

#share_post p.thankyou {
clear:right;
}

/* -------------- Author postmeta stuff -------------- */

p.postmetadata span.author {
padding-right:0.4em;
}

p.postmetadata span.author a {
position:relative;
display:inline;
width:auto;
height:auto;
float:none;
background:none;
margin:0;
padding:0;
}

/* -------------- Comments -------------- */

#commentpost {
text-align:center;
}

#commentform {
margin:0 auto;
width:350px;
}

#commentform div.input {
float:left;
}

#commentform div.input:after {
clear:both;
display:block;
visibility:hidden;
content:".";
height:0;
}

#commentform div.input input, #commentform div.input textarea {
border:1px solid #000;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
}

#commentform div.input input {
float:right;
width:150px;
margin:2px 75px 2px 0;
}

#commentform div.input textarea {
width:350px;
margin:10px auto;
font-size:1em;
}

#commentform div.input label {
float:left;
display:block;
width:110px;
margin-right:3px;
text-align:right;
font-size:1.1em;
padding-top:3px;
}

span.required {
font-size:1.3em;
color:#C00000;
font-weight:bold;
}

#commentform #submit {
border:none;
width:auto;
font:bold 1em "Century Gothic", sans-serif;
background-color:#1968A8;
padding:2px 5px;
color:#FFF;
margin:0 auto;
float:none;
}

#commentform #submit:hover {
background-color:#5AB0CF;
}

/* -------- comments/trackback display ----- */

div.comment, div.commentalt, div.author_comment {
width:450px;
margin:10px auto 50px auto;
text-align:left;
position:relative;
}

div.comment img, div.commentalt img, div.author_comment img,
div.comment object, div.commentalt object, div.author_comment object,
div.comment embed, div.commentalt embed, div.author_comment embed {
max-width:425px;
}

div.comment div.number, div.commentalt div.number, div.author_comment div.number {
font-weight:bold;
font-size:11em;
position:relative;
float:right;
margin-top:-0.4em;
}

div.comment div.author_name, div.commentalt div.author_name, div.author_comment author_name {
font-weight:bold;
padding:1em;
}

div.talk {
padding:0 1em 1em 1em;
color:#333;
}

p.comment_metadata {
text-align:right;
font-style:italic;
font-size:0.8em;
clear:right;
}

#listed_comments {
margin:50px auto;
width:450px;
}

/* comments */

div.comment a, div.comment a:link, div.comment a:visited {
color:#C28278;
}

div.comment a:hover, div.comment a:active { 
color:#FA1769;
}

div.comment {
background:#FFF url("images/comment.jpg") repeat-x;
border:1px solid #E8D1CE;
}

div.comment div.number {
color:#E8D1CE;
}

div.comment div.author_name {
color:#C28278;
}

div.comment p.comment_metadata, div.comment p.trackback_metadata{
border-top:1px solid #E8D1CE;
}

/* alternate comments */

div.commentalt a, div.commentalt a:link, div.commentalt a:visited {
color:#8BAABD;
}

div.commentalt a:hover, div.commentalt a:active {
color:#FA1769;
}

div.commentalt {
background:#FFF url("images/comment-alt_bg.jpg") repeat-x;
border:1px solid #D5E0E7;
}

div.commentalt div.number {
color:#D5E0E7;
}

div.commentalt div.author_name {
color:#8BAABD;
}

div.commentalt p.comment_metadata, div.commentalt p.trackback_metadata {
border-top:1px solid #D5E0E7;
}


/* author comments */

div.author_comment a, div.author_comment a:link, div.author_comment a:visited {
color:#777;
}

div.author_comment a:hover, div.author_comment a:active {
color:#FA1769;
}

div.author_comment {
background:#FFF url("images/admin-comment.jpg") repeat-x;
border:1px solid #A4A4A4;
}

div.author_comment div.number {
color:#DDD;
}

div.author_comment div.author_name {
color:#777;
}

div.author_comment p.comment_metadata {
border-top:1px solid #A4A4A4;
}


/* trackbacks */

#listed_trackbacks {
font-style:italic;
width:450px;
margin:0 auto;
}

#listed_trackbacks h2.trackbacks {
font-style:normal;
}

#listed_trackbacks div.comment, #listed_trackbacks div.commentalt {
border:none;
background:none;
}

p.trackback_metadata {
font-style:normal;
font-size:0.85em;
text-align:right;
}


/* -------------- Right Sidebar -------------- */

#right {
float:right;
position:relative;
width:230px;
height:100px;
margin-right:-229px;
left:1px;
}

/* -------------- Left Sidebar -------------- */

#left {
float:left;
position:relative;
width:230px;
margin-left:-229px;
left:-1px;
text-align:center;
}

#left a img {
display:block;
margin:0 auto 5px auto;
}

/* -------------- Subcribe form -------------- */

#subscribeform {
width:220px;
height:65px;
margin:30px auto 0px auto;
background:url("images/email_subscribe.jpg") no-repeat;
padding-top:22px;
}

#subscribeform input {
width:155px;
background:transparent;
margin:0 0 5px 60px;
color:#FFF;
font-size:0.9em;
padding-top:1px;
}

#subscribeform input#subscribesubmit {
width:70px;
float:right;
height:25px;
margin-top:3px;
cursor:pointer;
}

p.notify {
text-align:left;
padding:1em 2em;
}

/* -------------- Login page -------------- */

#login {
text-align:center;
}

#loginform, #registerform {
width:75%;
margin:0 auto;
}

#loginform br, #registerform br {
float:left;
}

#loginform p, #registerform p {
display:block;
width:100%;
}

#loginform input, #registerform input {
border:1px solid #000;
padding:2px;
}

#loginform label, #registerform label {
margin:3px 3px 0 45px;
}

#login ul {
list-style:none;
text-align:center;
margin-left:7em;
}

#login li {
text-align:left;
display:inline;
padding-right:1em;
}

div.onDiv, div.offDiv {
text-align:center;
}

.onDiv .showLink{
display:none;
}

.offDiv .hideLink{
display:none;
}

.show-hide{
padding:0 0 0 29px;
}


/* -------------- Voting Page -------------- */

div.post-ratings {
position:relative;
width:14em;
float:right;
font-size:0.8em;
}

div.post-ratings img {
vertical-align:bottom;
}

#votes {
text-align:center;
}

div.rating {
width:300px;
height:1.5em;
margin:0 auto;
}

#page_list {
list-style:none;
width:100%;
height:2em;
margin:0;
}

#page_list li {
display:block;
float:left;
position:relative;
width:7em;
text-align:center;
}

em.dem-total-votes {
display:none;
}

#votenav {
position:relative;
list-style:none;
margin:0 1em 2em 1em;
text-align:left;
text-indent:0;
border-bottom:2px solid #000;
height:2em;
}

#votenav li {
float:left;
list-style:none;
}

#votenav li a, #votenav li a:link, #votenav li a:visited  {
padding:1em 1em 0.5em 1em;
margin-left:5px;
border-left:1px solid #000;
border-top:1px solid #000;
border-right:1px solid #000;
background-color:#00425F;
color:#FFF;
font-size:1.2em;
}

#votenav li a:hover, #votenav li a:active {
background-color:#00638F;
}

#votenav li ul {
position:absolute;
display:block;
margin-top:0.9em;
margin-left:0.7em;
}

#votenav ul li a, #votenav ul li a:link, #votenav ul li a:visited {
padding:0.5em 1.5em;
font-size:0.9em;
color:#777;
background-color:transparent;
border:none;
}

#votenav ul li a:hover, #votenav ul li a:active {
color:#000;
}

/* ---------  AIR Profiles  --------- */

h3.author-profile {
padding-bottom:0;
margin:1em 0 0.5em 0;
}

img.author-image {
width:125px;
}

/* ------------ Submit Page ------------ */

#hdist_submit_ideas {
display:block;
text-align:center;
padding-bottom:2em;
}

#hdist_submit_ideas span.fieldname {
display:block;
}

#hdist_submit_ideas input.surprise {
width:0;
visibility:hidden;
}

#hdist_submit_ideas textarea {
border:1px solid #777;
padding:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
width:300px;
margin-bottom:5px;
}

#hdist_submit_ideas input {
background-color:#F6C61E;
border:1px solid #0D2941;
padding:2px;
color:#0D2941;
font-weight:bold;
text-transform:lowercase;
font-size:0.9em;
}

#hdist_submit_ideas span.agree {
display:block;
margin:0 7em 1em 7em;
text-align:left;
font-size:0.8em;
}

#curprob {
border:2px solid #CCC;
margin:0 2em 4em 2em;
padding:1em;
}

#curprob p {
text-align:left;
margin:0 2em;
}