/*
Theme Name: proinfo
Theme URI: http://www.proinfo.com.pl/
Description: proinfo
Author: Michal Kowalski
Author URI: http://michal.ozorkow.net
*/


/* general 
==========================================================================*/
h5 {
  font: 10px "Lucida Grande", Verdana, sans-serif;
   font-weight: bold;
}


h4 {
  font: 12px "Lucida Grande", Verdana, sans-serif;
   font-weight: bold;
}

h3 {
  font: 14px "Lucida Grande", Verdana, sans-serif;
   font-weight: bold;

}


body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font: 11px "Lucida Grande", Verdana, sans-serif;
}
a{
  color: #1C2882
}
a:hover{
  color: #b82349;
}


hr{
  display: none;
}
form, img{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.clearing {
  margin: 0;
  padding: 0;
  font: 1px/1px Verdana, Arial, Helvetica, sans-serif;
  clear: both;
}
#fix-recent-posts{
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 85px;
  overflow: hidden;
  z-index: 1;
}


/* header
==========================================================================*/

#header {
  margin: 0;
  padding: 5px;;
  background: url(skin/header_bkg.jpg) repeat-x bottom 0% 0%;
  height: 110px;
}
#header-wrap, #wrap{
  margin: 0 auto;
  padding: 0;
  width: 830px;
}

/* logo */

#logo{
  margin: 0 0 0 0;
  padding: 5px 0 0 14px;
  float: left;
  background-color: white;
}
#logo a{
  display: block;
  width: 115px;
  height: 100px;
  background: url(skin/logo_150-kopia.png) no-repeat 0% 0%;
  border: none;
  padding-right:10px;
  overflow: hidden;
  text-indent: -3000px;
}
#tagline{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 10px;
  font-weight: lighter;
  color: #848b9b;
}

/* navigation */

#nav{
  margin: 39px 0 0 0;
  padding: 0 74px 0 0;
  float: right;
  list-style: none;
}
#nav li{
  margin: 0;
  padding: 0 21px;
  float: left;
}
#nav a{
  font-size: 12px;
  color: #7e8083;
  text-decoration: none;
}
#nav a:hover, #nav a:active, #nav .current_page_item a{
  color: #4FC216;
  text-decoration: none;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */













/* splash
==========================================================================*/

#splash{
  margin: 0;
  padding: 0;
  background: #a01743 url(skin/splash_bkg.jpg) repeat-x 0% 0%;
  clear: both;
  position: relative;
}
#splash-wrap{
  margin: 0 auto;
  padding: 0;
  width: 750px;
  position: relative;
}

/* recent posts & recent comments*/

#recent-posts{
  margin: 16px 0 0 0;
  padding: 0 0 16px 14px;
  float: left;
  overflow: hidden;
}
#recent-comments{
  margin: 16px 0 0 0;
  padding: 0 0 16px 35px;
  float: left;
  position: relative;
  z-index: 2;
}
#recent-posts-x{
  margin: 16px 0 0 0;
  padding: 0 0 16px 14px;
  float: left;
}



#recent-posts h2, #recent-comments h2, #extra h2{
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  border-bottom: 1px solid #dd5875;
}
#recent-posts ul, #recent-comments ul{
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
#recent-posts li, #recent-comments li{
  margin: 0;
  padding: 0;
}
#recent-posts a, #recent-posts-x a{
  display: block;
  width: 231px;
  font-size: 11px;
  color: #fc89a2;
  text-decoration: none;
  padding: 8px 0 2px 0;
}
#recent-comments a{
  display: block;
  width: 231px;
  font-size: 11px;
  color: #fc89a2;
  text-decoration: none;
  padding: 8px 0 2px 0;
}
#recent-posts a:hover, #recent-comments a:hover, #rexent-posts-x a:hover{
  text-decoration: none;
  color: #ffffff;
}
#recent-posts span, #recent-comments span{
  font-size: 10px;
  color: #dd5875;
}

/* extra */

#extra{
  margin: 0 0 0 35px;
  padding: 16px 0 16px 13px;
  float: left;
  width: 211px;
  background: url(skin/extra_bkg) no-repeat 0% 0%;
  position: relative;
  z-index: 3;
}

/* -search */

#search{
  margin: 18px 0 24px 0;
  padding: 0;
  background: url(skin/search_bkg.jpg) no-repeat 0% 0%;
  width: 204px;
  height: 34px;
}
#search #s-text {
  margin: 0;
  padding: 0;
  float: left;
}
#s {
  margin: 8px 0 0 0;
  padding: 0 0 0 8px;
  font: 12px "Lucida Grande", Verdana, sans-serif;
  width: 160px;
  border: 0;
  color: #acacac;
}
#search #s-submit {
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  background: url(skin/search_submit.png) no-repeat 0% 0%;
  width: 27px;
  height: 22px;
  border: 0;
}
#search label {
  display: none;
}

/* -meta */

.meta{
  margin: 6px 0 0 6px;
  padding: 0 0 6px 23px;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
}
.meta a{
  text-decoration: none;
  color: #fc89a2;
}
.meta a:hover{
  text-decoration: none;
  color: #ffffff;
}

#rss-posts{
  background: url(skin/rss_posts.png) no-repeat 0% 0%;
}
#rss-comments{
  background: url(skin/rss_comments.png) no-repeat 0% 0%;
}
#login{
  background: url(skin/login.png) no-repeat 0% 0%;
}

/* content
==========================================================================*/

#content {
  margin: 0;
  padding: 0 0 0 0;
  background: url(skin/content_bkg.jpg) repeat-x 0% -3px;
  clear: both;
}
#content-wrap{
  margin: 0 auto;
  padding: 0;
  width: 770px;
}

/* post area */

#posts {
  margin: 25px 0 0 0;
  padding: 0 0 0 3px;
  float: left;
  width: 770px;
}

.caption {
  margin: 0;
  padding: 0 0 25px 0;
  font: 18px "Lucida Grande", Verdana, sans-serif;
  color: #ff3000;
}

/* - post - */

.post {
  margin: 0;
  padding: 0 0 35px 0;
}
.post h2, #comments h2, #post-comments h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: lighter;
  color: #23237a;
  letter-spacing: -0.03em;
}
.post h2 a {
  color: #040468;
  text-decoration: none;
  border: none;
}
.date {
  margin: 4px 0 0 1px;
  padding: 0 0 0 20px;
  background: url(skin/date.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
}
.entry {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #3E4655;
}
.entry p {
  margin: 0;
  padding: 0 0 16px 0;
}
.entry blockquote {
  margin: 22px 0 22px 22px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b82349;
}
.entry ul {
  margin: 0;
  padding: 0 0 18px 22px;
  list-style: disc;
}
.entry li {
  margin: 0;
  padding: 0;
}
img.floatleft {
  margin: 0 10px 10px 0;
  float: left;
}
.postmetadata {
  margin: 8px 0 0 0;
  padding: 0;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #565656;
  clear: both;
}
.tags {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/tag.png) no-repeat 0% 0%;
  line-height: 16px;
}
.comments-no {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/comments.png) no-repeat 0% 50%;
  line-height: 16px;
}
.postmetadata a {
  padding: 0;
  color: #1C2882;
  text-decoration: none;
}
.postmetadata a:hover {
  text-decoration: none;
  color: #b82349;
}

/* - comments - */

#comments {
  margin: 20px 0 0 0;
  padding: 0;
}
.add-comment{
  margin: 4px 0 0 0;
  padding: 0;
}
.add-comment a {
  padding: 2px 0 2px 20px;
  background: url(skin/add.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
  text-decoration: none;
  border: none;
}
.add-comment a:hover {
  color: #ff4e6a;
  text-decoration: none;
}
#comments ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #888888;
}
#comments ol li {
  margin: 0;
  padding: 0;
  clear: both;
}
.author {
  margin: 0;
  padding: 18px 0 6px 0;
  float: left;
  width: 170px;
  font: 10px/2.5em "Lucida Grande", Verdana, sans-serif;
  color: #bbbbbb;
}
.author a {
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #b82349;
}

.comment {
  margin: 0;
  padding: 20px 0 6px 0;
  float: right;
  width: 320px;
}
.comment span, .no-find {
  margin: 0;
  padding: 2px;
  background: #F4F29D;
  color: #862D2D;
  font-style: italic;
  font-size: 12px;
}

.comment p {
  margin: 0;
  padding: 0;
}

/* - comments form - */

#post-comments {
  margin: 0;
  padding: 40px 0 0 0;
  clear: both;
  color: #888888;
}
#reply {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 11px;
}
.comment-field {
  margin: 0;
  padding: 0 0 12px 0;
}
.comment-field textarea {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.comment-field label {
  float: left;
  width: 170px;
}
.input-text {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.input-button {
  margin: 0 0 0 171px;
  padding: 0 5px;
  color: #565656;
}

/* sidebar
==========================================================================*/

#sidebar{
  margin: 4px 0 0 0;
  padding: 45px 0 0 0;
  background: url(skin/sidebar_bkg.jpg) no-repeat 0% 0%;
  float: right;
  width: 224px;
}
#sidebar h2 {
  margin: 0;
  padding: 0 0 0 19px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #b82349;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  line-height: 12px;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
}
#sidebar ul li ul {
  margin: 0;
  padding: 15px 0 12px 0;
}
#sidebar ul li ul li {
  margin: 0;
  padding: 0;
}
#sidebar a {
  color: #34445F;
  text-decoration: none;
  padding: 0 0 0 36px;
  background: url(skin/bullet.png) no-repeat 23px 50%;
  border: none;
  line-height: 22px;
}
#sidebar a:hover {
  color: #ff4e6a;
  text-decoration: none;
}



#footer{
  margin: 0;
  padding: 0 0 0 0;
}
#footer-wrap{
  margin: 0 auto;
  padding: 10px;
  width: 750px;
  border-top:#663399 1px dotted;

}
#copyright{
  margin: 0;
  padding: 0 0 0 14px;
  color: #777;
}

/* CSS Document */
#menudiv{
	height:64px;
	margin:0 auto;

}
.rhm1-left{
	background:url(images/rhm1_l.gif) no-repeat;
	width:15px;
	height:64px;
	float:left;
}
.rhm1-right{
	background:url(images/rhm1_r.gif) no-repeat;
	width:15px;
	height:64px;
	float:right;
}
#menu{
	background:url(images/rhm1_bg.gif) repeat-x;
	height:64px;
}
#menu ul{
	list-style:none;
	margin:0 auto;
}
#menu li{
	float:left;
	list-style:none;
}
#menu li a{
	float:left;
	display:block;
	color:#330000;
	text-decoration:none;
	font:11px Arial, 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:0 0 0 12px;
	line-height:38px;
	text-align:center;
	cursor:pointer;	
}
#menu li a span{
	float:left;
	display:block;
	padding:0 13px 0 0px;
}
#menu li.current_page_item a{
	color:#fff;
	background:url(images/rhm1_hover_l.gif) no-repeat left 5px;
}
#menu li.current_page_item a span{
	color:#fff;
	background:url(images/rhm1_hover_r.gif) no-repeat right 5px;
}
#menu li a:hover{
	color:#fff;
	background:url(images/rhm1_hover_l.gif) no-repeat left 5px;
}
#menu li a:hover span{
	color:#fff;
	background:url(images/rhm1_hover_r.gif) no-repeat right 5px;
}


/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_film.gif) no-repeat top left;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_pic.gif) no-repeat top left;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_doc.gif) no-repeat top left;
}

a[href$='.txt'] {
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_txt.gif) no-repeat top left;
}

a[href$='.xls'] {
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_xls.gif) no-repeat top left;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_feed.gif) no-repeat top left;
}

a[href$='.opml'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_opml.gif) no-repeat top left;
}

a[href$='.phps'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_phps.gif) no-repeat top left;
}

a[href$='.phps'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_phps.gif) no-repeat top left;
}

a[href$='.torrent'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_torrent.gif) no-repeat top left;
}

a[href$='.vcard'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_vcard.gif) no-repeat top left;
}

a[href$='.exe'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_exe.gif) no-repeat top left;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_dmg.gif) no-repeat top left;
}

a[href$='.pps'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_pps.gif) no-repeat top left;
}

a[href$='.pdf'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_pdf.gif) no-repeat top left;
}

a[href$='.xpi'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_plugin.gif) no-repeat top left;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_flash.gif) no-repeat top left;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_archive.gif) no-repeat top left;
}

a[href$='.ical'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_ical.gif) no-repeat top left;
}

a[href$='.css'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_css.gif) no-repeat top left;
}

a[href$='.ttf'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_ttf.gif) no-repeat top left;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_film.gif) no-repeat top left;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_music.gif) no-repeat top left;
}

/* messenger */
a[href ^="aim:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_aim.gif) no-repeat top left;
}

a[href ^="msnim:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_msn.gif) no-repeat top left;
}

a[href ^="xmpp:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_jabber.gif) no-repeat top left;
}

a[href *="icq.com"] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_icq.gif) no-repeat top left;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 0px 0px 5px 20px;
	background: transparent url(images/icons/icon_yim.gif) no-repeat top left;
}

a[href ^="callto:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_call.gif) no-repeat top left;
}

a[href ^="skype:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_skype.gif) no-repeat top left;
}

a[href ^="gg:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_gadugadu.gif) no-repeat top left;
}

/* email */
a[href ^="mailto:"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_mailto.gif) no-repeat top left;
}

/* email */
a[target ^="_blank"] {
	padding: 0px 0px 5px 20px;
    background: transparent url(images/icons/icon_outside.gif) no-repeat top left;
}


/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */



#breadCrumb {
	width: 760px;
	margin: 0 auto;
	font-size: 10px;
	text-align:left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom:#663399 1px dotted;
	color: black; /*This is our color on the text which isn't a link. We want' they to be light grey */
}

#breadCrumb a {
	color: black; /* Our breadcrumb links are going to be white */
	font-weight: bold; /* And bold */
	padding-right: 0px; /* We need to add some padding to the right of the link. This space is where the background image is goin */
	text-decoration: none;
}