/*  

Theme Name: Webgirls.cz

Theme URI: www.webgirls.cz

Description: Theme pro webgirls.cz. Toto theme je chráněno autorskými právy majitele a jakékoliv užití bez jeho vědomí je trestným činem. XHTML 1.0 Transitional+CSS, optimalizováno pro Wordpress 2.7/2.7.1 .

Version: 1.1

Author: Nakódoval Michal Kašpar - kasparmichal@centrum.cz

Author URI: http://kmweb.cz/

*/

*{		margin:0px; 

		padding:0px;

}



body {

		font-family: Tahoma, Arial, Helvetica, sans-serif;

   		font-size: 12px;

   		background:#f48495 url(images/bg.jpg) repeat-x top;

   		color: #333;

		margin: 0px auto;

		padding:0px;

                width:100%;

}



#extra-panel{

		width:100%;

		height:9%;

		background-color:#f7a3b1;

		position:fixed;

		_position:absolute; 

		_top:expression(0+body.scrollTop);

		top:95%;

		border-top:2px solid #f48495;

		text-align:left;

		padding:7px 0px 0px 0px;

}

#extra-panel ul{list-style: none; font-size:11px; padding:0px 0px 0px 20px; float:left;}

#extra-panel ul li{float:left; padding:0px 5px 0px 5px;}

#extra-panel ul li a{color: #333; text-decoration:none;}

#extra-panel ul li a:hover{text-decoration:underline;}

#extra-panel p {float:right; margin:0px; padding:0px 20px 0px 0px;}

#extra-panel a {color: #333; text-decoration:none;}

#extra-panel a:hover {text-decoration:underline;}





html, body {

		height: 100%;

}



* html #extra-panel { 

		position: absolute;

}







img {

		border: 0;

}



.clear {

		clear: both;

		height: 1px;

		overflow: hidden;

}



a,

a:link 

a:active {

   text-decoration: underline;

   background-color: inherit; 

   color: #f8adba; 

   cursor:pointer;

}



a:visited {

   text-decoration: underline;

   background-color: inherit;

   color: #f8adba;                

}



a:hover {

   text-decoration: underline;



}



#page {

   		width:1000px; 

   		margin:0px auto; 

   		padding:0px;
margin-bottom:10px;



}



#header{width:1000px;}

#header .r-col{ background-image:url(images/hlavicka.jpg); background-repeat:no-repeat;  height:371px;}

#header .r-col h1 a img{margin:21px 0px 0px 43px; float:left;}

#header .l-col{}



.white-divider{clear:both; background-color:#FFFFFF; height:25px; width:1000px;}



div.breadcrumbs {

   font-size:11px;   

   padding: 7px 0px 0px 10px;

   float:left;

 

}



.file-counter{

   		font-size:11px;   

   		padding: 7px 45px 0px 10px;

  		float:right;

}



.purple-divider{width:676px; height:27px; background-image:url(images/underheader.jpg); background-repeat:no-repeat; margin:0px 39px 0px 0px; float:right; }



.l-col{float:left; width:285px;}

.r-col{float:right; width:715px;}



.up-row{height:159px;}

.up-row .description {color:#330033; float:left; font-weight:bold; font-size:14px; padding-left:40px; padding-top:10px; clear:both;}

.down-row{height:212px; font-size:11px;}

.down-row h2{padding:5px 0px 5px 0px; text-align:center; font-size:15px;}

.down-row h2.pink {color:#f8adba;}

.l-block{width:239px; margin:0px 3px 0px 4px;float:left; height:212px; color:#e4dde4;}

.l-block ul{list-style: none; text-align:left; font-size:12px; padding:0px 0px 0px 40px;}

.l-block ul li{margin-top:2px;}

.l-block ul li a{color:#f8adba; text-decoration:none;}

.l-block ul li a:hover{text-decoration:underline;}

.m-block{width:191px; margin:0px 3px 0px 0px;float:left; height:212px; color:#e4dde4;}

.m-block ul{list-style: none; text-align:left; font-size:12px; padding:0px 0px 0px 55px;}

.m-block ul li{margin-top:1px;}

.m-block ul li a{color:#f8adba; text-decoration:none;}

.m-block ul li a:hover{text-decoration:underline;}

.r-block{width:232px; margin:0px 43px 0px 0px;float:right; height:212px; color:#e4dde4;}



.r-block p{padding:10px 0px 0px 0px; margin:0px auto; text-align:center;}



#content {

		width:641px; 

		padding:10px 20px 10px 15px;

		margin-right:39px; 

		background-color:#FFFFFF; 

		background-image:url(images/content-bottom.jpg); 

		background-repeat:no-repeat; 

		background-position:bottom;

		float:right;

}



/* HEADINGS */

#content  h1 {

   font-size: 18px;

   margin: 0;

}

#content  h2 {

	color: #330033; 

	font-size:16px;

	text-align: left; 

	padding-left: 0.5em;

	padding-bottom: 1px;



   font-weight:600;

    margin: 0 0 0.5em 0;

}

#content  h3 {

   color: #330033; 

   font-size: 14px;

   margin: 0 0 0.5em 0;

font-weight:600;

}

#content  h4 {

   color: #330033; 

   font-size: 1.2em;

   line-height: 1.3em;

   margin: 0 0 0.25em 0;

}

#content  h5 {

   color: #330033; 

   font-size: 1.1em;

   line-height: 1.3em;

   margin: 0 0 0.25em 0;

}

h6 {

   color: #330033; 

   font-size: 1em;

   line-height: 1.3em;

   margin: 0 0 0.25em 0;

}

/* END HEADINGS */



#content a{color: #330033; text-decoration:none; font-weight:700;}

#content a:hover{text-decoration:underline;}



#content .post {

		float: left;

		margin-bottom: 16px;

		width:636px; 

		padding: 7px;

}



#content .related ul li {list-style:none;}

#content .related {padding:0px 0px 0px 20px;}



#content .post .post-title {

		width:636px; 

		height: 51px;

		padding-bottom:2px;

		border-bottom: 2px solid #f48495; 

                margin-bottom:15px;

}



#content .post .post-title a {}

#content .post .post-title a:hover {}



#content .post .post-title .post-date {

		float: left;

		background: url("images/post_date.gif") repeat-x;

		width: 50px;

		height: 51px;

		color: #cccccc;

		text-align: center;

		text-transform: uppercase;

		margin-right: 10px;

		font-size:14px;

		line-height:28px;

		font-weight:800;

}



#content .post .post-title .post-date span {

		margin-bottom: 2px;

		display: block;

}



#content .post .post-title h2 {

		padding: 4px 0 3px 0;

}



#content .post .post-title h2 a {}

#content .post .post-title h2 a:hover {}

	

#content .post .post-entry {

		width:636px; 

		padding-bottom:2px;

		border-bottom: 2px solid #f48495; 

}



#content .post .post-entry a {}

#content .post .post-entry a:hover {}



#content .post .post-entry .more-link {

		float: right;

		padding-bottom: 5px;

}



#content .post .post-entry .more-link a {}

#content .post .post-entry .more-link a:hover {}



#content .post .post-info {

		padding: 10px 4px 0 4px;

		width:636px; 

		clear: both;

}



#content .post .post-info a {}

#content .post .post-info a:hover {}



#content .post .rating {

float:right;

text-align:right;

margin-right:50px;

height:50px;

}



#content .post h3 {

		margin: 25px 0 5px 0;

		padding: 0 4px;

		width:636px; 

}



#content .post .comments {

		padding: 0 4px;

		width:636px; 

}



#content .post .comments a {}

#content .post .comments a:hover {}



#content .post .comments ol {

		margin: 10px 0 10px 0;

		padding-left: 25px;

}



#content .post .comments ol li {

		padding: 5px;

}



#content .post .comments ol li.alt {

}



#content .post .comments ol li cite {

		font-style: normal;

		font-weight: bold;

}



#content .post .comments ol li cite a {}

#content .post .comments ol li cite a:hover {}

#content .post .comments ol li .commentmetadata a {}

#content .post .comments ol li .commentmetadata a:hover {}



#content .post #commentform {

		margin: 0;

		padding: 0 4px;

		width:636px; 

}



#content .post #commentform a {}

#content .post #commentform a:hover {}



#content p {

   font-size: 1em;

   margin: 0 0 1.5em 0; 

   line-height: 1.4em;

   padding: 5px 0px 5px 0px;

}



blockquote {

   border-left: 10px solid #ddd;

   margin-left: 10px;

}

strong, b {



   font-weight: bold;

}

em, i {



   font-style:italic;

}



/* Wrapping text in <code> tags. Makes CSS not validate */

code, pre {

 white-space: pre-wrap;       /* css-3 */

 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

 white-space: -pre-wrap;      /* Opera 4-6 */

 white-space: -o-pre-wrap;    /* Opera 7 */

 word-wrap: break-word;       /* Internet Explorer 5.5+ */

 font-family: "Courier New", Courier, monospace;

 font-size: 1em;

}



pre {

   border: 1px solid #000;  /* black border for pre blocks */

   background-color: #ddd;

   margin: 0 1em 1em 1em;

   padding: 0.5em;

   line-height: 1.5em;

   font-size: 90%;





}





div.templatecode {

  margin: 0 0 2.5em;

}



/* END TEXT */



/* LISTS */

/* lists in content need some margins to look nice */

#content ul,

#content  ol,

#content  dl {

   font-size: 1.0em;

   line-height: 1.4em;

   margin: 0 0 1.5em 0;

}



#content  ul li,

#content  ol li {

   margin: 0 0 0.25em 3em;

}





#content  dl dt {

   font-weight: bold;

   margin: 0 0 0 1em;

}

#content  dl dd {

   margin: 0 0 1em 1em;

}



#content  dl {

  margin-bottom: 2em;

  padding-bottom: 1em;

  border-bottom: 1px solid #c0c0c0;

}



.sidebar-left {

		float: left;

		width: 285px;

}



.sidebar-left a {}

.sidebar-left a:hover {}



.sidebar-left h3 {

		color: #330033;  

		padding: 10px 0px 5px 10px; 

		font-size:15px;  

}



.sidebar-left ul {

		margin:0px;

		padding: 0;

		list-style:none;



}



.sidebar-left ul li {

		color: #330033; 

}



.sidebar-left ul li a {

		border-bottom: 1px dotted #330033;

   		padding:5px 0px 2px 25px;

   		margin:0px 0px 0px 10px;  

   		display: block; 

   		color: #330033; 

  		height:20px;

	  	width:225px;

   		font-size:13px;

		text-align:left;

		text-decoration:none;

}



.sidebar-left ul li a:hover {

		text-decoration: underline;

}



.sidebar-left .textwidget {

		padding: 0 10px 20px 10px;

}



.navigation-previous{float:left;}

.navigation-next{float:right;}



#footer {

    	clear:both;

		width:100%;

		height: 120px;

		text-align: center;

		background-image:url(images/footer.jpg);

		background-repeat:repeat-x;

		padding-top:10px;

		font-size:10px;

		
display:block;

}



#footer a {

		color:#385C72;

		text-decoration: none;

}



#footer a:hover {

		text-decoration: underline;

}