/*
Theme Name: Accord
Theme URI: http://www.justkins.com
Description: Accord to <a href="http://www.justskins.com" title="Download Wordpress Themes">gładki theme do WordPressa</a> z obsługą widgetów. Zaprojektowany przez <a href="http://www.justskins.com">Just Skins</a> i rozwijany przez <a href="http://www.gsmhacks.com">GSM Hacks</a>. Spolszczenie: <a href="http://www.adamklimowski.tox.pl">Adam Klimowski</a>.
Version: 1.0
Author: Ravish Ahuja, Aditi Tuteja & R.Bhavesh
Author URI: http://www.xeonext.com

   This theme is released under Creative Commons Attribution 2.5 License.

*/

body {
   font: 80%/150% "Trebuchet MS", Tahoma, Arial;
   color: #303030;
   background: #307aa9;
   margin: 0px;
   padding: 0px;
}
a {
   color: #006699;
   text-decoration: none;
}
a:visited {
   color: #006699;
   text-decoration: none;
}
a:hover {
   color: #24A6D9;
}
img {
   border: none;
}
p {
   padding: 0px 0px 15px;
   margin: 0px;
}
h1 {
   margin: 5px 0;
   font: lighter 2em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
   color: #FFFFFF;
}
h1 a, h1 a:visited{
   color: #FFFFFF;
   text-decoration: none;
}
h1 a:hover{
   color: #FFFFFF;
   text-decoration: none;
   border: none;
   background: none;
}
h2 {
   color: #006699;
   margin: 0px 0px 2px;
   background-position:3px 0;
   padding:0 0 1px 0;
   width:100%;
   font: lighter 1.5em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
h2 a, h2 a:visited {
   color: #006699;
   text-decoration: none;
}
h2 a:hover {
   color: #24A6D9;
   text-decoration: none;
}
h3 {
   font: bold 125%/100% "Trebuchet MS", Tahoma, Arial;
   color: #006699;
   margin: 10px 0px 5px;
}
h4 {
   font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
   color: #006699;
   margin: 10px 0px 5px;
}
form {
   margin:0px;
   padding:0px;
}
#wrapper {
   background: #307aa9;}
#page {
   margin: 0px auto;
   width: 754px;
   border:7px solid #fff;
   border-top: none;
   background:#fff url(images/pagebg.png) repeat-y right;
}
/* header area */
#header{
   position: relative;
   margin: 0px auto;
   width: 768px;
}

#header h1 {
   float:left;
   width:159px;
   height:45px;

   text-indent:-9009px;
   overflow:hidden;
   clear:both;}

#header  h1 a, #headerimg h1 a:visited{
   display:block;
   width:227px;
   height:27px;
   }
#header h1 a:hover{
}

#navi{
   float: left;
   height: 45px;
   width: 100%;
   background: url(images/navbg.gif) no-repeat;
   overflow: hidden;
}
#nav {
   list-style: none;
   margin: 7px 0 0 0;
   padding-top: 7px;
}
#nav li {
   float: left;
   height: 31px;
   background: url(images/navtabactiver.png) top right no-repeat;
   margin: 0 3px;
   white-space: nowrap;
}
#nav .page_item a{
   color: #006699;
   display: block;
   background: url(images/navtabactivel.png) top left no-repeat;
   text-decoration: none;
   padding: 0px 10px 0px 10px;
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   line-height: 31px;
}
#nav li:hover {
   background-position: 100% -38px;
   color: #fff;
}
#nav .page_item a:hover {
   background-position: 0px -38px;
   border: none;
   color: #fff;
}

#nav li.current_page_item {
   color: #fff;
   text-decoration: none;
   background: url(images/navtabr.png) top right no-repeat;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
   color: #fff;
   text-decoration: none;
   background: url(images/navtabl.png) top left no-repeat;
}

#mainbanner{
   height:129px;
   width:754px;
   clear:both;
   margin:0 auto;
   background:url(images/bannerbg.png) no-repeat right;
   border-left:7px solid #fff;
   border-right:7px solid #fff;
   }

.description{
   padding: 30px 0 0 20px;
   color: #fff;
   font: lighter 14px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}


/* content area */
#content {
   padding: 0px 0px 30px 0;
   float: left;
   width: 494px;
   overflow: hidden;
}
#content img {
   border: 1px solid #D3EAF3;
   padding: 5px;
}

.narrowcolumn {
   margin: 15px 0 10px 0;
}

.post {
   clear:both;
}

.entry {
   background: #e4f1fa;
   padding-bottom:7px;
   width:493px;
   display: table;
}
.entrytop{
   padding-top: 9px;
   background: #e4f1fa;
   width:493px;
   display:table;
   }

.entry h2 {
   width:475px;
   margin:0 auto!important;
}

.postmeta {
   margin: 0;
   padding: 5px 5px 5px 28px;
   font-size: 0.9em;
   color: #666;
   border-bottom: 1px solid #e4f1fa;
   background: url(images/file_icon.gif) no-repeat left;
   }
.comments-link{
   padding: 0 0 0 20px;
   background: url(images/comments.gif) no-repeat left;
   }
.post-content {
   clear: both;
   padding: 5px;
}
.post-content a {
   color: #006699;
   text-decoration: none;
   font-weight: bold;
   border-bottom: 1px dotted #e4f1fa;
}
.post-content a:hover {
   color: #24A6D9;
   text-decoration: none;
   font-weight: bold;
   border-bottom: none;
}

.post-info {
   padding: 5px 5px 15px 5px;
   height: 15px;
   color: #006699;
   font: 12px "Trebuchet MS", "Tahoma", sans-serif;
}
.post-info a {
   color: #006699;
   text-decoration: none;
}
.post-info a:hover {
   color: #24A6D9;
   text-decoration: underline;
   border: none;
   background: none;
}
.post-content blockquote {
   background: url(images/quote.gif) no-repeat left top;
   font-style:italic;
   padding: 0 0 0 20px;
   margin:0 0 0 10px;
   width: 415px;
}
.navigation {
   clear: both;
   padding: 10px 0px;
}
.navigation a, .navigation a:visited {
   color: #006699;
}
.previous-entries a {
   float: left;
   padding-left: 18px;
   background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
   float: right;
   padding-right: 18px;
   background: url(images/mini-nav-right.gif) no-repeat right center;
}


/*Sidebar starts*/

#sidebar {
   float: right;
   background: url(images/sidebarbg.gif) no-repeat top;
   font-size:100%;
   width: 259px;
   margin: 0px;
   color:#333;
   }
#sidebar a{
   color:#333;
   text-decoration:none;
   }
#sidebar a:hover{
   color: #FF6600;
   }
#sidebar h2 {
   color: #d4a107;
   margin: 15px 0px  10px 0px;
   width:100%;
   background:none;
   padding:0;
   font: lighter 1.5em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
   padding-bottom: 3px;
}
#sidebar p{
   padding: 2px 0px 16px 0px;
   margin: 0px;
   line-height: 20px;
   }

/*sidebar list level1 */
#mainul{
   margin:0 15px!important;
}

#sidebar ul {
   margin: 0;
   padding: 0;
}
#sidebar ul li {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
   padding: 0;
   margin: 0;
}
#sidebar ul li ul li{
   padding: 2px 0;
   margin:2px 0;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
   padding: 1px 0;
   border: none;
}
/*blogroll */
ul.list-blogroll li, li.list-blogroll ul li, li.linkcat ul li{
   background: url(images/mini-blogroll.gif) no-repeat !important;
   background-position:0 3px!important;
   padding-left: 20px !important;
}

/*Meta*/
li.list-meta ul li, .widget_meta ul li{
   background: url(images/mini-page-arrow.gif) no-repeat !important;
   padding-left: 10px !important;
}

/*category widget */
li.list-cat ul li, ul.list-cat li, .widget_categories ul li{
   background: url(images/mini-category.gif) no-repeat !important;
   background-position:0 3px!important;
   padding-left: 20px !important;
}
/*archives widget */
li.list-archives ul li, .widget_archives ul li{
   background: url(images/mini-monthly-archive.gif) no-repeat !important;
   background-position:0 3px!important;
   padding-left: 20px !important;
}
/*pages widget */
li.list-page ul li, ul.list-page li, .widget_pages ul li, .widget_recent_entries ul li{
   background: url(images/mini-page.gif) no-repeat !important;
   background-position:0 3px!important;
   padding-left: 20px !important;
}
/*sub-pages */
ul li.list-page ul li ul li, ul.list-page li ul li, .widget_pages ul li ul li{
   background: url(images/mini-page-arrow.gif) no-repeat !important;
   padding-left: 10px !important;
}
/*recent comments widget */
li.list-recent ul li, .widget_recent_comments ul li{
   background: url(images/vcard.gif) no-repeat !important;
   background-position:0 3px!important;
   padding-left: 20px !important;
}
/* Admin block sidebar */
li.admin-sidebar ul li, .widget_recent_comments ul li{
   background: url(images/bullet_green.gif) no-repeat !important;
   background-position:0 3px!important;
   padding-left: 15px !important;
}
/*calendar widget */

li.widget_calendar td {
   padding: 1px 6px;
}
div.widget_calendar h2 {
   display:none;
}


/* Form Elements */
#search{
   display: none;
}

#sidebar form {
   margin:0;
   padding:5px 0;
   clear:both;
}
.searchtitle {
   font:bold 15px "Trebuchet MS", sans-serif, "Lucida Sans", Tahoma!important;
   color:#2c65a8;
}
#searchform {
   margin: 10px auto;
   padding: 0;
   }

#searchform #s {
   height:17px;
   width:180px;
   margin-left:10px;
   font:10px Verdana, Arial, Helvetica, sans-serif;
   border:1px solid #fff;
   }

#searchsubmit {
   padding:0;
   background:#fce49b;
   border:none;
   width:50px;
   height:21px;
   font:11px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
   }
#searchsubmit:hover {
   background:#fff;
   }


/* Sidebar RSS Link*/

.rsslinks{
   padding:10px;
   margin-bottom:15px;}
.rsslinks ul{
   list-style:none;}
.rsslinks li{
   display:inline;}
.rsslinks li a{
   background:url(images/rss.gif) no-repeat left;
   padding:3px 3px 3px 20px;
   margin-right:10px;}






/*text widget */
.textwidget {
   padding-top: 5px;
}



/* comments area */
#comments, #respond {
   border-bottom: 1px solid #e4f1fa;
   margin: 0 10px 0 0px;
   padding-bottom: 4px;
   clear: both;
}

.commentlist {
   margin:0; padding:0;
   line-height: 130%;
   width:485px;
}
.commentlist li{
   margin:10px 0; padding:0;
   list-style:none;
   background:url(images/crv_btm.gif) no-repeat bottom;
   width:485px;
}

.commenttext{
   border-bottom:1px solid #e4f1fa;
   margin-bottom:5px;}

.comment-btm{
   background:url(images/crv_top.gif) no-repeat top;
   padding:10px 20px 40px 20px;
   text-align:justify;}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
   font-style: normal;
   font-size: 100%;
}
.commentlist small {
   margin-bottom: 5px;
   font-size: 87%;
}
#commentform {
   margin-top: 10px;
   font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
   padding: 6px 0px;
   margin: 0px;
}
#commentform label{
   color: #787878;
   font-size: 87%;
}
#commentform input{
   width: 200px;
   background:#f2f8fb;
   border: 1px solid #dbeff6;
   padding: 3px;
   margin-top: 3px;
}
#commentform textarea{
   width: 475px;
   height: 115px;
   background:#f2f8fb;
   border: 1px solid #dbeff6;
   padding: 2px;
   margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
   background: #ffffff;
}
#commentform #submit{
   background: url(images/btn-bg.gif) no-repeat;
   border: 1px solid #dbeff6;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #006699;
   float: right;
   width: 144px;
   height: 28px;
   margin-right:10px;
   cursor: pointer;
}



/* footer area */
#footerbg {
   clear: both;
}
#footer {
   width: 760px;
   color: #e4f1fa;
   margin: 0px auto 0px;
   padding: 5px 0px 30px 0px;
   line-height: 18px;
   font-size: 0.9em;
}
#footer a {
   color: #e4f1fa;
   font-weight: bold;
}

#footer a:hover {
   color:#FFF;
}

.xhtml_valid {
   background:url(images/xhtml_valid.gif) no-repeat left;
   padding-left:20px;
   margin:0 5px;
}
.css_valid {
   background:url(images/css_valid.gif) no-repeat left;
   padding-left:20px;
   margin:0 5px;
}
.rss {
   background:url(images/rss_valid.gif) no-repeat left;
   padding-left:20px;
   margin:0 5px;
}

/* credits */
#credits {
   margin: 0px auto;
   width: 760px;
   color: #39a1ce;
   font-size: 110%;
   line-height: 50px;
}
#credits a, #credit a:visited {
   color: #39a1ce;
}

.footer-meta ul li.rss {
   background: url(images/mini-rss.gif) no-repeat left 2px;
   padding: 0px 0px 10px 20px;
}
.loginout {
   background:#132f3c url(images/mini-loginout.gif) no-repeat left center;
   padding-left: 18px;
   padding-bottom: 2px;
   margin-left: 8px;
}


.valid{
   background:url(images/valid.gif) no-repeat left;
   padding-left:20px;
   margin:0 5px;}

/* alignments */
.center {
   text-align: center;
}
img.center, img[align="center"] {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
img.alignleft, img[align="left"] {
   float:left;
   margin: 2px 10px 5px 0px;
}
.alignright {
   float: right;
}
img.alignright, img[align="right"] {
   float:right;
   margin: 2px 0px 5px 10px;
}
.clear {
   clear:both;
}
hr.clear {
   clear:both;
   visibility: hidden;
   margin: 0px;
   padding: 0px;
}