/*  
Theme Name: 4u-Andy
Theme URI: http://ymkm.com
Description: 4u-Hemingway modified by Andy
Version: 1.0
Author: Utom / Andy
Author URI: http://utombox.com
*/
* {
margin:0;
padding:0;
}

li,dd {
/* margin-left:5%;*/
line-height:1.75em;
}

fieldset {
padding:.5em;
}

select option {
padding:0 5px;
}

.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

body {
color:#BFBFBF;
font-size:9pt;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
margin:0;
padding:0;
}

.inside {
width:950px;
min-width:65em;
max-width:85em;
margin:0 auto;
clear:both;
}

h1 {
color:#CCC;
font-size:2em;
font-weight:400;
margin:1.5em 0;
}

h2,h3,h4 {
font-size:1.15em;
color:#FFF;
font-weight:400;
}

#primary h2 {
color:#ccc;
}

p {
line-height:1.75em;
}

blockquote {
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color:#CCC;
}

pre {
width:100%;
overflow:auto;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
padding:1em 0;
}

.rule {
border-top:1px solid #CCC;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}

.utom {
padding:0 2em;
}

#header {
background:#000;
}

#header .inside {
padding:3em 0;
}

#header h2 {
font-size:2.25em;
border-right:1px solid gray;
float:left;
margin:0 0.5em 0 0;
padding:0 0.5em 0.25em 0;
}

#header h2 a {
color:#FFF;
text-decoration:none;
}

#header p {
line-height:1em;
margin:0;
padding:1em 0;
}

#primary {
color:#404040;
background-image:url(images/maintop.png);
background-color:#fff;
background-repeat:repeat-x;
background-position:top;
padding:2em 0;
}

#primary.onecol-stories .primary {
float:left;
width:50%;
}

#primary.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}
#primary.twocol-stories .left_utom{
float:left;
width:500px;
}
#primary.twocol-stories .story {
width:500px;
margin:0;
}

#primary.twocol-stories .navigation {
width:500px;
text-align:right;
margin:0;
}

.story {
overflow:hidden;
}

.story h3 {
font-size:23px;
font-weight:700;
color:#CCC;
margin:0;
}

.story h3 a {
color: #606060;
text-decoration:none;
}

.story .details {
text-align:right;
font-size:12px;
color:#666;
height:27px;
margin:10px 0 30px;
padding:0;
}

.story .details .read-on {
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
display:block;
}

#primary .primary {
float:right;
width:480px;
padding:0;
}

#primary .secondary h2 {
/* color:#9C9C9C; */
color:#494949;
display:block;
height:35px;
font-size:14px;
line-height:35px;
background-image:url(images/about1.gif);
font-weight:700;
margin:0;
padding:0 0 0 1em;
}

#primary .secondary {
float:left;
width:220px;
padding-top:0;
background-image:url(images/about2.gif);
}

* html #primary .secondary {
background-image:url(images/about2.gif);
}

.secondary .featured {
color:#494949;
background-image:url(images/about3.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding:0 1em 1em;
}

.secondary .featured p {
line-height:1.5em;
margin:1em 0 0;
padding:0.5em 0 0.6em;
}

.secondary .featured dl {
margin:0;
padding:0.5em 0 0.6em;
}

.secondary dt {
display:inline;
color:#494949;
margin:0;
padding:0;
}

.secondary dd {
display:inline;
margin:0;
padding:0;
}

#secondary {
background-color: #F8F8F8;
background-image:url(images/main_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:#ccc;
border-bottom-color: #CECECE;
padding:0;
}

.comment-head {
border-bottom:1px solid #ccc;
padding:1em 2em;
}

.comment-head h2 {
font-size:1.5em;
color:#333;
margin:0 0 3px;
}

.comment-head a {
text-decoration:none;
color:#333;
}

.comment-head .details {
font-size:12px;
}

ol#comments {
list-style-type:none;
color:#333;
margin:1em 0;
padding:0 2em;
}

ol#comments li {
list-style-type:none;
border-bottom:1px dotted #ccc;
margin:0;
padding:5px 0;
}

#comments cite {
float:left;
width:20%;
font-style:normal;
text-align:left;
padding-left:2px;
}

* html #comments cite {
width:23%;
}

#comments cite span {
display:block;
}

#comments cite .author {
font-size:1em;
margin:3px 0;
}

#comments cite .author a {
text-decoration:none;
color:#000;
}

#comments cite .date {
margin-bottom:5px;
}

#comments cite .gravatar {
border:1px solid #ccc;
width:32px;
padding:3px;
}

#preview {
border:1px solid #333;
margin:1em 0;
padding:0.5em;
}

#errors {
color: #404040;
font-weight:700;
}

#comments .pingback cite .author {
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content {
float:left;
width:66%;
margin:0;
padding:0 0 0 2%;
}

#comments .content a {
color: #333333;
}

#comments .content p {
margin:0 0 1em;
}

h3.formhead {
font-size:1.5em;
color:#333;
padding:10px 0 0 30px;
}

#comment-form {
float:left;
width:32em;
background: #EAEAEA;
color: #4C4C4C;
margin:0.5em 0 5em 3em;
padding:10px;
}

#comment-form p {
color:#333;
}

#comment-guide {
float:left;
color: #393939;
margin:0 0 0 30px;
}

#comment-guide ul {
list-style-type:square;
margin:6px 0 0;
}

#comment-guide li {
margin-bottom:12px;
}

#comment-guide li a {
color: #333333;
}

#comment-guide h3 {
font-size:14px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin-left:5px;
color:#333;
padding:0 50px 6px 0;
}

input.textfield {
width:25.8em;
margin:10px 0;
padding:4px 0 3px 5px;
}

textarea.commentbox {
width:25em;
height:10em;
font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0;
padding:4px 0 3px 5px;
}

label.text {
position:relative;
font-size:12px;
color: #4C4C4C;
}

.formactions input.submit {
float:right;
margin:-1em 0 0;
padding:0;
}

.formactions .spinner {
float:right;
margin:-8px -20px 0 0;
}

#ancillary {
background-color:#272727;
padding:2em 0 0;
}

#ancillary .first,#ancillary .second {
margin:0 3em 0 0;
}
#ancillary .block p{
padding:0 0 2em;
}
#ancillary .second {
width:288px;
}

ul.dates,ul.counts,ul.blogroll ul,ul.pages {
list-style:none;
border-top:1px solid #3D3D3D;
margin:1.5em 0 2em;
}

ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li {
list-style:none;
border-bottom:1px solid #3D3D3D;
color:#858585;
margin:0;
padding:0.5em 0;
}

ul.dates .date {
color:#858585;
float:right;
padding:0;
}

ul.counts .count {
float:right;
color:#858585;
}

ul.dates a,ul.counts a,ul.blogroll a,ul.pages a {
color:#BFBFBF;
text-decoration:none;
}

ul.blogroll li {
list-style:none;
margin:0;
}

ul.pages ul li {
border:none;
margin-left:2em;
list-style:square;
}

#footer {
clear:both;
color:#939393;
background:#000;
}

#footer .inside {
height:35px;
}

#footer p {
font-size:10px;
line-height:35px;
margin:0;
}

#footer p.attributes a {
text-decoration:none;
color:#525252;
padding:0 0 0 1em;
}
/*
#search {
left:50%;
width:200px;
-moz-opacity:0.4px;
text-align:right;
margin:12px 12px 0 150px;
position: absolute;
}

#search:hover {
-moz-opacity:1px;
}

#search .searchimg {
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}

#search input {
width:175px;
font-size:9pt;
background:#CCC;
margin-top:2px;
}

#search input:focus {
background:#FFF;
}

#searchform {
margin:1em 0;
}

#searchform #s {
background:#222;
border:none;
border-bottom:1px solid #333;
width:30em;
color:#666;
padding:0.25em;
}

#searchform #searchsubmit {
background:#000;
color:#666;
border:none;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.25em;
}
*/
#search-results {
width:30%;
background:#333;
float:right;
-moz-opacity:0.9px;
border-top:1em solid #000;
padding:0;
}

#search-results h3 {
font-weight:700;
text-align:left;
background:#000;
margin:0;
padding:0 0 1em;
}

#search-results small {
display:block;
text-align:left;
font-size:0.9em;
border-top:1px solid #666;
border-bottom:1px solid #555;
padding:0.5em 1em 0.7em;
}

#search-results small a {
color:#CCC;
}

#search-results ul li {
list-style:none;
margin:0.5em 0;
padding:0 1em 0.5em;
}

#search-results ul li:hover {
background:#202020;
}

#search-results ul li a {
text-decoration:none;
border-bottom:1px dotted #CCC;
}

#search img.archives-icon {
top:1px;
margin:0 7px 0 0;
}

.col {
float:left;
width:190px;
margin:0;
margin-right:20px;
}

#primary ul.dates li,
#primary ul.counts li,
#primary ul.blogroll ul li,
#primary ul.pages li {
list-style:none;
border:none;
color:#858585;
margin:0;
padding:0;
line-height:20px;
}

#primary  li{
 margin-bottom:10px;
}

#primary ol,#primary ul,#primary li {
list-style:none; 
/* margin:0;*/
}

#primary ul {
margin:0 0 10px;
}

#primary .ul_flickr {
margin:10px 0;
}

#primary h2 {
/* margin:10px 0 0 5px;*/
}

#primary .ul_flickr a {
border:1px solid #ccc;
display:block;
float:left;
margin:4px;
padding:3px;
}

#primary .ul_flickr a:hover {
border: 1px solid #666666;
background: #F3F3F3;
}

#primary .ul_feeds {
clear:both;
margin:10px 0;
}

.ul_feeds li {
background-image:url(images/feed.gif);
background-position:1px center;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 0 20px;
}

#wp-calendar {
text-align:center;
background-color:#fff;
margin:0;
}

#wp-calendar td {
height:24px;
width:24px;
line-height:20px;
background-image:url(images/day.png);
background-repeat:no-repeat;
background-position:center;
font-size:11px;
color: #424242;
}

#wp-calendar td a {
display:block;
width:24px;
height:24px;
color:#AD0518;
text-decoration:none;
background-image:url(images/linkday.png);
background-position:center;
line-height:24px;
background-repeat:no-repeat;
}

#wp-calendar #prev a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
}

#wp-calendar #next a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
margin:0 0 0 30px;
}

#wp-calendar #today {
/* background-image:url(images/today.png); */
background-position:center;
color:#fff;
background-repeat:no-repeat;
}

#wp-calendar #today a {
background-image:url(images/today.png);
background-position:center;
color:#fff;
font-weight:700;
background-repeat:no-repeat;
}

#sidebar a {
color: #3C3C3C;
text-decoration:none;
line-height:150%;
}

.datetime {
float:left;
width:56px;
font-family:serif;
background-image:url(images/date.png);
font-size:10px;
text-align:center;
color:#333333;
line-height:20px;
margin:4px 7px 0px 0pt;
height:53px;
padding-top:3px;
}

.datetime .day {
color:#9C9C9C;
display:block;
font-size:18px;
}

.datetime .month {
color:#757575;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
/* line-height:25px; */
text-transform:uppercase;
}

.postin {
line-height:25px;
height:25px;
margin:0 0 10px;
clear:both;
}

.postin span {
line-height:25px;
height:25px;
display:block;
float:left;
}

.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags {
background-position:1px center;
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0 0 0 20px;
}

.postin .p_author {
background-image:url(images/author.gif);
}

.postin .p_category {
background-image:url(images/category.gif);
}

.postin .p_tags {
background-image:url(images/tags.gif);
}

.postin .p_read {
background-image:url(images/fulltext.gif);
}

.details .p_comments {
/* background-image:url(images/comments.gif); */
background-repeat:no-repeat;
height:32px;
width:100px;
line-height:32px;
text-align:center;
float:right;
padding:0 5px 5px 27px;
}

#menu {
font-size:12px;
/* background-image:url(images/menu.png); */
height:26px;
position:static;
}

#menu .menu,#menu li {
list-style:none;
margin:0;
padding:0;
}
#menu .utom_menu{
width:930px;
margin:0 auto;
}
#menu .menu {
background:transparent url("images/menu_right.png") repeat-y left top;
height:26px;
padding:0 0 0 1px;
}
#menu .utom_menu_b{
background:transparent url("images/menu_left.png") repeat-y right top;
float:right;
height:26px;
padding:0 1px 0 0;
}
#menu .menu li {
float:left;
line-height:25px;
height:26px;
background-image:url(images/menu_left.png);
background-repeat:no-repeat;
background-position:left top;
}

#menu .menu a {
height:26px;
background-image:url(images/menu_right.png);
background-position:right top;
background-repeat:no-repeat;
color:#fff;
display:block;
width:65px;
text-align:center;
padding:0 10px;
}

a.oc {
display:block;
height:26px;
width:154px;
position:absolute;
left:50%;
margin:0 0 0 200px;
}

.open_c {
background-image:url(images/open_comments.png);
}

.close_c {
background-image:url(images/close_comments.gif);
}

.download {
background: #C8C8C8;
text-align:center;
border-top: 2px solid #8D8D8D;
border-bottom: 2px solid #8D8D8D;
margin:1em;
}

#getfirefox {
text-align:center;
padding:2em 0 0;
}

#primary .secondary2 {
float:left;
clear:left;
width:220px;
margin:2em 0 0;
padding:0 1em;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address,#preview p,#ancillary .block h2,#ancillary .block h3 {
margin:1em 0 0;
}

.hide,.print-logo,.close-button,a.oc span {
display:none;
}

.left,#ancillary .block,#footer p.copyright {
float:left;
}
p.copyright a{color:white;}
p.copyright a:hover{color:#666;}

.right,#footer p.attributes {
float:right;
}

a img,#primary ul,#primary ul li {
border:none;
}

a,.story .details a {
/* color:#333; */
text-decoration:none;
}

a:hover,.story .details a:hover,.inside a:hover,.secondary dd a:hover,.comment-head a:hover,#primary  ul a:hover,#menu .menu a:hover,.download a {
/* color:#B7061A; */
}

.inside a,#primary ul a {
/* color: #606060; */
}

.secondary dd a,.details .p_comments a,.download a:hover {
color:#494949;
}

.single-post h1,.single-post h2,ul.blogroll {
margin-top:0;
}

#comments cite .author a:hover,#comments .content a:hover,#comment-form p a {
color: #8D8D8D;
}

#comment-form p a:hover,#comment-guide li a:hover,ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover,#footer p.attributes a:hover {

color:#494949;
}

#ancillary .first,#ancillary .third {
width:180px;
}

ul.pages ul,#search-result ul {
margin:0;
}

#wp-calendar caption,#wp-calendar th {
font-size:11px;
}

#wp-calendar .pad,#wp-calendar #prev,#wp-calendar #next {
background-image:url(images/do.png);
}

#wp-calendar td a{
/* color:#D13B4D; */ 
font-weight: bold;
}


/* work specific */
body.work #menu {
background-image:url(images/t/menu.png);
}
body.work #wp-calendar #today, body.work #wp-calendar #today a  {
background-image:url(images/t/today.png);
}
body.work #wp-calendar td a{
color:#B7061A;
}
body.work .details .p_comments {
background-image:url(images/t/comments.png);
}

body.work a, body.work .story .details a, body.work #ancillary a:hover  {
color:#B7061A;
}



/* food specific */
body.food #menu {
background-image:url(images/f/menu.png);
}
body.food #wp-calendar #today, body.food #wp-calendar #today a {
background-image:url(images/f/today.png);
}
body.food #wp-calendar td a{
color:#429B11;
}
body.food .details .p_comments {
background-image:url(images/f/comments.png);
}
body.food a, body.food .story .details a, body.food #ancillary a:hover  {
color:#429B11;
}


/* play specific */
body.play #menu {
background-image:url(images/l/menu.png);
}
body.play #wp-calendar #today, body.play #wp-calendar #today a  {
background-image:url(images/l/today.png);
}
body.play #wp-calendar td a{
color:#487BA3;
}
body.play .details .p_comments {
background-image:url(images/l/comments.png);
}
body.play a,body.play .story .details a, body.play #ancillary a:hover  {
color:#487BA3;
}


/* overrides */
.story h3 a  {
color: #606060;
}

#ancillary a {
color:#BFBFBF;
}

body.work .story .details .p_comments a, 
body.play .story .details .p_comments a, 
body.food .story .details .p_comments a {
color: #606060;
} 

  .port_image {
  float:left;
  margin-right:10px;
  }
  .port_date {
  font-weight:bold;
  }

 .wrapheader {
 width:437px;
 float:left;  
 }

 .wraplongheader {
   width:410px;
   float:left;  
 }

/* shadow boxes */

.innerbox {
margin:0px;
}

.innerbox {
background-color:white;
border:1px solid #999999;
bottom:6px;
margin:0px;
padding:4px;
position:relative;
right:6px;
}

.dropshadow2 {
background:transparent url(images/shadowAlpha.png) no-repeat scroll right bottom !important;
float:left;
margin:15px 0pt 0px 25px !important;
padding:0px;
}

/* no idea where this came from */
.imageframe { margin: 10px; padding: 5px; border: 1px solid #aaa; }
.imgalignleft { float: left; }
.imgalignright { float: right; }
.imgaligncenter { margin-left: auto; margin-right: auto; }

/* who doesn't love footnotes ? */
#primary span.footnote {
color:#FF3300;
}
#primary a.ftnlink {
font-size:0.8em;
vertical-align:super;
}
.footnoteholder {
font-size:0.8em;
margin:20px 0pt 50px;
}
.footnoteholder div.footnote {
margin:0pt 0pt 10px;
}