/* Additional style for images and h5 */
@import url("http://www.foliovision.com/shared.css"); 
/* end fo addition */


/**-----------------------------------------------------------------------------
** HTML ELEMENTS
**/
html, body {padding: 0; margin: 0; font: 100%/150% "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 0.9em; background: #fff; color: #333;}
html {margin: 0 auto;}
a {color: #B51212;}
a:visited {color: #666;}
a:hover {color: #411;}
html * {margin: 0;}
p, ul, ol {margin-top: 15px;}
ul, ol {margin-bottom: 15px;}
ul, ol {padding-left: 0; margin-left: 30px;}
/* ol li ol, ul li ul, ol li ol, ul li ul, ol ol, ul ul, ul ol, ol ul {
    margin-top: 5px;
    margin-bottom: 150px;
} */
h1, h2 {margin-top: 15px;}
h1, h2 {font: 1.7em "Apple Garamond", "Times New Roman", "Garamond", serif; line-height: 1.1em; margin-bottom: 10px;}
h2 a, h1 a {text-decoration: none; color: #333;}
h1 a:hover, h2 a:hover {color: #411;}
h1 {font-size: 1.9em;}
h3 {margin-top: 1em;}
h6 {font-size: 0.8em; font-weight: normal; margin: 0; color: #666;}
abbr, acronym {cursor: help; border-bottom: 1px dashed #999;}
/* hr {
    display: none;
} */
blockquote {border-left: 5px solid #ccc; padding-left: 10px;}
code {font: 110% "Lucida Console", "Courier New", "Courier", monospace;}
pre {overflow: auto;}
/**-----------------------------------------------------------------------------
** HEADER
**/
#fheader {width: 760px; margin: 0 auto; text-align: left; height: 112px;}
#fheader a {float: left;}
#fheader ul, #fheader ul li {list-style: none; margin: 0; padding: 0; float: left;}
#fheader ul {margin-top: 82px; float: right;}
#fheader ul li a {color: #fff; padding: 5px; background-color: #999; margin-right: 2px; height: 20px; text-decoration: none;}
#fheader ul li a.current {font-weight: bold; color: #000; background: url(images/tab-bg.gif) repeat-x #eee;}
#fheader ul li a:hover, #fheader ul li a.current:hover {color: #000; background: url(images/tab-bg.gif) repeat-x #eee;}
#header {height: 200px; background: #333; color: #fff;}
#header a {color: #fff;}
#header a:hover, #header .current_page_item {background: #B51212; color: #fff;}
#blog-title {vertical-align: text-bottom; float: left; width: 270px; height: 200px; text-transform: lowercase; font: 1.7em "Apple Garamond", "Garamond", serif; text-align: right; background: #333 url(images/bg-title.jpg) repeat-x; color: #fff;}
#blog-title a {display: block; width: 250px; height: 50px; line-height: 50px; padding: 150px 20px 0 0;}
#pages {margin: 0; padding: 0; list-style-type: none; list-style-image: none; text-transform: lowercase;}
#pages li {float: left; width: 8em;}
#pages a {display: block; height: 50px; width: 8em; line-height: 50px; padding: 150px 0 0 0; text-align: center;}
#header a {text-decoration: none;}
#header a:hover {text-decoration: none;}
/**-----------------------------------------------------------------------------
** FOOTER
**/
#footer {clear: both; font-size: 0.8em; padding: 50px 0;}
#footer .main {border-top: 1px solid #ccc; color: #666;}
/**-----------------------------------------------------------------------------
** CONTENT
**/
.main, #content {width: 760px; margin: 0 auto;}
/**-----------------------------------------------------------------------------
** PRIMARY CONTENT (ENTRIES, COMMENTS, ...)
**/
#primary {width: 450px; padding-right: 20px; float: left; background: #fff url("/site/wp-content/themes/foliovision/images/bar-vertical.jpg") no-repeat right top;}
/*.entry {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
} */
#primary ul.archive-nav {list-style-image: none;}
.meta {font-size: 0.85em; clear: both; color: #666;}
.meta a {text-decoration: none; color: #666;}
.meta a:hover {color: #411;}
.meta span {padding-left: 14px; background: #fff url(images/doc.png) no-repeat left center;}
.meta span.tags {background-image: url(images/folder.png);}
.meta span.comments {background-image: url(images/comment.png);}
.meta span.author {background-image: url(images/author.png);}
.meta span.trackback {background-image: url(images/trackback.png);}
.meta span.delicious {background-image: url(images/delicious.png);}
#primary .totop img {width: 11px; height: 11px; border: 0; margin: 0; padding: 0; vertical-align: text-bottom;}
#primary .totop {margin-left: 439px; clear: both;}
.gravatar {float: right; margin: 30px 0 15px 10px;}
#comments h2 {padding-top: 20px; margin-top: 33px; border-top: thin solid #ccc;}
#comments ol {padding: 0; margin: 0; list-style-type: none; list-style-image: none;}
#comments li {clear: both;}
#comments ol div.poster {clear: both; padding: 0 20px; font-size: 0.95em; color: #666;}
#comments .poster a {color: #666;}
#comments .poster a:hover {color: #411;}
#comments ol.no-gravatars div.poster {float: right;/*
padding: 0 20px 0 40px; */}
#comments ol div.body {margin: 20px 0px 0 px; width: 340px; padding: 26px 30px 10px 0; background: #fff url("/site/wp-content/themes/foliovision/images/comment-field.png") no-repeat right top;}
#comments ol.no-gravatars div.body {width: 430px;}
#comments fieldset {margin: 5px 0 0 0; padding: 0 80px 0 20px; width: 330px; border: 1px solid #fff;}
#comments legend {display: none;}
#comments form ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#comments form li {margin: 5px 0;}
#comments .textfield {width: 50%;}
#comments textarea {width: 98%;}
#comments .number {font: 1.5em "Apple Garamond", "Times New Roman", "Garamond", serif; font-style: italic; color: #ccc; text-align: right; padding: 0; margin: 0; width: 3em; float: right;}
#comments .number a {color: #ccc; text-decoration: none;}
#comments .number a:hover {color: #411;}
.archive-nav {font-size: 0.9em; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 0; list-style-type: none; list-style-image: none;}
.archive-nav li {width: 180px;}
/* trouble for IE 6

.archive-nav li a {
    display: block;
    width: 190px;
} */
.back {float: left;}
.back a {padding-left: 16px; background: #fff url(images/back.png) no-repeat left center;}
.next {float: right; text-align: right; margin-right: 2px;}
.next a {padding-right: 16px; background: #fff url(images/next.png) no-repeat right center;}
#primary h1 img, #primary h2 img, #primary h3 img {padding: 0; border: none;}
/**-----------------------------------------------------------------------------
** SECONDARY CONTENT (SIDEBAR STUFF)
**/
#secondary {padding-left: 15px; width: 250px; float: right;}
#secondary h2 {margin-bottom: 6px;}
#searchform fieldset {padding: 0; margin: 0; border: 0px solid #fff;}
#searchform legend, #searchform label {display: none;}
#blog-description {font: 1.6em "Apple Garamond", "Garamond", serif; padding: 15px; background: #fff url(images/bg-description.jpg) no-repeat;}
.fold {display: none;}
.foldButton, .unfoldButton {display: block; position: relative; left: 220px; margin-top: -1.3em; height: 25px; width: 25px; cursor: pointer; background: #fff url(images/fold.png) no-repeat;}
.unfoldButton {background: #fff url(images/unfold.png) no-repeat;}
ul.descriptionlist {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
ul.descriptionlist  li {margin-bottom: 0.5em;}
#sidenotes h3 {font-size: 1em;}
#sidenotes p {margin-top: 0;}
ul.cloud {padding: 0; margin: 0; list-style-type: none; list-style-image: none;}
.cloud li {display: inline; margin-right: 5px;}
/**-----------------------------------------------------------------------------
** UTILITIES
**/
.clear {clear: both; margin: 0; padding: 0;}
.hide {display: none;}
.center {text-align: center;}
.alignright, .lzimg-right {float: right;}
.alignleft, .lzimg-left {float: left}
/* causes trouble with photos


#primary img, #photos img {
    padding: 4px;
    max-width: 100%;
    border: 1px solid #ccc;
}

*/
#primary .totop img {border: 0;}
img.center {display: block; margin-left: auto; margin-right: auto;}
img.alignright, img.lzimg-right {padding: 4px; margin: 15px 0 15px 15px; display: inline;}
img.alignleft, img.lzimg-left {padding: 4px; margin: 15px 15px 15px 0; display: inline;}
.noborder {border: none;}
img.simple, #primary img.wp-smiley {padding: 0; margin: 0; border: 0;}
.flickr {color: #06c;}
.flickr span {color: #c00;}
#primary a.extlink {padding-right: 12px; background: #fff url(images/external-link.png) no-repeat right center;}
/* bio section:
all this complicated CSS needs to be scrapped and replaced with nice clean h5 foliopress image goodness */
div.contactinfo {width: 445px; display: block; border: 1px solid #666; float: left; margin: 10px 0; background-color: #e4e4e4; padding-right: 5px; font-size: 0.8em;}
p.photo {font-size: 1.2em; font-weight: normal; margin: 10px 10px 8px 10px; padding: 0; text-align: center; float: left; display: inline;}
p.photo img, p.photo a img {background: #fff; border: 1px solid #666; margin: 0px 0px 0px 0px; padding: 3px; display: inline;}
p.photo a img {margin-bottom: -4px;}
p.photo a:visited, p.photo a:hover {text-decoration: none; color: black;}
div.contactinfo h3 {font-size: 16px; margin-top: 9px;}
div.embedmenu {float: right; font-size: 0.85em; margin: 18px 0 10px 10px;}
/* Alec's standard additions */
.clearer {clear: both;}
hr {color: #ccc; width: 40%; margin-left: auto; margin-right: auto;}
h4 {margin: 20px 0 0px 0;}
ul.archive-nav {margin-bottom: 20px;}
.right {float: right;}
.left {float: left;}
.entry ol ol, .entry ul ul, .entry ul ol, .entry ol ul {margin-top: 4px; margin-bottom: 8px;}
p.templateinfo, p.sidebarinfo, p.info, div#secondary p.info {font-size: 8px; color: gainsboro;}
p.templateinfo {float: left;}
p.code {margin: 14px 0 10px 20px;}
#content img {margin-top: 9px;}
/* Tag Cloud */
ul#tagcloud {padding: 0; margin: 25px 0 0 0; text-align: center; list-style: none;}
ul#tagcloud li {display: inline; font-size: 70%; color: #ccc;}
ul#tagcloud li a, ul#tagcloud li a:link {text-decoration: none;}
ul#tagcloud li a:hover {text-decoration: underline;}
ul#tagcloud li.t1 a {color: #797979; font-size: 120%;}
ul#tagcloud li.t2 a {color: #6d6d6d; font-size: 160%;}
ul#tagcloud li.t3 a {color: #616161; font-size: 190%;}
ul#tagcloud li.t4 a {color: #555555; font-size: 210%;}
ul#tagcloud li.t5 a {color: #484848; font-size: 230%;}
ul#tagcloud li.t6 a {color: #3c3c3c; font-size: 250%;}
ul#tagcloud li.t7 a {color: #303030; font-size: 270%;}
ul#tagcloud li.t8 a {color: #242424; font-size: 290%;}
ul#tagcloud li.t9 a {color: #181818; font-size: 310%;}
ul#tagcloud li.t10 a {color: #0c0c0c; font-size: 330%;}
/* Related Posts */
#stprelated {margin-top: 30px; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#stprelated h3 {margin: 0; padding: 0; font-size: 90%;}
#stprelated ul {margin: 0; padding: 0; font-size: 90%;}
#stprelated ul li {margin: 0; padding: 0 0 0 15px;}
/* Related Tags */
li#relatedtags ul li {text-indent: 0; list-style: none; background: 0 none; font-size: 120%;}
}
li#relatedtags ul li:before {content: "";}
}
li#relatedtags ul li span {margin-right: .5em;}
/*  Links 

a, a:link {color: #43A806; }
a:visited {color: #43A806; }
a:hover {color: #43A806; text-decoration: underline; }
a:active {color: #43A806; text-decoration: underline; } */
a.liexternal {background: url(/images/icons02/ind_arrow-topright_green.png) no-repeat right; padding-right: 8px;}
a.liwikipedia {background: url(/images/icons02/link-icon_wikipedia.gif) no-repeat right; padding-right: 13px;}
a.liimdb {background: url(/images/icons02/link-icon_imdb.gif) no-repeat right; padding-right: 18px;}
a.liftp {background: url(/images/icons02/link-icon_ftp.png) no-repeat right; padding-right: 13px;}
a.limailto {background: url(/images/icons02/link-icon_mail.gif) no-repeat right; padding-right: 12px;}
a.liflickr {background: url(/images/icons02/link-icon_flickr.png) no-repeat right; padding-right: 8px;}
a.lipdf {background: url(/images/icons02/link-icon_pdf.png) no-repeat right; padding-right: 12px;}
a.lixls {background: url(/images/icons02/link-icon_excel.png) no-repeat right; padding-right: 12px;}
a.lidoc {background: url(/images/icons02/link-icon_word.png) no-repeat right; padding-right: 12px;}
a.linsf {background: url(/images/icons02/link-icon_notes.png) no-repeat right; padding-right: 13px;}
a.lizip {background: url(/images/icons02/link-icon_zip.png) no-repeat right; padding-right: 12px;}
div#register, form#register.regsnip {border: 1px solid silver; padding: 20px; background: gainsboro; color: maroon; margin: 20px;}
form + h5.byline {display: none;}
ul.linklist, ul.linklist ul, #secondary ol, #secondary ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
ul.linklist, ul.linklist ul {border-top: 1px solid #ccc;}
ol.embedmenu a:hover {background: #B51212; color: #fff;}
/* alternative navigation scheme with epm_collapsing_page_menu(ID) instead */
#secondary, #secondary ul, #secondary ol {font-size: 14px; background-color: white; font-weight: bold;}
#secondary ol li ol, #secondary ul li ul, #secondary ol li ol, #secondary ul li ul, #secondary ol ol, #secondary ul ul, #secondary ul ol, ol ul, #secondary ol li ul {font-size: 12px; margin-left: 0px; font-weight: normal;}
#secondary ul li ul li ul {}
#secondary ol, #secondary ol a: {list-style: none; margin: 5px 0;}
#secondary ol a:visited, #secondary ol a:link {text-decoration: none;}
#secondary ol li ol li ol, #secondary ol li ul li ol {list-style: disc;}
#secondary ol li, #secondary ul li {margin: 3px 0px;}
#secondary ol li ol li, #secondary ul li ul li {margin: 3px 8px; list-style: none;}
/*.current_page_item a, .current_page_item a:visited {font-weight: bold; color:  maroon;}
 tired of squinting at the grey visited links in the navigation menu */
#secondary a {color: black;}
#secondary a:active {color: red;}
#secondary ul a:hover, #secondary ol a:hover, #secondary h2 a:hover {background: #B51212; color: white;}
#secondary ul a, #secondary ul, #secondary ol a, #secondary ol a, #secondary h2 a {width: 100%; text-decoration: none; color: #333;}
ul.recentcomments li a {display: inline;}
#secondary ol a, #secondary ul a {border: none;}
ul.small li, #secondary p {font-size: 12px; font-weight: normal;}
/* making recent comments plugin play nice with my block lists */
#secondary ul.recentcomments li.recentauthor a {display: inline; margin: 0; padding: 0;}
#secondary ul.recentcomments li.recentauthor {padding-left: 1%;}
#secondary ul.recentcomments li.recentauthor a:hover {color: white;}
#secondary li.recentauthor a {text-decoration: none; font-weight: normal; color: maroon;}
/*  hopeless attempt to get IE 6 not to put space between Recent Posts and the rest

h2 {
	margin: 0; padding: 0;
}

*html ul.nospaceforie li, *html ul.nospaceforie {
	background-color: white;  height: 0px; margin: 0; padding: 0;
} */
/* so that the page bottom is far enough away #primary */
{
min-height:600px;
background:red;
}

/* mac hide \*/
* html #primary {height: 500px}
/* end hide */
.small {font-size: 12px;}
#footer div.logo {display: none;}
/* sitemap stuff */
div.ddsg-wrapper h2 {font-size: 24px; margin: 0; padding: 0;}
div.ddsg-wrapper ul, div.ddsg-wrapper ol {margin-left: 0px; font-size: 16px; background-color: white; font-weight: bold; list-style-type: none; line-height: 1.4em;}
div.ddsg-wrapper ul li ul {font-size: 14px; line-height: 20px; font-weight: normal;}
div.ddsg-wrapper ul li ul li ul {font-size: 14px; list-style-type: circle; margin-left: 20px; font-weight: normal;}
div.ddsg-wrapper ul li ul li ul {}
div.ddsg-wrapper ol a:visited, div.ddsg-wrapper ol a:link {text-decoration: none;}
/* tired of squinting at the grey visited links in the navigation menu */
div.ddsg-wrapper a, div.ddsg-wrapper a:visited {text-decoration: none; color: #333;}
div.ddsg-wrapper a:hover {text-decoration: underline;}
/*  Addition  13/08/2008  mVicenik  Foliovision ; according to http://yoast.com/wordpress-search/ */
strong.search-excerpt { background: yellow; }
/*  End of addition */

/**-----------------------------------------------------------------------------
** HEADER
**/
#logo {border: none; margin-top: 6px;}
#header {width:930px; margin: 0 auto; text-align: left; height: 112px; _width: 920px; &width: 920px; position: relative; background: none;}
#header a {float: left;}
#header ul, #header ul li {list-style: none; margin: 0; padding: 0; float: left;}
#header ul {margin-top: 82px; float: right; position: absolute; left: 657px; _position: relative; _left: 5px; &position: relative; &left: 5px;}
#header ul li a {color: #fff; padding: 5px; background-color: #999; margin-right: 2px; height: 20px; text-decoration: none; font-size: 11px; line-height: 20px;}
#header ul li a.current {font-weight: bold; color: #000; background: url(images/tab-bg.gif) repeat-x #eee;}
#header ul li a:hover, #header ul li a.current:hover {color: #000; background: url(images/tab-bg.gif) repeat-x #eee;}
/*#header {height: 200px; background: #333; color: #fff;}*/
#header a {color: #fff;}
/*#header a:hover, #header .current_page_item {background: #B51212; color: #fff;}*/
#blog-title {vertical-align: text-bottom; float: left; width: 270px; height: 200px; text-transform: lowercase; font: 1.7em "Apple Garamond", "Garamond", serif; text-align: right; background: #333 url(images/bg-title.jpg) repeat-x; color: #fff;}
#blog-title a {display: block; width: 250px; height: 50px; line-height: 50px; padding: 150px 20px 0 0;}
#pages {margin: 0; padding: 0; list-style-type: none; list-style-image: none; text-transform: lowercase;}
#pages li {float: left; width: 8em;}
#pages a {display: block; height: 50px; width: 8em; line-height: 50px; padding: 150px 0 0 0; text-align: center;}
#header a {text-decoration: none;}
#header a:hover {text-decoration: none; background: none;}
/**-----------------------------------------------------------------------------*/

#site-body table img, table {vertical-align: middle; line-height: 24px; margin: 0;}

#site-body table td {padding: 0 10px 0 5px; border-right: 1px solid #e5e5e5;}
#site-body table td.price {padding: 0 0px 0 5px; border: none; font-size: 24px}
#site-body table td.price span {font-size: 10px}

.credits2 {margin: 10px 0px 10px 0px; padding: 10px 5px; border: 1px solid #e5e5e5; background-color: #f7f7f7;}

.hed-but {text-align: right; margin-bottom: -15px;}
.right-but a {display:block; width: 90px; height: 35px; position: relative; overflow: hidden; float: none; text-decoration: none; margin-left: auto; margin-bottom: 0;}
.right-but a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 90px; height: 35px; margin:0; padding:0; background: url("images/hosting-button.png") no-repeat; cursor: pointer}
.right-but a:hover, .right-but a:hover span, .right-but a:focus span, .right-but a:active span {background-position: -90px 0px}

/* buttons header */

.ad-but {width: 270px; height: 42px; position: absolute; top: 25px; right: 2px; text-align: center;}

.ad-left-but {display:block; width: 130px; height: 40px; overflow: hidden; margin: 0; float: left;}

.ad-left-but a {display:block; width: 130px; height: 40px; position: relative; overflow: hidden; float: left; text-decoration: none;}
.ad-left-but a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 130px; height: 40px; margin:0; padding:0; background: url("images/tp2wp-guide.png") no-repeat; cursor: pointer}
.ad-left-but a:hover, .ad-left-but a:hover span, .ad-left-but a:focus span, .ad-left-but a:active span {background-position: -130px 0px}

.ad-right-but {display:block; width: 130px; height: 40px; overflow: hidden; margin: 0 0 0 10px; float: right; _display: inline;}

.ad-right-but a {display:block; width: 130px; height: 40px; position: relative; overflow: hidden; float: left; text-decoration: none;}
.ad-right-but a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 130px; height: 40px; margin:0; padding:0; background: url("images/tp2wp-service.png") no-repeat; cursor: pointer}
.ad-right-but a:hover, .ad-right-but a:hover span, .ad-right-but a:focus span, .ad-right-but a:active span {background-position: -130px 0px}