/* ******************************
undohtml.css
Undo browser defaults
http://tantek.com/log/2004/09.html#d06t2354
****************************** */
/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
hr {display:none;}
/* ******************************
'my wishful thoughts' template default stylesheet
last edit: 07/31/2007
author: Piotr Delawski
****************************** */
body { background-color: #3c312d; font: 0.8em/1.38em sans-serif; text-align: center; }
p { text-align: justify; margin: 0.78em 30px 1.06em; opacity:0.99; }
ul, ol, dl { margin: 0.47em 15px 0.72em; padding-bottom: 0.07em; }
li { padding: 0.32em 0 0.32em 15px; clear: both; }
blockquote { margin: 0.64em 20px; font-style: italic; }
blockquote p { padding: 0.78em 0 1.06em 0; text-indent: 15px; text-align: left; }
#lower-part blockquote { background: #504642 url(../images/layout/icons/doublequote-dark.gif) no-repeat top left; }
#upper-part blockquote { margin: 0.64em 45px 0.64em 110px; background: #f1ece7 url(../images/layout/icons/doublequote.gif) no-repeat top left; }
#upper-part blockquote p { margin-left: 30px; background-color: #f1ece7; }
#lower-part .col240-box blockquote, #lower-part .col320-box blockquote,
#lower-part .col400-box blockquote, #lower-part .col560-box blockquote,
#lower-part .col640-box blockquote, #lower-part .col640-com blockquote,
#lower-part .col960-box blockquote { margin: 0.64em 45px; background: #f1ece7 url(../images/layout/icons/doublequote.gif) no-repeat top left; }
#upper-part acronym, #upper-part abbr { border-color: #b8a088; cursor: help; }
#lower-part acronym, #lower-part abbr { border-color: #9e9896; cursor: help; }
pre, code { font-family: monospace; background-color: #504642; padding: 1px 2px; }
pre { margin: 0.64em 30px; padding: 0.64em 15px; display: block; font-family: monospace; background-color: #504642; }
#upper-part pre, #upper-part code,
.col240-box pre, .col320-box pre, .col400-box pre, .col560-box pre, .col640-box pre, .col960-box pre,
.col240-box code, .col320-box code, .col400-box code, .col560-box code, .col640-box code, .col960-box code { background-color: #f1ece7; }
cite { font-style: italic; }
#upper-part h1 a:link, #upper-part h1 a:visited { color: #ffffff; text-decoration: none; }
#upper-part h1 a:hover, #upper-part h1 a:focus { color: #3c312d; text-decoration: none; }
h3 { font-size: 1.5em; font-weight: normal; letter-spacing: -1px; padding: 0 15px; }
#upper-part h3 { color: #3c312d; }
#lower-part h3, #lower-part-translation h3 { color: #fabc11; }
#upper-part h3 a:link, #upper-part h3 a:visited { text-decoration: none; }
#upper-part h3 a:hover, #upper-part h3 a:focus { text-decoration: none; }
#lower-part h3 a:link, #lower-part h3 a:visited { color: #fabc11; text-decoration: none; }
#lower-part h3 a:hover, #lower-part h3 a:focus { color: #c27b11; text-decoration: none; }
#lower-part .col240-box h3 a:link, #lower-part .col320-box h3 a:link, #lower-part .col400-box h3 a:link,
#lower-part .col560-box h3 a:link, #lower-part .col640-box h3 a:link, #lower-part .col960-box h3 a:link,
#lower-part .col240-box h3 a:visited, #lower-part .col320-box h3 a:visited, #lower-part .col400-box h3 a:visited,
#lower-part .col560-box h3 a:visited, #lower-part .col640-box h3 a:visited, #lower-part .col960-box h3 a:visited
{ text-decoration: none; color: #c27b11; }
#lower-part .col240-box h3 a:hover, #lower-part .col320-box h3 a:hover, #lower-part .col400-box h3 a:hover,
#lower-part .col560-box h3 a:hover, #lower-part .col640-box h3 a:hover, #lower-part .col960-box h3 a:hover,
#lower-part .col240-box h3 a:focus, #lower-part .col320-box h3 a:focus, #lower-part .col400-box h3 a:focus,
#lower-part .col560-box h3 a:focus, #lower-part .col640-box h3 a:focus, #lower-part .col960-box h3 a:focus
{ text-decoration: none; color: #3c312d; }
h4 { font-size: 1.29em; font-weight: normal; padding: 0 15px; }
#upper-part h4 a:link, #upper-part h4 a:visited, #lower-part h4 a:link, #lower-part h4 a:visited { color: #c27b11; text-decoration: none; }
#upper-part h4 a:hover, #upper-part h4 a:focus, #lower-part h4 a:hover, #lower-part h4 a:focus { color: #fabc11; text-decoration: none; }
h5 { font-size: 1em; font-weight: bold; padding: 0 15px; }
h6 { font-size: 1em; font-weight: normal; padding: 0 15px; text-decoration: underline; }
/* Specific styles of minor elements */
.clear, .separate { clear: both; }
.clear hr, .separate hr { display: none }
.separate { height: 1.93em; }
.small { font-size: 0.86em; }
.very-small, .footnote { font-size: 0.79em; }
.to-right { text-align: right; }
.error { color: #ff0000 !important; }
.comments-label { padding-left: 20px; }
#upper-part .comments-label { background: url(../images/layout/icons/comments.gif) no-repeat 1px 0; }
#lower-part .comments-label { background: url(../images/layout/icons/comments-dark.gif) no-repeat 1px 0; }
a.full-article, .full-article a { padding-left: 15px; background: no-repeat 3px 5px; }
#lower-part a.full-article, #lower-part .full-article a { background-image: url(../images/layout/icons/full-article-dark.gif); }
#upper-part a.full-article, #lower-part .col240-box a.full-article, #lower-part .col320-box a.full-article, #lower-part .col400-box a.full-article, #lower-part .col560-box a.full-article, #lower-part .col960-box a.full-article,
#upper-part .full-article a, #lower-part .col240-box .full-article a, #lower-part .col320-box .full-article a, #lower-part .col400-box .full-article a, #lower-part .col560-box .full-article a, #lower-part .col960-box .full-article a {
background-image: url(../images/layout/icons/full-article.gif); }
#upper-part .very-small a.full-article, #upper-part .very-small .full-article a, #lower-part .very-small a.full-article, #lower-part .very-small .full-article a { background-position: 3px 3px; }
/* Styles of the main parts of the site */
#upper-part { min-width: 960px; background-color: #111111; text-align: center; }
#body-subpage #upper-part { height: auto; }
#upper-part a:link, #upper-part a:visited { color: #c27b11; text-decoration: underline; }
#upper-part a:hover, #upper-part a:focus { color: #3c312d; text-decoration: none; }
#wrapper { width: 960px; height: 175px; position: relative; margin: 0 auto; background: url(../images/layout/header/rotate.php) no-repeat 0px 0px; }
#header { letter-spacing: -1px; }
#header h1 { color: #9e8e88; font: 3.21em/0.90em sans-serif; font-weight: normal; }
#body-subpage #header { height: 175px; text-align: left; }
#body-subpage #header h1 { position: absolute; bottom: 60px; right: 20px; padding-bottom: 0.4em; }
#body-subpage #header h1.sub-head { color: #ffffff; position: absolute; right: 20px; top: 100px; padding-bottom: 0.75em; }
#body-subpage #header h1.sub-head span { color: #3c312d; font: 0.71em/1.13em sans-serif; font-weight: normal; }
#articles { position: relative; margin-left: 360px; padding: 0.78em 0; text-align: left; }
#articles p { background-color: #ffffff; }
#navbar { min-width: 960px; clear: both; background: #fabc11 url(../images/layout/bg-navbar.gif) repeat-x center bottom; border-top: 1px solid #fde4a0; }
#menu { width: 960px; margin: 0 auto; font-weight: bold; color: #3c312d; position: relative; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { float: left; margin: 0; padding: 0; clear: none; }
#menu a { display: block; padding: 0.51em 1.5em 0.59em; background: #fabc11 url(../images/layout/bg-navbar.gif) repeat-x center bottom; }
#menu a:link, #menu a:visited { color: #3c312d; text-decoration: none; background-position: center bottom; }
#menu a:hover, #menu a:focus { color: #ffffff; text-decoration: none; background-position: 0 -67px; }
#menu a.active:link, #menu a.active:visited, #menu a.active:hover, #menu a.active:focus { background-position: 0 -67px; }
#menu form { float: left; margin: 0.51em 1.5em 0; padding-bottom: 0.31em; }
#menu p { margin: 0; position: absolute; right: 0; }
#menu label, #menu input { float: left; margin-left: 0.5em; }
#search-submit { color: #ffffff; background: transparent url(../images/layout/icons/search.gif) no-repeat; }
body.error-page form { display: none; }
#lower-part, #lower-part-translation { width: 960px; margin: 2em auto; clear: both; color: #ffffff; background-color: #3c312d; }
#lower-part a:link, #lower-part a:visited, #lower-part-translation a:link, #lower-part-translation a:visited { color: #c27b11; text-decoration: underline; }
#lower-part a:hover, #lower-part a:focus, #lower-part-translation a:hover, #lower-part-translation a:focus { color: #fabc11; text-decoration: none; }
#lower-part-translation { width: 480px; }
#footer { min-width: 960px; padding: 0.78em 0; clear: both; color: #ffffff; background: url(../images/layout/bg-footer.gif) repeat-x top; }
#footer p { text-align: center; width: 960px; margin-left: auto; margin-right: auto; }
#footer em { font-style: normal; color: #fabc11; }
#footer a:link, #footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover, #footer a:focus { color: #fabc11; text-decoration: none; }
/* Different types of columns in layout */
#articles .first-article, #articles .article { width: 595px; padding-bottom: 0.64em; background: transparent url(../images/layout/article-box-bg.gif) repeat-y left bottom; }
#articles .first-article h3, #articles .article h3 { background: transparent no-repeat left top; }
#articles .first-article h3 { padding: 3.21em 30px 0 95px; background-image: url(../images/layout/first-article-box-top.gif); }
#articles .article h3 { padding: 1.93em 30px 0 95px; background-image: url(../images/layout/article-box-top.gif); }
#articles p { margin-left: 110px; }
#articles p.very-small { color: #c27b11; }
.col960 { clear: both; text-align: left; min-height: 60px; }
.col240, .col320 , .col400, .col560, .col640, .col240-box, .col320-box, .col400-box, .col560-box, .col640-box { float: left; text-align: left; min-height: 60px; }
.col240, .col240-box { width: 240px; }
.col320, .col320-box { width: 320px; }
.col400, .col400-box { width: 400px; }
.col560, .col560-box { width: 560px; }
.col640, .col640-box, .col640-com { width: 640px; }
.col960, .col960-box { width: 960px; }
.col240-box, .col320-box, .col400-box, .col560-box, .col640-box, .col960-box, .col640-com {
padding-bottom: 0.64em; margin-bottom: 0.64em; color: #3c312d; background: #ffffff repeat-y left bottom; }
.col640-com { margin-top: 0.64em; min-height: 70px; }
.col240-box h3, .col320-box h3, .col400-box h3, .col560-box h3, .col640-box h3, .col960-box h3, .col640-com h4 {
padding: 0.89em 30px 0; text-align: left; background: transparent no-repeat top left; }
.col640-com h4 { padding: 2.57em 45px 0; font-style: italic; font-weight: normal; }
.col240-box p, .col320-box p, .col400-box p, .col560-box p, .col640-box p, .col960-box p
{ margin-left: 45px; margin-right: 45px; }
.col240-box h4, .col320-box h4, .col400-box h4, .col560-box h4, .col640-box h4, .col960-box h4,
.col240-box h5, .col320-box h5, .col400-box h5, .col560-box h5, .col640-box h5, .col960-box h5,
.col240-box h6, .col320-box h6, .col400-box h6, .col560-box h6, .col640-box h6, .col960-box h6
{ margin-left: 15px; margin-right: 15px; }
.col640-com p, .col640-com h5, .col640-com h6 { margin-left: 60px; margin-right: 60px; }
.col240-box img, .col320-box img, .col400-box img, .col560-box img, .col640-box img, .col960-box img, .col640-com img {
background-color: #3c312d; }
#lower-part .col240-box { background-image: url(../images/layout/col240-box-bg.gif); }
#lower-part .col240-box h3 { color: #3c312d; background-image: url(../images/layout/col240-box-top.gif); }
#lower-part .col320-box { background-image: url(../images/layout/col320-box-bg.gif); }
#lower-part .col320-box h3 { color: #3c312d; background-image: url(../images/layout/col320-box-top.gif); }
#lower-part .col400-box { background-image: url(../images/layout/col400-box-bg.gif); }
#lower-part .col400-box h3 { color: #3c312d; background-image: url(../images/layout/col400-box-top.gif); }
#lower-part .col560-box { background-image: url(../images/layout/col560-box-bg.gif); }
#lower-part .col560-box h3 { color: #3c312d; background-image: url(../images/layout/col560-box-top.gif); }
#lower-part .col640-box { background-image: url(../images/layout/col640-box-bg.gif); }
#lower-part .col640-box h3 { color: #3c312d; background-image: url(../images/layout/col640-box-top.gif); }
#lower-part .col640-com { background-image: url(../images/layout/col640-com-bg.gif); }
#lower-part .col640-com h4 { font-size: 1em; color: #3c312d; background-image: url(../images/layout/col640-com-top.gif); }
#lower-part #cpreview .col640-com { background-image: url(../images/layout/col640-pcom-bg.gif); }
#lower-part #cpreview .col640-com h4 { color: #3c312d; background-image: url(../images/layout/col640-pcom-top.gif); }
#lower-part .col960-box { background-image: url(../images/layout/col960-box-bg.gif); }
#lower-part .col960-box h3 { color: #3c312d; background-image: url(../images/layout/col960-box-top.gif); }
/* Styles for lower part of the page */
ul.linklist { background: url(../images/layout/line-tan.gif) repeat-x bottom; }
ul.linklist li { background: url(../images/layout/dotted-tan.gif) repeat-x top; }
#lower-part ul.linklist a:link, #lower-part ul.linklist a:visited { color: #ffffff; text-decoration: none; }
#lower-part ul.linklist a:hover, #lower-part ul.linklist a:focus { color: #fabc11; text-decoration: none; }
#lower-part ul.linklist .very-small { color: #C27B11; }
div.excerptlist { margin: 0.47em 5px 0; padding: 0; }
div.excerptlist-last { background: url(../images/layout/line-tan.gif) repeat-x bottom; padding-bottom: 0.31em; }
.col240-box div.excerptlist-last, .col320-box div.excerptlist-last, .col400-box div.excerptlist-last,
.col560-box div.excerptlist-last, .col640-box div.excerptlist-last, .col960-box div.excerptlist-last
{ background-image: none; }
div.excerptlist h4 { background: url(../images/layout/dotted-tan.gif) repeat-x top; padding: 0.32em 15px 0; margin: 0; }
div.excerptlist p a:link, div.excerptlist p a:visited { color: #fabc11; text-decoration: underline; }
div.excerptlist p a:hover, div.excerptlist p a:focus { color: #ffffff; text-decoration: none; }
/* Customized lists */
#lower-part #categories li a { display: block; padding-left: 20px; background: url(../images/layout/icons/folder.gif) no-repeat 0 4px; }
#lower-part #feeds li a { display: block; padding-left: 20px; background: url(../images/layout/icons/rss.gif) no-repeat 0 2px; }
#lower-part #recent-comments li a { display: block; padding-left: 20px; background: url(../images/layout/icons/comment.gif) no-repeat 0 4px; }
#lower-part #recent-articles li a, #lower-part #related-articles li a, #lower-part #articles-by-month li a
{ display: block; padding-left: 20px; background: url(../images/layout/icons/full-article-dark.gif) no-repeat 3px 5px; }
#lower-part #videos li a, #lower-part #recent-videos li a { display: block; padding-left: 25px; background: url(../images/layout/icons/video.gif) no-repeat 0 -1px; }
#lower-part #links li a { display: block; padding-left: 20px; background: url(../images/layout/icons/globe.gif) no-repeat 0 2px; }
/* Article body */
.article .excerpt { margin: 0.64em 15px 0.64em 45px; font-size: 1.14em; border-left: 5px solid #ffffff; }
.col240-box .excerpt, .col320-box .excerpt, .col400-box .excerpt, .col560-box .excerpt,
.col640-box .excerpt, .col960-box .excerpt { border-left-color: #3c312d; }
.article .excerpt p { margin-left: 15px; }
.article ul { margin: 0 15px; padding: 0 0 0 40px; list-style-type: square; }
.article ul li { padding: 0 0 0 5px; list-style-type: square; }
.article ol { margin: 0 15px; padding: 0 0 0 40px; list-style-type: decimal; }
.article ol li { padding: 0 0 0 5px; list-style-type: decimal; }
.col240-box ul, .col320-box ul, .col400-box ul, .col560-box ul, .col640-box ul, .col960-box ul,
.col240-box ol, .col320-box ol, .col400-box ol, .col560-box ol, .col640-box ol, .col960-box ol { margin: 0 30px; }
img { margin: 0.64em; padding: 0.32em; border: 0; position: relative; }
.first-article p a:hover, .article p a:hover { border: 0; } /* It makes IE use the :hover state ; acts like a 'trigger' */
#upper-part a:link img, #upper-part a:visited img,
.col240-box a:link img, .col320-box a:link img, .col400-box a:link img, .col560-box a:link img,
.col640-box a:link img, .col960-box a:link img, .col640-com a:link img,
.col240-box a:visited img, .col320-box a:visited img, .col400-box a:visited img, .col560-box a:visited img,
.col640-box a:visited img, .col960-box a:visited img, .col640-com a:visited img { background-color: #c27b11; }
#upper-part a:hover img, #upper-part a:focus img,
.col240-box a:hover img, .col320-box a:hover img, .col400-box a:hover img, .col560-box a:hover img,
.col640-box a:hover img, .col960-box a:hover img, .col640-com a:hover img,
.col240-box a:focus img, .col320-box a:focus img, .col400-box a:focus img, .col560-box a:focus img,
.col640-box a:focus img, .col960-box a:focus img, .col640-com a:focus img { background-color: #fabc11; }
a:link img, a:visited img{ background-color: #ffffff; }
a:hover img, a:focus img { background-color: #fabc11; }
/* Flickr box */
#flickr { margin-bottom: 2.37em; padding: 1.58em 0 1.58em 68px; background: url(../images/layout/bg-flickr.gif) no-repeat 0 1.58em; }
#flickr h3 { width: 1px; margin: 0; padding: 0; height: 101px; text-indent: -9999px; float: left; }
#flickr a { margin: 10px 3px 0 3px; display: block; float: left; }
#flickr img { margin: 0; padding: 3px; border: 0; position: relative; }
#flickr a:hover { border: 0; } /* It makes IE use the :hover state ; acts like a 'trigger' */
#flickr a:link img, #flickr a:visited img{ background-color: transparent; }
#flickr a:hover img, #flickr a:focus img { background-color: #fabc11; }
/* Videos */
#youtube { margin: 0.64em 0; text-align: center; }
#video-nav { margin: 0.47em 15px 0.72em; padding-bottom: 0.07em; background: url(../images/layout/line-tan.gif) repeat-x bottom; }
#video-nav a { display: block; background: url(../images/layout/dotted-tan.gif) repeat-x top; }
#video-nav a span.next-video { display: block; padding: 0.32em 0 0.32em 45px; background: url(../images/layout/icons/go-next.gif) no-repeat 5px 7px; }
#video-nav a span.prev-video { display: block; padding: 0.32em 0 0.32em 45px; background: url(../images/layout/icons/go-previous.gif) no-repeat 5px 7px; }
#video-nav a:link, #video-nav a:visited { color: #ffffff; text-decoration: none; }
#video-nav a:hover, #video-nav a:focus { color: #fabc11; text-decoration: none; }
#video-nav span.very-small { display: block; color: #fabc11; }
/* Comments and comments form */
#comment h4, #comments h4 { font-size: 1em; }
#comment h4 span, #comments h4 span { padding: 0 3px 2px; background-color: #f1ece7; }
#comment h4 span em, #comments h4 span em { color: #c27b11; }
#cpreview h4 span { background-color: #fffaec; }
#lower-part #comment h4 a:link, #lower-part #comments h4 a:link, #lower-part #comment h4 a:visited, #lower-part #comments h4 a:visited { color: #c27b11; text-decoration: underline; }
#lower-part #comment h4 a:hover, #lower-part #comments h4 a:hover, #lower-part #comment h4 a:focus, #lower-part #comments h4 a:focus { color: #3c312d; text-decoration: none; }
#txpCommentInputForm .linklist li { clear: both; padding: 0.64em 0 0.32em 15px; }
#txpCommentInputForm label { display: block; float: left; width: 100px; overflow: hidden; margin: 0.14em 0; }
#txpCommentInputForm input { float: left; width: 150px; margin: 0 0 0.32em; }
#txpCommentInputForm #remember { clear: both; width: 15px; margin: 0.32em 15px 0 100px; }
#txpCommentInputForm #li-message { text-align: left; }
#txpCommentInputForm #li-message label { text-align: left; padding-bottom: 0.32em; }
#txpCommentInputForm #message { width: 479px; text-align: left; }
#txpCommentInputForm #li-message #txpCommentHelpLink { display: block; clear: both; text-align: right; padding-right: 30px; padding-top: 0.32em; font-size: 0.79em; }
#txpCommentInputForm .button { width: 75px; }
#txpCommentInputForm #txpCommentPreview { margin-left: 50px; margin-right: 15px; }
#txpCommentInputForm ul.comments_error { padding-left: 40px; list-style-type: square; color: red; }
#txpCommentInputForm ul.comments_error li { padding-left: 5px; list-style-type: square; }
p#txpCommentInputForm { color: #fabc11; font-size: 1.5em; line-height: 1em; padding-left: 30px; background: url(../images/layout/icons/list-add.gif) no-repeat -5px -7px; }
/* Search */
.search_results strong { background-color: #504642; padding: 0 3px; }
/* Archive */
h4.archive-year { margin: 0.57em 0 -0.07em; }
span.archive-date { display: block; float: left; width: 110px; color: #fabc11; }
span.archive-date span { display: none; }
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Added */
.article_thumb {
float: left;
width: 188px;
height: 188px;
margin: 0;
padding: 0;
}
.columnized1 {float: left; width: 310px; padding: 0px;}
.columnized2 {float: left; width: 310px; padding: 0px;}
.columnized3 {float: left; width: 310px; padding: 0px;}
.col320 p { text-align: left; }
form.buy {
width: 60px;
display: inline;
}
fieldset.buy, fieldset.donate {
border: 0; margin: 0; padding: 0;
display: inline;
}
.buy_now {
margin-left: 6px;
width: 60px;
height: 18px;
color: #fff;
background: #ff7400;
border: 2px outset #ff7400;
cursor: pointer;
vertical-align: top;
}
form.donate {
margin-left: 30px;
}
form.free {
margin-left: -50px;
}
.excerptlist p {
text-align: left;
}
img.left {
float: left;
margin: 0 20px 20px 0;
z-index: 1000;
}
ul.page li { display: inline; }
ul.page { margin-bottom: 20px; }
/* contact form
----------------------------------------------- */
#contact-form, form .zemContactForm div {
float: left;
width: 390px;
margin: 0 0 20px 0; padding: 0;
}
fieldset {
border: none;
}
form label {
width: 4em;
float: left;
margin-right: 0.5em;
display: block
}
form input.zemText {
width: 285px;
/*margin-bottom: 50px;*/
}
.zemSubmit {
margin-left: 290px;
width: 60px;
height: 18px;
color: #fff;
background: #ff7400;
border: 2px outset #ff7400;
cursor: pointer;
}
ul.zemError li { list-style-type: none; }
ul.zemError li, .zemThanks { color: #fabc11; }
/* featured blog */
#f_blog {
width: 300px;
height: 75px;
border: 1px outset #fabc11;
padding: 10px;
margin-left: 3px;
}
#f_blog h3 a.blog {
font-size: 0.8em;
color: #c27b11;
text-decoration: underline;
}
#f_blog a.submit_yours {
margin-left: 175px;
margin-top:25px;
text-decoration: underline;
color: #c27b11;
font-size: 0.69em;
}
/* facebook front page box */
#fbook {
width: 300px;
border: 1px outset #fabc11;
padding: 10px;
margin-left: 3px;
}
/* twitter front page box */
#twitter {
width: 300px;
border: 1px outset #fabc11;
padding: 10px;
margin-left: 3px;
}
/* QuickTime player */
.movie_lg {
float: left;
width: 350px;
height: 200px;
margin: 0 60px 20px -10px;
padding: 0;
}
.movie_sm {
float: left;
width: 180px;
height: 100px;
margin: 0 20px 20px -10px;
padding: 0;
}
.movie_lg p span, .movie_sm p span {
padding-left: 10px;
}