/*



Theme Name: Vivee Portfolio



Theme URI: http://vivee.info







Author: Vivee.info



Author URI: http://vivee.info



*/















/* Begin Typography & Colors */



* {



	padding:0;



	margin:0;



	}



	



body {



	text-align:center; /*centrowanie strony dla IE*/



	background:url(img/body_bg.jpg) repeat-x top #181818;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#f7f7f7;



	}	



	



img {



	border:0;



	}	



	



.end { /* div ten bardzo ladnie zamyka wszystkie otwarte floaty*/



	clear:both;



        width:100%;



	}	



	



#page {



	width:900px;



	text-align:left;



	margin:0 auto; /*centrowanie zawartosc strony dla wszystkich przegladarek procz IE*/



	}	







#head {



	height:150px;



	}



	



#vivee {



	height:150px;



	width:293px;



	float:left;



	background:url(img/logo.jpg) no-repeat;



	position:relative;



	top:0;



	left:0;



	}	



	



#vivee a {



	display:block;



	width:293px;



	height:150px;



	position:absolute;



	top:0;



	left:0;



	}	







#menu {

	width:607px;
	float:right;
	position:relative;
	top:0;
	right:0;

	}

#menu #principal {

	list-style-type:none;
	position:absolute;
	top:60px;
	right:0;

	}	
	
	
#menu #portfolio {
	
	
	list-style-type:none;
	position:absolute;
	top:95px;
	margin-left:314px;
	padding:7px;
	background:#182d4b;
	width:213px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	

	}	

#menu ul li {

	display:inline;
	margin:0 0 0 10px;

	}		

#menu #principal li a {

	display:block;
	float:left;
	color:#999;
	text-decoration:none;
	height:33px;	
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;	

}

#menu #portfolio li a {

	display:block;
	float:left;
	color:#999;
	text-decoration:none;
	height:23px;	
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	

}

#menu #principal li a:hover {

	color:#fff;
	background:#184c98;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

#menu #portfolio li a:hover {

	color:#fff;
	background:#18427e;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

#menu #principal li span {

	padding:7px 10px 5px 10px;
	display:block;

}

#menu #portfolio li span {

	padding:3px 5px 5px 5px;
	display:block;

}

#piquin{
	width:15px;
	height:15px;
	background:url(img/piquin.png);
	position:absolute;
	right:164px;
	top:85px;
}

			

#main {



	width:900px;



	padding:20px 0;



	}



	



.wpis_main {



	width:900px;



	border-bottom:1px solid #424242;



	padding:10px 0;



	}	



	



.wpis_main .img {



	width:610px;



	float:left;



	}	



	



.wpis_main .img img {



	padding:5px;



	background:#343434;



	}	



	



.wpis_main .tresc {



	float:right;



	width:275px;



	}	







.tresc p {



margin: 0 0 7px 0;



}



	



.tresc h2 {



	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;



	padding:0 0 10px 0;



	color:#f7f7f7;



	}	



	



.tresc h2 a {



	text-decoration:none;



	color:#f7f7f7;



	}		







.normalin p {



margin: 0 0 7px 0;



}







.normalin h2 {



	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;



	padding:0 0 10px 0;



	color:#f7f7f7;



	}	







.normalin h2 a{



	text-decoration:none;



	color:#f7f7f7;



}



	



.wpis_main .entry {



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#999;



	}	
	
.wpis_main .interior {



	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#999;



	}

.wpis_main .interior {



	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#999;



	}	


.wpis_main .verimagen{

        
        text-align:center;

	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#999;



	}


h2.more {



	text-align:left;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	margin:10px 0 0 0;



	}	



	



h2.more a {



	padding:3px 5px 3px 15px;



	background:#c70000;



	text-decoration:none;



	color:#fff;



	}	



	



a.more-link {



	padding:3px 5px 3px 0px;



	text-decoration:none;



	color:#4f6f9d;	



	text-align:right;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	margin:10px 0 0 0;	



	}	

a.more-link:hover {	

        color:#184c98;	

}



#footer {



	text-align:center;



	background:#1d1d1d;



	border-top:1px solid #232323;



	padding:10px 0;



        width:100%;



	}	



	



#footer_content {



	width:900px;



	text-align:left;



	margin:0 auto;



	}	



	



#komentarze, #przyjaciele, #archiwum {



	width:270px;



	float:left;



	}	



	



#komentarze, #archiwum {



	margin:0 45px 0 0; 



	}	



	



#komentarze h2, #przyjaciele h2, #archiwum h2 {



	width:270px;



	height:25px;



	margin:0 0 10px 0;

	

	text-align:center;

	

	color:#555;



	}	

	

#komentarze ul li a {

	height:32px;

}



#komentarze ul li a .textin {

	margin-top:10px;

	margin-left:50px;

}

	



	

#mail{

	

	background:url(img/google.png) no-repeat;

	width:32px;

	height:32px;

	float:left;

	margin-top:1px;



}



#twitter{

	

	background:url(img/twitter.png) no-repeat;

	width:32px;

	height:32px;

	float:left;

	margin-top:1px;



}



#flickr{

	

	background:url(img/flickr.png) no-repeat;

	width:32px;

	height:32px;

	float:left;

	margin-top:1px;



}



#dev{

	

	background:url(img/deviantart.png) no-repeat;

	width:32px;

	height:32px;

	float:left;

	margin-top:1px;



}



#feed{

	

	background:url(img/rss.png) no-repeat;

	width:32px;

	height:32px;

	float:left;

	margin-top:1px;



}





	



#footer_content ul {



	list-style-type:none;



	}	



	



#footer_content li {



	margin:0 0 1px 0;



	line-height:1px;



        text-align:center;



	}	



	



#footer_content li a {



	display:block;



	background:#242424;



	border:1px solid #2e2e2e;



	padding:5px;



	text-decoration:none;



	color:#d6d6d6;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;	



        text-align:center;



	}		



	



#footer_content li a:hover {



	border:1px solid #494949;



	text-decoration:none;



	color:#fff;



	}	



	



h2.rights {



	text-align:left;



	float:left;



	width:600px;



	color:#9a9a9a;



	margin:10px 0 0 0;



	padding:5px 0 0 0;



	font:11px Arial, Helvetica, sans-serif; 



	}	



	



h2.rights a {



	text-decoration:none;



	font-weight:bold;



	4f6f9d



	}



	



h2.rights a:hover {



	color:#184c98;	



	}		



	



h2.rss {



	float:right;



	margin:10px 0 0 0;



	width:30px;



	height:30px;



	background:url(img/rss.png) no-repeat;



	position:relative;



	top:0;



	right:0;	



	}



	



h2.rss a {



	position:absolute;



	width:30px;



	height:30px;



	}	



	



#sub {



	width:610px;



	float:left;



	}	







#sub a {



text-decoration:none;



color:#4f6f9d;



}







#sub a:hover {



color:#184c98;



}


.entry a {



text-decoration:none;



color:#4f6f9d;



}

.entry a:hover {



color:#184c98;



}
	



#sidebar {



	float:right;



	width:230px;



	margin:0 0 20px 0;



	}	



	



#sidebar h2 {



	text-align:right;



	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;



	padding:10px 0;



	color:#323232;



	}	



	



#sidebar {



	list-style-type:none;



	width:230px;	



	}	



	



#sidebar ul li {



	display:block;



	margin:0 0 1px 0;



	display:block;



	background:#222222;



	border:1px solid #2c2c2c;



	padding:5px;



	color:#	color:#5b5b5b;;		



	}	



	



#sidebar ul li a {



	text-decoration:none;



	color:#d6d6d6;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;	



	}	



	



#sidebar ul li a:hover {



	text-decoration:none;



	color:#fff;



	}		

.wpis_sub {

	width:610px;
	padding:10px 0;
	border-bottom:1px dashed #424242;	

	}

.wpis_sub .entry {

	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;

	}	
	
.wpis_sub .interior {

	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;

	}	

.verimagen a {

	color:#4f6f9d;
	text-decoration:none;

	}	

.verimagen a:hover {
	
	color:#184c98;
	
	}		 	

.interior p img{
	
	border:4px #343434 solid;
	
}

/*.interior img{
	
	border:4px #343434 solid;
	
}*/

.wpis_sub .img img {

	background:#343434;

	}	

.wpis_sub .img {

	margin:10px auto;
	text-align:center;

	}			



	



.dane {



	margin:5px 0;



	color:#5f5f5f;



	font-weight:bold;



	}



	



.dane a {



	font-weight:normal;



	color:#cdcdcd;



	text-decoration:none;



	}			







#comments, #respond {



	margin:15px 0 10px 0;



	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#505050;	



	}



	



.commentlist {



	list-style-type:none;



	}	



	



.commentlist li {



	margin:0 0 10px 0;



	border-bottom:1px dashed #424242;



	padding:4px 0;



	}	



	



.autor_dane {



	width:120px;



	float:left;



	text-align:center;



	}	



		



.autor_dane cite, .autor_dane cite a {



	font-size:12px;



	color:#cccccc;



	font-style:normal;



	font-weight:bold;



	text-decoration:none;



	}		







.autor_dane small {



display:block;



margin:3px 0;



}



	



.autor_dane small a, .komentarze a {



	color:#484848;



	text-decoration:none;



	font-size:11px;



	}	



	



.autor_dane img {



	border:2px solid #484848; 



	margin:0 0 5px 0;



	}	



	



.autor_text {



	color:#adadad;



	}	



	



.komentarze {



	margin:0 0 15px 0;



	}	



	



.komentarze form {



	margin:10px;



	}	



	



.komentarze form input {



	width:150px;



	}



	



.komentarze form input.ok {



	width:auto;



	padding:4px 8px;



	font-weight:bold;



	}	



	



.komentarze form textarea {



	width:400px;



	}	







.komentarze form input, .komentarze form textarea {



	vertical-align:middle;



	margin:0 0 4px 0;



	border:1px dashed #242424;



	padding:2px;



	background:#202020;



	color:#CCCCCC;



	font:11px Arial, Helvetica, sans-serif;



	line-height:16px;



	}	



	



.komentarze form small {



	font-size:11px;



	color:#d3d3d3;



	padding:0 0 0 5px;



	}	



	



/*.navigation {



	margin:10px 0;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	background:#1d1d1d;



	border:1px solid #202020;



	width:180px;



	text-align:center;



	padding:5px;	



	}		*/



.alignright{

   

        width:900px;



}

	



.alignleft a {



	float:left;



	display:block;



	width:100px;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	background:#1d1d1d;



	border:1px solid #202020;	



	text-align:center;



	padding:5px;



	margin:10px 0;	



	list-style-type:none;	



	}	



	



.alignright a {



	float:right;



	display:block;



	width:100px;



	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	background:#1d1d1d;



	border:1px solid #202020;	



	text-align:center;



	padding:5px;



	margin:10px 0;



	list-style-type:none;	



	}		







.alignright a, .alignleft a {



	color:#636363;



	text-decoration:none;



	}	



	



..alignright a:hover, .alignleft a:hover {



	color:#ababab;



	}	



	



.navigation {



	width:600px;



	}	



.social a img{



        opacity:.50;

        filter:alpha(opacity=50);

        filter: “alpha(opacity=50)”;



        }



.social a img:hover{



        opacity:1;

        filter:alpha(opacity=100);

        filter: “alpha(opacity=50)”;



        }


.attachment{

        text-align:center;
        margin-top:30px;
        width:800px;


}


.navegadores{
   margin-left:300px;
   height:120px;
   width:500px;

}

.nav{
   float:left;
}

.post h2{
   
   font-size:20px;
   color:#555;

}

.post h2 a{

   color:#555;
   text-decoration:none;

}

.post h2 a:hover{

   color:#888;

}

.caption{

   float:none;

}