/*
Theme Name: stripWP
Theme URI: http://b.holkar.cz/
Description: Clean and light theme for blog, or sites. Theme si valid xhtml, compatible with Wordpress 2.8.4
Author: Lukas Troup
Author URI: http://mr-frenzi.deviantart.com/
Template: stripWP
Version: 1.2
Tags: light, white, orange
*/

/* Defaults */

* {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 10px 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana;
}

hr {
color: #333;
border: 1px solid #121212;
}

pre {
height: auto; 
overflow-x: scroll;
}

fieldset {
margin: 0;
padding: 0; 
border: 0;
}

dd {
padding-left: 15px;
}

p {
font-size: 9pt;
}

a {
color: #6598b8;
text-decoration: none;
}

a:hover {
color: #222;
text-decoration: underline;
}

a img {
border: none;  
}

blockquote {
background: #070707;
border: 1px solid #060606;
padding: 5px 15px;
margin: 10px 10px 5px 15px;
font-style: italic;
color: #fff;
}

code {
color: #3366cc;
font-style: italic;
}

strong {
font-size: 110%;
}

body {
text-align: center;
margin: 0;
padding: 0 0 15px 0;
font-family: trebuchet ms, arial, helvetica, sans-serif;
background: url(images/background.gif) repeat-x;
}


/* Header and wrapper */
#wrapper {
margin: 0 auto;
width: 960px;
text-align: left;
padding: 0;
background: url(images/content.gif) top center no-repeat;
margin-top: 50px;
}

#place {
width: 960px;
margin: 0 auto;
}

#topbanner {
height: 60px;
width: 468px;
float: right;
padding: 2px;
border: 1px solid #ddd;
margin: 20px 0px;
}


#rightbanner {
height: 250px;
width: 300px;
padding: 19px;
border: 1px solid #ddd;
margin-bottom: 20px;
}

#header {
padding: 0;
margin: 0;
height: 80px;
}

#header #topright {
background: url(images/page.gif) repeat-x;
height: 30px;
}

#header #topright ul {
list-style: none;
padding: 0;
margin: 0;
text-align: right;
float: right;
width: 600px;
margin: 3px 0 0 0;
}

#header #topright li {
display: inline;
}

#header #topright li a {
color: #fff;
text-decoration: none;
padding-right: 20px;
font-size: 14px;
}

#header #topright li a:hover {
text-decoration: underline;
color: #eee;
}

#header #logo {
float: left;
width: 350px;
margin: 25px 0 0 -55px;
padding: 0;
}

#header h1 {
padding: 0;
margin: 0;
}

#header h1 a {
color: #05102A;
font-size: 30px;
font-style: italic; 
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #dddddd;
}

#header h1 a:hover {
color: #081943;
text-decoration: none;
border-bottom: 1px dashed #eeeeee;
}

#header span {
padding: 0;
color: #999;
font-size: 16px;
font-style: italic;
}

/* Top Content */

#main {
margin: 5px 15px 0 15px;
clear: both;
width: 930px;
padding-bottom: 5px;
}

#contentwrapper {
float:left;
width: 560px;
margin: 0 0 15px 0;
padding: 0;
}

#contentwrapper2 {
float:left;
width: 900px;  margin: 0 0 15px 0;
padding: 0;
}

#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
margin: 15px 0 10px 0;
font-size: 14pt;
letter-spacing: -1px;
color: #fff;
font-weight: normal;
background: url(images/bg-trans.png) repeat;
padding: 5px;
}

.topPost {
margin: 0;
padding: 0;
font-size: 9pt;
}

.topPost h2.topTitle a {
font-size: 25px;
font-weight: normal;
color: #05102a;
letter-spacing: -2px;
}

.topPost h2.topTitle a:hover {
text-decoration: none;
color: #162c63;
}

.topPost p.topMeta {
padding: 0;
margin: -10px 0 0 0;
font-size: 9pt;
color: #888;
padding-bottom: 5px;
border-bottom: 1px solid #eeeeee;  
}

.topPost p.topMeta a {
text-decoration: underline;
color: #777;
}

.topPost p.topMeta a:hover {
color: #888;
text-decoration: none;
}

.topPost div.topContent {
font-size: 9pt;
color: #4d4d4d;
margin: 8px 0;
}

.topPost div.topContent a {
text-decoration: underline;
color: #BA0D21; //#fff;
}

.topPost div.topContent a:hover {
text-decoration: underline;
color: #ff9933;
}

.topPost div.topContent ul, .topPost div.topContent ol {
padding: 0 0 0 30px;
}

.topPost div.topContent ul li, .topPost div.topContent ol li {
color: #eee;
}

.topPost span.topComments a {
color: #333;
background: url(images/comment.png) left no-repeat;
padding-left: 20px;
line-height: 27pt;
vertical-align: middle;
border-bottom: 1px dashed #333;
margin-right: 20px;
}

.topPost span.topMore a {
color: #333;
background: url(images/arrow.png) left no-repeat;
padding-left: 20px;
line-height: 27pt;
vertical-align: middle;
border-bottom: 1px dashed #333;
}

.topPost span.topComments a:hover, span.topMore a:hover {
color: #666; 
border-bottom: 1px dashed #666;
text-decoration: none;
}

#nextprevious {
margin: 10px 0 5px 0;
}

#nextprevious a {
color: #83adc8;
text-transform: lowercase;
text-decoration: underline;
}

#nextprevious a:hover {
color: #fff;
}

/* Comments */

#comments {
margin-bottom: 10px;
margin-top: 15px;
background: #eee;
width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
border: 1px solid #eee;
padding: 0px 15px 10px 15px;
color: #222;
}

#comments h3 {
font-size: 18px;
font-weight: normal;
color: #444;
margin: 15px 0;
padding: 0;
}

#comments p a {
color: #111;
}

#comments p a:hover {
color: #222;
}

#comments p {
padding:0;
margin: 7px 0;
}

#comments em {
color: #fff;
}
  
#comments cite {
color: #222;
} 

#comments cite a {
color: #222;
text-decoration: underline;
}  

#comments cite a:hover {
color: #333;
text-decoration: none;
}  
    
ul.commentlist, ul.trackback  {
list-style-type: none;
margin: 10px 0;
font-size: 9pt;
}

.commentlist li, .trackback li {
margin: 10px 0 15px 0;
padding: 10px;
background: #ccc;
border-top: 1px solid #bbb;
list-style-type: none;
}

.commentlist li.alt {
background: #ddd;
border: 1px solid #020202;
border: none;
margin-top:10px;
border-bottom: 1px solid #bbb;
}

.commentlist li.cleared {
background: transparent;
border: none;
}

.commentlist a:hover {
color: #eee;
}

.commentlist a.gravatar {
float: left;
margin: 0 15px 10px 0;
width: 60px;
}

.commentlist .commentbody {
margin: 0;
padding: 0;
}

.commentlist .commentbody p a {
text-decoration: underline;
}
.commentlist cite {
font-size: 10pt;
font-style: normal;
color: #ddd;
}

.commentlist small.commentmetadata a {
color: #444;
}

.commentlist p {
color: #666;
}

#respond {
clear: both;
margin-top: 15px;
} 
  
textarea#comment {
width: 450px;
background: #fff;
color: #111;
padding: 10px;
}

#comments #submit {
margin: 0;
}

#extrastuff a {
color: #222;
font-size: 0.8em;
}

#extrastuff a:hover {
color: #6598b8;
text-decoration: none;
}

#extrastuff #rssleft {
float: left;
width: 250px;
}

#extrastuff #trackright {
float: right;
width: 180px;
text-align: right;
}

/* Welcome section */

#main #welcome {
margin: 0 0 20px 0;
padding: 0 0 5px 0;
background: url(images/bg-trans.png) repeat;
}

#main #welcome h2 {
font-size: 14pt;
font-weight: normal;
color: #fff;
letter-spacing: -2px;
margin: 0 10px;
padding: 10px 0 3px 0;
}

#main #welcome p {
font-size: 9pt;
color: #eee;  
margin: 0 10px;
padding: 6px 0;
}

#main #welcome a {
text-decoration: underline;
color: #ff9933;
}

#main #welcome a:hover {
color: #6598b8;
}

#main #welcome form {
margin: -5px 0 0 0;
background: transparent; /* required for IE */
}

#main #welcome #feedbox {
border: 1px solid #ccc;
padding: 2px 1px;
width: 180px;
}

.submitbutton {
margin: -5px 0 0 5px;
background: #222;
color: #fff;
font-size: 16px;
padding: 3px 6px;
vertical-align: middle;
border: 1px solid #111;
}

.submitbutton:hover {
cursor: pointer;
background: #111;
}

/* Sidebars */
#sidebars {
margin: 15px 0 0 0;
float: right;
width: 340px;
color: #555;
}

#sidebars .sidebarbox {
background: #ddd;
padding: 8px 15px;
border-top: 2px solid #ccc;
border-bottom: 2px solid #eee;
}

#sidebar_full {
padding: 0;
margin: 0;
}

#sidebar_left {
float: left;
width: 160px;
}

#sidebar_right {
float: right;
width: 160px;
}

#sidebars h2 {
margin: 0;
padding: 0 0 8px 0;
font-weight: normal;
font-size: 18px;
color: #333;
letter-spacing: -1px;
}

#sidebars table {
width: 130px;
}

#sidebars ul {
margin: 0;
padding: 0 0 5px 0;
}

#sidebars li {
margin-bottom: 20px;
list-style: none;
font-size: 9pt;
}

#sidebars li ul {
padding: 0;
}

#sidebars ul ul li {
margin: 0;
padding: 2px 2px 2px 16px;
color: #333;
background: url(images/bullet.gif) left 8px no-repeat;
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}

#sidebars a {
display: inline;
color: #555;
}

#sidebars a:hover {
color: #777;
text-decoration: underline;
}

#sidebars p {
padding: 2px 0;
font-size: 9pt;
color: #eee;
}

#tag_cloud a {
display: inline;
}

#sidebars ul.children li {
border-bottom: none;
}

#sidebars ul.children {
margin-bottom: 0;
}

#sidebarrss {
width: 318px;
height: 26px;
padding: 10px 10px 13px 10px;
border-bottom: 1px dashed #ddd;
margin-bottom: 20px;
}

.rss-icon {
background: url(images/rss.png) center left no-repeat;
padding-left: 30px;
color: #111;
font-size: 18px;
display: block;
}

/* Before footer */

#morefoot {
background: #000 url(images/bggrad.jpg) top left repeat-x;
padding: 15px;
color: #dfdfdf;
margin: 0 0 10px 0;
}

#morefoot p {
margin: 5px 0;
padding: 5px 0;
}

#morefoot ul {
list-style-type: none;
margin-top: 5px;
}

#morefoot ul li, #morefoot p {
font-size: 9pt;
}

#morefoot a {
text-decoration: underline;
color: #ddd;
}

#morefoot a:hover {
text-decoration: underline;
color: #6598b8;
}

#morefoot h3 {
font-size: 12pt;
font-weight: normal;
color: #dfdfdf;
letter-spacing: -1px;
border-bottom: 1px dotted #444;
margin: 0;
padding: 0 0 2px 0;
}

#morefoot #searchbox {
padding: 1px;
width: 180px;
}

#morefoot .col1 {
float: left;
width: 400px;
margin: 0 25px;
line-height: 35px;
color: #fff;
}

#morefoot .col1 a:hover {
text-decoration: none;
color: #eee;
}

#morefoot .col2 {
float: right;
width: 340px;
}

#morefoot .col2 h3 {
font-size: 18px;
}

#morefoot li {
padding-left: 20px;
margin-bottom: 5px;
background: url(images/more.gif) left 2px no-repeat;
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}

/* footer*/
#footer {
clear: both;
background: #ddd;
border-top: 2px solid #ccc;
padding: 15px 15px 10px 15px;
}

#footer p {
font-size: 9pt;
color: #333;
padding: 0;
text-align:center;
}

#footer a {
color: #333;
text-decoration: underline;
}

#footer a:hover {
color: #222;
}

#footerleft {
float: left;
width: 500px;
}

#footerright {
float: right;
width: 300px;
text-align: right;
}

#footerright p {
color: #777;
}

#footerright a {
color: #777;
}

/* Misc */

.highlight {
color: #222;
font-weight: bold;
}

.cleared {
margin: 0;
padding: 0;
clear: both;
}

.alignleft {
float: left;
margin: 5px 10px 5px 0;
}

.alignright {
float: right;
margin: 5px 0 5px 10px;
}

.aligncenter, div.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

img.alignleft {
float: left;
margin: 5px 10px 5px 0;
}

img.alignright {
float: right;
margin: 5px 0 5px 10px;
}

img.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
/* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
margin: 0;
padding: 0;
border: none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #111;
}