/*  
Theme Name: Vasina_net
Theme URI: http://www.vasina.net/?p=52
Description: Vasina_net theme
Version: 0.05
Author: Jiri Vasina
Author URI: http://www.vasina.net/
*/

/* ---- MAINBODY ---- */

body{
	min-width:900px;
	background:#fff;
margin-top:0px;
padding-top:0px;
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#wrap{
   	margin:0 auto;
   	width:910px;
	background:#fff;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	background-image: url(/wp-content/themes/vasina_net/images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}

#wrap2round{
   	margin:0 auto;
   	width:850px;
//	background:#fff;
}

#wrap2{
   	margin:0 auto;
   	width:850px;
//	background:#fff;
	padding-left:20px;
padding-right: 20px;
	padding-top:0px;
//	background-image: url(images/header_bg.jpg);
//	background-repeat: no-repeat;
//	background-position: top;
}

/* ---- COMMON --- */

.inside{
   	margin:0 auto;
	width:93%;
	padding-left:5px;
padding-right: 5px;
    }
.inside a{
   	color:#0099ff;
    }

img { border: 0px; }

/* ---- HEADER & NAV ---- */


#header{
   	margin:0 auto;
//margin-top: 13px;
padding-top: 13px;
   	width:650px;
	color:#000;
clear: left;
float: left;
}

#header .headera a{
/*	color:#f59422; */
	color: #0000A0;
	font-size:28px;
	margin:auto;
padding-top: 18px;
//margin-top: 10px;
	text-align:left;
	text-transform: uppercase;
	font-variant: small-caps;
	text-decoration:none;
}

#header .headera a:active{ outline:none; }
#header .headera a:focus
{
  -moz-outline-style: none;
}

#header a{
	color:#8a8a8a;
	font-size:13px;
	margin:auto;
	text-align:left;
	text-transform: uppercase;
	font-variant: small-caps;
	text-decoration:none;
}

#header a:active{ outline:none; }
#header a:focus
{
  -moz-outline-style: none;
}

#header p{
	padding:1em 0;
	margin:0;
}

.description {
	display:inline;
	margin:auto;
	text-align:left;
	font-size:15px;
	color:#000;
	color: #0000D0;
	text-transform: uppercase;
	font-variant: small-caps;
}

#header ul.pagelinks {
	list-style-type: none;
	display:inline;
	font-size: 0.80em;
	}

#header ul.pagelinks li{
	float: left;
	list-style-type: none;
	margin-left:15px;
	}

/* ---- NAV-AREA & SEARCH ---- */

#nav{
   	margin:0 auto;
   	width:200px;


	color:#444444;
	margin-top:32px;
	margin-bottom:0px;
	clear:right;
float: right;
}
#nav p{
	font-size:13px;
}

#searchform, #searchform p {
	font-size: 12px;
	text-align: right;
	margin: 0px;

	}

#searchform input {
	width: 80px;
	font-size: 11px;
	background: #e1e1e1;
	color: #000;
	margin: 0px;
	border: 1px solid #b8b8b8;
	}

#searchform input:hover {
background: #f9f9f9;
}

#searchform input:focus {
background: yellow;
}


/* ---- PORTFOLIOS ---- */

#portfolioswrap{
   	margin: 0 auto;
   	width: 800px;
	float: left;
   	clear: left;
}

#portfoliosbox{
   	margin:0 auto;
   	width:800px;
	float:left;
/*	color:#fff; */
}

#portfolios{
   	margin:0 auto;
   	height: 620px;
	float:top;
/*	color:#fff; */
}

#portfoliosfooter{
/*   	margin:0 auto; */
   	margin-top: 100px;
   	height: 100px;
	float:top;
/*	color:#fff; */
}

#portfoliolabel {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}

	#flashcontent {
		height: 100%;
	}

#portfoliocontent {
  height: 600px;
  float: bottom;
  margin: 0 auto;
  padding: 0;
}

#portfoliowrap{
	margin: 0 auto;
   	margin-left: 100px;
	margin-bottom: 50px;
   	width: 600px;
	float: top;
   	clear: left;
}


/* ---- ENTRIES ---- */

#entrywrap{
   	margin: 0 auto;
   	width: 600px;
	float: left;
   	clear: left;
}

#entrybox{
   	margin: 0;
   	width:595px;
	float:left;
/*	color:#fff; */
}
.entry p{
	color:#000;
	font-size:0.85em;
text-indent: 3em;
    }

/* .entry p:first-letter { font-size: 110%; float: left; vertical-align: -150%; }*/

.entry ul, li{
	font-size:0.85em;
	color:#000;
	padding-top:5px;
    }

.post {
}

.post_meta_tag {
	margin: 0px;
	float: left;
	width: 580px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
.post_date {
	float: left;
	height: 63px;
	width: 59px;
	background-image: url(images/calendar.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.date_post {
	float: left;
	width: 55px;
	text-align: center;
	color: #F0F0F0;
	font-size: 18px;
	font-weight: 400;
	padding-top: 9px;
	line-height: 17px;
	padding-left: 2px;
}
.month_post {
	float: left;
	width: 52px;
	font-size: 12px;
	color: #E0E0E0;
	text-align: center;
	padding-left: 4px;
}
.year_post {
	float: left;
	width: 55px;
	font-size: 8px;
	color: #B0B0B0;
	text-align: center;
	padding-left: 2px;
}

.post_title {
	float: right;
	width: 475px;
	margin: 0px;
margin-right: 0px;
	padding: 0px;
}
.post_title h1 {
	margin: 0px;
	float: left;
	width: 400px;
	padding-top: 5px;
	padding-bottom: 3px;



	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	color:#f59422; 	
	line-height: 20px;
}
.post_title h1 a:link, .post_title h1 a:visited {
	text-decoration: none;
	color:#f59422; 	
}
.post_title h1 a:hover, .post_title h1 a:active {
	text-decoration: none;
	color:#f59422; 	
}

.post_title p {
	text-align: left;
	margin: 0px;
	font-size: 12px;
	color: #666666;
	clear: both;
}
.author {
	float: left;
	width: 400px;
	font-size: 10px;
	color: #838383;
}
.incat {
	float: left;
	width: 400px;
	font-size: 10px;
	color: #838383;
}
.inedit {
	float: right;
	width: 64px;
	font-size: 12px;
	color: #838383;
text-align: right;
}

.post_comment {
	float: right;
	width: 100%;
	border-bottom:1px dashed #888686;
margin-bottom: 10px;
}
.submit_com {
	float: right;
	height: 20px;
	width: 159px;
	background-image: url(images/coms.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	color: #3366FF;
	padding: 0px;
	background-position: left;
margin-bottom: 5px;
}
.submit_com a:link, .submit_com a:visited {
	color: #0099FF;
	text-decoration: none;
}
.submit_com a:hover, .submit_com a:active {

	color: #0099FF;
	text-decoration: underline;
}

#posttitle{
/*	color:#96bf55;*/
	color:#f59422; 	
	margin: 0px;
	padding: 0px;
font-size: 0.85em;
font-weight: normal;
    }
#posttitle a:visited{
	color:#96bf55;
	color:#f59422; 	
	text-decoration:none;
	
    }
#posttitle a{
	color:#96bf55;
	color:#f59422; 	
	text-decoration:none;
    }
#posttitle a:active{ outline:none; }
#posttitle a:focus
{
  -moz-outline-style: none;
}

#postmetadata {
	text-align: right;
}

#postmetadata p{
	font-size:0.60em;
	color:#888686;
	line-height:2em;
/*	border-top:1px dashed #888686; */
	margin:0px;
	font-family: sans-serif;
    }
#postmetadata a{
	color:#888686;
	text-decoration:none;
	font-weight:bold;
    }
#postmetadata a:visited{
	color:#888686;
	text-decoration:none;
	font-weight:bold;
    }
h4 {
color:#749348;
}
.alignleft {
float: left;
text-align: left;
width: 160px;
clear: left;
margin-left: 24px;
}

.alignright {
float: right;
text-align: right;
width: 160px;
margin-right: 24px;
}

#totop {
font-size: 0.7em;
text-align: center;
}

#toback {
font-size: 0.9em;
text-align: center;
}

#totop a, #toback a {
color: #A0A0A0;
text-decoration: none;
}

#totop a:visited , #toback a:visited {
color: #606060;
text-decoration: none;
}

.navigation {
width: 550px;
clear: left;
float: left;
padding-bottom: 4px;
} 

.navigation a{
	color:#000;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
.navigation p{
	color:#000;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
.navigation a:visited{
	color:#000;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}

update{
	color:#55a5bf;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
	border-bottom:1px dashed #55a5bf;
}

step{
	color:#55a5bf;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
	border-bottom:1px dashed #55a5bf;
}

blockquote {
	margin:0 auto;
	padding: 5px;
	background: #ebebeb;
	border:1px solid #dbdbdb;
	border-left:3px solid #dbdbdb;
	border-right:3px solid #dbdbdb;
	font-size:0.95em;
	margin:1em 1px 1em 25px;
	overflow:hidden;
	padding:5px;
}

code{
	font-size: 1em;
	margin: 3em 0;
	padding: 0 1.2em 0 1.2em;
	border-left:2px solid #777e6f;
	border-bottom:1px dashed #777e6f;
}

h2 .pagetitle{
	color:#000;
	color:#749348;
}

/* ---- ARCHIVES ---- */

.archdate{
	color:#000;
	font-size:10px;
text-align: right;
}
.archtitle{
	color:#000;
	color:#749348;
}

/* ---- COMMENTSBOX ---- */
#commentsbox{
   	width:560px;
	margin-top:20px;
	margin-bottom:10px;
	background:#fff;
	padding:10px;
	}
#comment{
	float:left;
   	width:550px;
	margin-top:10px;
	margin-bottom:10px;
	background:#f1f1f1;
	color:#000;
	}
#comment .commentinside{
	padding:5px;
	margin-left:20px;
	}
#comment p{
	color:#000;
	}
#comments h3{
font-size: 10px;
}

#commenthead{
	color:#6692ae;
	}

#replybox{
	margin-bottom:10px;
	color:#000;
	background:#fff;
	}
#reply{
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:3em;

	}
.commentinside cite{
	list-style-type:none;
	font-weight:bold;
	color:#6692ae;
	}
.commentinside cite a{
	list-style-type:none;
	font-weight:bold;
	color:#6692ae;
	}
.commentinside{
	list-style-type:none;
	}
.commentinside p{
	font-size:0.90em;
	margin-left:30px;
	}

.commentmetadata a{
	font-weight:bold;
	font-size:0.60em;
	color:#aaaaaa;
	}

/* ---- SIDEBAR ---- */

#sidebar{
//   	margin:0 auto;
   	width:240px;
	background:#f1f1f1;
	float:right;
	color:#fff;
	margin-top: 52px;
	margin-bottom:10px;
   	clear:right;
}

b.rtop9, b.rbottom9{display:block; background: #fff}
b.rtop9 b, b.rbottom9 b{display:block; height: 1px; overflow: hidden; background: #f1f1f1}
b.r19{margin: 0 5px}
b.r29{margin: 0 3px}
b.r39{margin: 0 2px}
b.rtop9 b.r49, b.rbottom9 b.r49{margin: 0 1px;height: 2px}

.inside .block{
	width:90%;
}

.sidetitle{ 
	color:#749348;
	font-weight:bold;
	line-height:1em;
	text-transform: uppercase;
	font-variant: small-caps;
}

ul.dates, ul.counts, ul.blogroll ul, ul.pages, ul.rss{
	list-style-type:none;
	margin:0.5em 0.25em 2em 0;
	border-top:0px dashed #aaaaaa;
	font-size:0.80em;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li, ul.rss li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px dashed #aaaaaa;
}
ul.rss{
list-style-image: url(images/rss.gif);
}

ul.dates .date{
	color:#9900ff;
color:#f59422;
	padding:0 0.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#0099ff;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a, ul.rss a{
	color:#0099ff;
	text-decoration:none;
	text-transform: uppercase;
	font-variant: small-caps;

}
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, ul.rss a:hover{ 
	color:#0099ff;
	text-transform: uppercase;
	font-variant: small-caps;

}

/* ---- FOOTER ---- */


b.rtop3, b.rbottom3{display:block; background: #2b2f36}
b.rtop3 b, b.rbottom3 b{display:block; height: 1px; overflow: hidden; background: #1D2128}
b.r13{margin: 0 5px}
b.r23{margin: 0 3px}
b.r33{margin: 0 2px}
b.rtop3 b.r43, b.rbottom3 b.r43{margin: 0 1px;height: 2px}

#footer{
   	margin:0 auto;
   	width:800px;
   	/*background:#1D2128;*/
   	clear:both;
	float:center;
    }

.insidefooter{
   	margin:0 auto;
	width:98%;
	padding:5px;
    }
#footer p{
	margin:0;
	font-size:0.55em;
	text-align:center;
	color:#000;
}
#footer a{
	text-decoration:none;
	font-weight: bold;
	color:#000;
}
#footer a:hover{
	color:#000;
}


/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
	color: #000040;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	color: #A00000;
	font-size: 0.75em;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */

.linkcat h2 {
	color:#749348;
font-size: 1.1em;
}

li.linkcat {
	list-style-type: none;
	display:inline;
	}

#framed img {
	padding: 5px;
	border: 1px solid #E0E0E0;
	margin: 5px;
}

.framed img {
	padding: 5px;
	border: 1px solid #E0E0E0;
	margin: 5px;
}

#fotodetail {
text-align: center; 
align: center;
text-indent: 0em; 
}

.fotodetail {
text-align: center; 
align: center;
text-indent: 0em; 
}

#fotodetail img {
	padding: 5px;
	border: 1px solid #E0E0E0;
	margin: 5px;
vertical-align: middle;
display: block
}

.fotodetail img {
	padding: 5px;
	border: 1px solid #E0E0E0;
	margin: 5px;
vertical-align: middle;
display: block
}

.fotodetail p{
font-size: 0.6em;
text-indent: 0em; 
color: #505050;
}

#fotodetail p{
font-size: 0.6em;
text-indent: 0em; 
color: #505050;
}

.fotolink{
font-size: 0.6em;
text-indent: 0em; 
color: #9a9a9a;
text-align: right;
}

#fotolink{
font-size: 0.6em;
text-indent: 0em; 
color: #9a9a9a;
text-align: right;
}

.fotolink a{
color: #909090;
}

#fotolink a{
color: #909090;
}

.portfoliolink{
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}

#portfoliolink{
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}