/*
Theme Name: ProbablyQuiteGood
Theme URI: http://www.html-advisor.com/
Description: Theme for ProbablyQuiteGood.com site
This theme requires WordPress 2.0+.
Version: 0.1
Author: Zigurds Gavars
Author URI: http://www.html-advisor.com/
*/
/*-----------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------*/
* {
padding:0;
margin:0}
html,body{
border:0;
font:11px Arial,Verdana,sans-serif;
color:#BFBFBF;
background:#EFF2F3}
html,body{
min-height:100%;
height:auto;
height:100%;
text-align:center}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address{
margin:1em 0}
li, dd{
margin-left:5%}
fieldset{
padding:.5em}
select option{
padding:0 5px}
.hide, .print-logo, .close-button{
display:none}
.left{
float:left}
.right{
float:right}
.clear{
clear:both;
height:0;
font-size:0;
line-height:0}
a img,a:active,a:focus{
border:0;
outline:0}
/*-----------------------------------------------------------------------------
Layout / Base Page Styling
-----------------------------------------------------------------------------*/
h1,#primary h2{
margin:10px 0;
font:22px Georgia,Verdana,sans-serif;
font-weight:normal;
color:#FAB544}
#primary h2{
margin-top:0}
h2, h3{
font:22px Georgia,Verdana,sans-serif;
font-weight:normal;
color:#FAB544}
p{
line-height:1.50em}
a{
color:#FAB544}
ul li{
list-style-type:square;
margin:0.5em 0 0.5em 2em}
blockquote{
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color:#CCC}
pre{
width:100%;
padding:1em 0;
overflow:auto;
border-top:1px dotted #333;
border-bottom:1px dotted #333}
table{
width:100%}
table th, table td{
padding:0.3em 0.75em}
table th{
text-align:left}
table caption{
text-align:left;
color:#FFF;
margin-bottom:-1em;
margin-top:1em}
.rule{
border-top:1px solid #CCC;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0}
#wrp{
width:996px;
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto;
text-align:left;
background:#4A616C}
/*-----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/
#hd{
position:relative;
top:0;
width:100%;
height:auto;
padding-bottom:20px;
background:#FFF;
overflow:hidden}
#hd ul{
position:absolute;
right:43px;
margin:0;
padding:0;
overflow:hidden}
#hd ul a{
font-size:10px;
color:#CCC}
#hd li{
float:left;
list-style:none;
color:#CCC;
border-left:1px dotted}
#hd li.nb{
border:0}
#hd a{
color:#FAB544}
#hd h2{
float:left;
width:265px;
height:70px;
margin:30px 0 0 43px;
padding:0;
font-size:2.25em;
background:url(images/logo.gif) no-repeat}
#hd h2 a{
display:block;
width:265px;
height:70px}
#hd h2 a strong{
display:none}
#hd p{
padding:1em 0;
margin:0;
line-height:1em}
ul#ut{
top:10px}
#ut li{
margin:0 0 0 6px;
padding:0 0 0 6px}
ul#hm{
top:45px;
color:#5C7786}
#hm li{
margin:0 0 0 9px;
padding:0 0 0 9px}
#hm li a{
font-size:12px;
color:#5C7786;
text-decoration:none}
#hm li a:hover{
color:#FAB544}
#hd #search{
position:absolute;
right:43px;
top:75px}
/*-----------------------------------------------------------------------------
Primary Items
-----------------------------------------------------------------------------*/
#primary{
padding:0 0 15px 0;
color:#808080;
background:#FFF}
#primary.onecol-stories .primary{
float:left;
width:50%}
#primary.onecol-stories .secondary{
float:right;
width:40%;
margin:0 0 0 10%}
#primary.twocol-stories .story{
float:right;
width:410px;
margin:0 0 0 4%;
display:inline}
* html #primary.twocol-stories .story{
margin-left:2%}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
margin:0 43px 0 0}
#primary .cnt,#primary .inside{
position:relative;
height:auto;
padding:0 40px;
overflow:hidden}
.story h3{
font-size:20px;
margin:0 0 15px 0;
font-weight:normal;
color:#FAB544}
.story h3 a{
color:#FAB544;
text-decoration:none}
.story .details{
margin:1em 0;
padding:0.5em 0;
font-size:10px;
text-align:right;
border-top:1px solid #CCC;
color:#CCC}
.story .details .read-on{
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
display:block}
.story .details a{
color:#FAB544;
text-decoration:underline}
.story .details a:hover{
color:#FAB544;
text-decoration:none}
/* Single Post Styles */
#primary .primary{
float:right;
width:65%}
#primary .secondary{
float:right;
width:30%;
margin-right:5%;
display:inline}
* html #primary .secondary{
margin-right:3%}
.secondary .featured p{
padding:0.5em 0 0.6em 0;
line-height:1.5em;
margin:1em 0 0 0;
border-bottom:1px solid #C6D0D5}
.secondary .featured dl{
margin:0;
padding:0.5em 0 0.6em 0;
border-bottom:1px solid #C6D0D5;
overflow:hidden}
.secondary dt{
display:inline;
margin:0;
padding:0}
.secondary dd{
display:inline;
margin:0;
padding:0}
.secondary dd a{
color:#F90}
.secondary dd a:hover{
text-decoration:none}
.single-post h1, .single-post h2{
margin-top:0}
.pmd{
padding:8px 8px 8px 35px;
line-height:normal;
border:1px solid #FDE080;
background:#FEF1C5 url(images/icons/ico_triangle.gif) 8px 8px no-repeat}
/*-----------------------------------------------------------------------------
Secondary Items
-----------------------------------------------------------------------------*/
#secondary{
padding:1px 2em;
border-top:1px solid #1C1C1C;
background:#FFF}
.comment-head{
border-top:1px solid #C6D0D5;
padding:10px 0 0 0}
.comment-head h2{
font-size:1.5em;
margin:0}
.comment-head a{
text-decoration:none;
color:#868686}
.comment-head .details{
font-size:0.95em}
ol#comments{
list-style:none;
margin:0}
ol#comments li{
list-style:none;
margin:15px 0;
padding:0 0 10px 0;
border-bottom:1px solid #C6D0D5}
#comments cite{
font-style:normal;
color:#CCC}
#comments cite .author{
font-size:1.2em}
#comments cite .author a{
text-decoration:none}
#comments cite .admin-tools{
margin:5px 0}
#comments cite .admin-tools a{
float:right;
margin:0 5px;
padding:0px 3px 3px;
background:#666;
border:1px solid #999;
text-decoration:none}
#primary .secondary .admin-tools{
margin:1em 0}
#preview{
margin:1em 0;
padding:0.5em;
border:1px solid #333}
#preview p{
margin:1em 0 0 0}
#errors{
color:#F00;
font-weight:bold}
#comments .pingback cite .author{
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat}
#comments .content{
padding:0}
#comments .content p{
margin:0 0 1em 0}
#comments .content h3{
margin:0;
font-size:1em}
#comment-form{
margin:0;
width:100%}
#commentform label{
display:block;
float:left;
width:58px;
height:20px;
margin:0 0 7px 0;
line-height:20px;
text-align:right;
vertical-align:middle;
display:inline}
#author,#email,#url,textarea.commentbox,.formactions input.submit{
margin:0 0 7px 0;
font:12px Arial, Helvetica, sans-serif;
border:1px solid #D9D8DA}
#author,#email,#url{
float:right;
height:16px;
width:207px;
line-height:16px;
padding:1px;
vertical-align:middle}
textarea.commentbox{
float:right;
width:207px;
height:98px;
padding:1px;
margin:0;
overflow:auto}
.formactions{
clear:both}
.formactions input.submit{
float:right;
margin:5px 0 0 0;
padding:0;
color:#FAB544;
background:transparent}
.formactions .spinner{
float:right;
margin:-8px -20px 0 0}
/*-----------------------------------------------------------------------------
Ancillary Items
-----------------------------------------------------------------------------*/
#ancillary{
height:auto;
color:#FFF;
background:#5C7786;
overflow:hidden}
#ancillary .block{
float:left;
width:291px;
margin:0;
padding:18px 10px;
background:url(images/blocksep.gif) no-repeat right top;
display:inline}
#ancillary .twice-length{
width:65%}
#ancillary .thrice-length{
width:100%}
#ancillary .first, * html #ancillary .first{
clear:both;
margin:0 0 0 32px;
background:url(images/blockbg.gif) no-repeat}
#ancillary .block-separator{
clear:both;
height:2.5em}
#ancillary .block h2, #ancillary .block h3{
font:14px Arial,Verdana,sans-serif;
margin:0 0 5px 0;
padding:3px 0 3px 6px;
color:#B5DFFC;
border-left:2px solid #FAB544;
background:#879FAD}
#ancillary .more-link{
display:inline}
ul.dates, ul.counts, ul.blogroll ul, ul.pages{
list-style-type:none;
margin:1.5em 0 0 0;
border-top:1px solid #8599A4}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
list-style-type:none;
margin:0;
padding:0.5em 0;
border-bottom:1px solid #8599A4}
ul.dates .date{
color:#858585;
padding:0 1.5em 0 0}
ul.counts .count{
float:right;
color:#858585}
ul.counts a, ul.blogroll a, ul.pages a{
color:#FFF;
text-decoration:none}
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{
color:#FAB544;
text-decoration:underline}
ul.blogroll{
margin-top:0}
ul.blogroll li{
list-style-type:none;
margin:0}
ul.pages ul{
margin:0}
ul.pages ul li{
border:none;
margin-left:2em;
list-style-type:square}
/*-----------------------------------------------------------------------------
Foooter
-----------------------------------------------------------------------------*/
#ft{
clear:both;
height:auto;
padding:15px 43px;
color:#FFF;
overflow:hidden}
#ft a{
color:#BD9854}
#ft a:hover{
text-decoration:none}
#ft ul{
margin:0;
padding:0;
color:#8BA3AF}
#ft li{
line-height:16px;
margin:0;
list-style:none}
#rp{
float:right}
#rp li {
height:12px;
line-height:12px;
display:inline}
#ft li.b{
padding:0 0 0 7px;
margin:0 0 0 5px;
border-left:1px dotted #FFF}
/*-----------------------------------------------------------------------------
Search
-----------------------------------------------------------------------------*/
#search{
float:right;
width:230px;
margin:0;
text-align:right}
#search input{
width:175px;
height:16px;
padding:2px 0;
font-size:11px;
vertical-align:middle;
border:1px solid #D9D8DA;
background:#FFF}
#sform{
margin:0}
#sform #s{
background:#222;
border:none;
border-bottom:1px solid #333;
width:30em;
color:#666666;
padding:0.25em}
#sform #searchsubmit{
background:#000;
color:#666;
border:none;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.25em}
#sres{
width:270px;
margin:0 auto;
padding-left:90px;}
#stip{
margin:0 0 10px -90px;
padding:8px 8px 8px 35px;
text-align:left;
line-height:normal;
border:1px solid #FDE080;
background:#FEF1C5 url(images/icons/ico_triangle.gif) 8px 10px no-repeat}
/*-----------------------------------------------------------------------------
Contact Form
-----------------------------------------------------------------------------*/
#ctf{
position:relative;
right:0;
float:right;
width:370px;
padding:0 0 0 20px;
border:0}
#ctf form,#ctf fieldset,#ctf table{
width:370px;
margin:0;
padding:0}
#ctf fieldset{
border:0}
#ctf p{
text-align:right;
margin-right:20px}
#ctf th,#ctf td{
padding:0 0 8px 0;
margin:0}
#ctf th{
padding:3px 4px 0 0;
font-weight:normal;
text-align:right;
vertical-align:top}
#ctf input,#ctf textarea{
width:282px;
margin:0;
padding:2px;
font:12px Arial, Helvetica, sans-serif;
border:1px solid #D9D8DA}
#ctf textarea{
overflow:auto}
#ctf input.butsubmit{
width:80px;
margin:0 6px 0 0;
color:#FAB544;
background:transparent}
#ctf em{
font-style:normal;
font-weight:bold;
color:#FAB544}
#ctf .err{
width:245px;
margin:0 6px 2px 0;
padding:6px 6px 6px 35px;
text-align:left;
line-height:normal;
border:1px solid #FDE080;
background:#FEF1C5 url(images/icons/ico_triangle.gif) 6px 4px no-repeat}
/* Legacy Typo CSS */
#search-results{
width:30%;
background:#333;
padding:0 0 0 0;
float:right;
-moz-opacity:0.9;
border-top:1em solid #000;
}
#search-results h3{
font-weight:bold;
text-align:left;
margin:0;
padding:0 0 1em 0;
background:#000;
}
#search-results small{
display:block;
text-align:left;
font-size:0.9em;
padding:0.5em 1em 0.7em 1em;
border-top:1px solid #666;
border-bottom:1px solid #555}
#search-results small a{
color:#CCC}
#search-results ul li{
list-style-type:none;
padding:0 1em 0.5em 1em;
margin:0.5em 0}
#search-results ul li:hover{
background:#202020}
#search-result ul{
margin:0}
#search-results ul li a{
text-decoration:none;
border-bottom:1px dotted #CCC}
#search img.archives-icon{
margin:0 7px 0 0;
top:1px}