@charset "UTF-8";

/* CSS Document */



/*  ====== general settings ====== */

* {

      padding: 0;

      margin: 0;

}



body {

      background: #c0c0c0 url(../images/bodyBackground.jpg) repeat-x left top;	  

      margin: 0;

      padding: 0;

      font: 12px Geneva, Verdana, sans-serif;

}

a:hover {

      border-bottom: 1px dotted #008000;

      background: transparent;

}

.external {

      width: 100%;

      height: 600px;

}



/* ====== header and menu ====== */



#headerContainer {

     position: relative;

	 width: 1150px;

	 height: 265px;

	 margin: 0 auto;

	 background: url(../images/headerContainerBackground.jpg) no-repeat left top;

}

#header {

         position: absolute;

	 left: 126px;

	 top: 61px;

	 width: 899px;

	 height: 124px;

	 background: transparent;

         z-index: 1;

}

#titleBlock {

         position: absolute;

         top: 0;

         left: 0;

         z-index: 100;

}

#menuContainer {

		position: absolute;

		left: 126px;

		top: 185px;

		width: 899px;

		height: 80px;

		background: url(../images/menuContainerBackground.jpg) no-repeat left top;

                z-index: 50;

}

#menuContainer ul#mainMenu {

        margin:0 2em;

		padding: 2.4em 0;

		font-family: Geneva, Verdana, sans-serif;

                font-size: 1.05em;

		font-weight: bold;

		float: left;

                width: 680px;

}

#menuContainer ul#mainMenu li {

		display: block;

		float: left;

		margin: 0;

		padding: 0;

		padding-right: 1.5em;

                padding-bottom: .5em;

}

#menuContainer ul#mainMenu li a:link,

#menuContainer ul#mainMenu li a:visited {

      text-decoration: none;

      color: #fff;

      padding-bottom: .2em;

}

#menuContainer ul#mainMenu li a:hover,

#menuContainer ul#mainMenu li a:active {

		border-bottom: 1px dotted #fff;	

}

#menuContainer #activeUsers {

           /* font-size: 1em; */

	   float: right;

	   margin: 2.4em 1.5em 0 0;

	   padding: 0;

	   color: #c0e0c0;

	   font-style: italic;

}

/* ====== conent ====== */

#outerContentContainer {

      position: relative;

      width: 1150px;

      margin: 0 auto;

}

#contentContainer {

      clear: both;

      position: relative;

      left: 125px;

      top: 0;

      padding: 0;

      width: 899px;

      background-color: #f0fff0;

      border-left: #808080 solid 1px;

      border-right: #808080 solid 1px;

}

#contentContainer a:link,

#contentContainer a:visited {

      padding-bottom: .1em;

      text-decoration: none;

      color: #006000;

}

#contentContainer a:hover,

#contentContainer a:active {

      border-bottom: dotted 1px #008000;

}

#contentContainer a:hover img,

#contentContainer a:active img {

      border-bottom: none;

}

#leftColumn {

	float:left;

	left: 1px;

	top: 0;

	width: 150px;

	margin: 0;

	padding: 0 10px 0 10px;

        margin-bottom: 30px;

        border-right: 1px dotted #d0d0d0;

	font-size: .9em;

}

#contentContainer h1 {

      color: #fff;

      font-size: 1em;

      padding: .2em 1ex .1em 1ex;

      font-family: Geneva, Verdana, sans-serif;

      background: #87ba87;

      margin: 1em 0 0 0;

      border-top: 1px solid #477a47;

}

#rightColumn {

	float: right;

	width: 150px;

	margin: 0;

	border-left: 1px dotted #d0d0d0;

	padding: 0 10px 0 10px;

        margin-bottom: 30px;

        font-size: .9em;

}

#rightColumn #reklama img {

      margin-top: 10px;

      width: 150px;

      border: none;

}

#rightColumn div#reklama a:hover {

      border: none;

}



#contentColumn {

	float: left;

	margin: 0;

	width: 537px;

	padding: 0 10px 30px 10px;

}

#twoColumnContent {

      float: left;

      margin: 0;

      width: 707px;

      padding: 0 10px 30px 10px;

}

#contentColumn h1, 

#contentColumn h2,

#twoColumnContent h1 {

      color: #fff;

      font-size: 1.2em;

      padding: .4em 1ex .4em 1ex;

      font-family: Geneva, Verdana, sans-serif;

      background: #87ba87;

      margin: 0;

      margin-top: 10px;

      margin-bottom: .5em;

      border-top: solid 1px #477a47;

      border-bottom: solid 1px #477a47;

      /* dodane potem */

      border-left: solid 1px #477a47;

      border-right: solid 1px #477a47;      

}

#twoColumnContent h2 {

      color: #477a47;

      font-size: 14px;

      font-weight: bold;

      font-family: Geneva, Verdana, sans-serif;

      margin: 1em 0 .5em 0;

}

#contentColumn ul,

#twoColumnContent ul {

      margin: .3em 10px .3em 2em;

}

.leftMarginBox {

      border-left: 1px solid #477a47;

      border-right: 1px solid #477a47;

      border-bottom: 1px solid #477a47;      

      margin-bottom: .1em;

      margin-top: 0;

      padding: 0;

      background-color: #e8ffe8;

}

.rightMarginBox {

      border-left: 1px solid #477a47;

      border-right: 1px solid #477a47;

      border-bottom: 1px solid #477a47;      

      margin-bottom: .1em;

      margin-top: 0;

      padding: 0;

      background-color: #e8ffe8;

}

.leftMarginBox .blockTitle h1,

.rightMarginBox .blockTitle h1 {

      font-size: 1.2em;

      font-weight: bold;

}

.rightMarginBox ul {

      list-style-type: none;

}

.leftMarginBox .blockContent ul {

      list-style-type: none;

}

.leftMarginBox .blockContent ul li {

      margin-bottom: .3em;

}

.blockContent {

      padding: 10px; 

}

.blockContent table {

      /* margin-top: 10px; */

}

.blockContent ul table.loginTable input {

      margin-bottom: .7em; 

}

.blockContent ul.lastFromForum {

      list-style-type:  none;

}

.blockContent ul.lastFromForum li {

      padding-right: 5px;

      padding-bottom: 5px;

      border-right: 1px dashed #477a47;      

      border-bottom: 1px dashed #477a47;      

      margin-bottom: 5px;

}

.blockContent ul.lastFromForum li a,

.blockContent ul.lastFromForum li div * {

      /* font-family: Geneva, Verdana, sans-serif; */

      /* font-size: 11px; */

      /* font-weight: normal; */

}

.blockContent ul.ulLista {

      list-style-type:  none;

}

.blockContent ul.ulLista li.lista {

      padding-right: 5px;

      padding-bottom: 5px;

      border-right: 1px dashed #477a47;      

      border-bottom: 1px dashed #477a47;      

      margin-bottom: 5px;

}

.blockContent ul.ulLista li.lista a {

      /* font-family: Geneva, Verdana, sans-serif; */

      /* font-size: 11px; */

      /* font-weight: normal; */

}

.leftMarginBox .BlockContent {

      margin-top: 10px;

      padding: 0;

}

.rightMarginBox .BlockContent * {

      /* font-weight: normal; */

}

.normalSubTitle {

      /* margin-bottom: 20px; */

}

table td input .medium2 {

      background-color: #87ba87; 

}

.blockContent div#loginBox h3 {

      width: 100%;

      text-align: center;

      /* font-size: 1.2em; */

      /* font-weight: normal; */

      /* font-family: Geneva, Verdama, sans-serif; */

      padding: 0.2em 0 0.1em 0;

      color: #477a47;

}

.blockContent div#loginBox h3 a {

      /* font-weight: bold; */

}

.blockContent div#loginBox ul#userProfileIcons {

      list-style-type: none;

      margin-bottom: 2em;

      margin-left: -10px;

}

.blockContent div#loginBox ul#userProfileIcons li {

      padding: .7em 0 .7em 30px;

      margin-left: 1em;

}

.blockContent div#loginBox ul#userProfileIcons li#userProfile {

      background: url(../media/profile.gif) no-repeat left top;

}

.blockContent div#loginBox ul#userProfileIcons li#userMessageBox {

      background: url(../media/message.gif) no-repeat left top;

}

.blockContent div#loginBox ul#userProfileIcons li#userMessageBox a.message2 {

      /* font-weight: bold; */

}

.blockContent div#loginBox ul#userProfileIcons li#userFriends {

      background: url(../media/friends.gif) no-repeat left top;

}

.blockContent div#loginBox ul#userProfileIcons li#siteAdmin {

      background: url(../media/admin.gif) no-repeat left top;

}

.blockContent div#loginBox div#logoutBox {

      text-align: center;

      width: 150px;

      margin-bottom: .3em;

}

.blockContent div#loginBox div#logoutBox a:link,

.blockContent div#loginBox div#logoutBox a:visited,

.blockContent div#loginBox div#logoutBox a:active {

      /* text-indent: 1900px; */

      margin: 0 auto;

      display: block;

      width: 110px;

      height: 23px;

      background: url(../media/logout.gif) no-repeat left top;

      border: none;

}

.blockContent div#loginBox div#logoutBox a:hover {

      background-position: left bottom;

}

.usersTable {

      /* font-family: Geneva, Verdana, sans-serif; */

      /* font-size: .8em; */

}

.pollQuestion {

      color: #477a47;

      /* font-family: Geneva, Verdana, sans-serif; */

      /* font-size: 1.05em; */

      /* font-weight: normal; */

      padding-bottom: 1.5em;

}

.pollSubmit {

      padding-top: 1.5em;

}

.pagination {

      margin: 30px 0 10px 0;

      text-align: center;

      font-size: 12px;

      font-weight: normal;

}

/* ====== footer ====== */

#footer {

    font: 10px Geneva, Verdana, sans-serif;

    clear: both;

    position: relative;

    left: 125px;

    bottom: 0;

    padding: 0;

    padding-top: .65em;

    width: 901px;

    height: 50px;

    background: url(../images/footerBackground.jpg) no-repeat left top;

    text-align: center;

    color: #c0e0c0;

 }

 #footer a:link, #footer a:visited{

      color: #c0e0c0; text-decoration: none;

 }

 #footer a:hover, #footer a:active{

      border-bottom: 1px dotted #c0e0c0;

 }