/*
Theme Name: moko3
Theme URI: http://mokofashion.com
Description: Moko
Version: 3
Author: moko
Author URI: http://mokofashion.com
Tags: moko, black, right-sidebar, widgets, widgetized

*/
body                                          /*tu jest ogólne formatowanie tła i koloru czcionki wpisów */
{
	margin: 0;
	padding: 0;
	background: #000000 url('images/tlopasy.gif');
	font: normal 13px "Bookman Old Style";
	color: #ffffff;

        /*text-align: left;*/
}

/* Links */

a:link { color: #CCCCCC; text-decoration: none;}

a:visited { color: #CCCCCC; text-decoration: none; }

a:hover, a:active { color: #ffffff; font-weight: bold;}

h3 a:link { color: #CCCCCC; text-decoration: none; }

h3 a:visited { color: #CCCCCC; text-decoration: none; }

h3 a:hover, a:active { color: #FFFFFF; }

/* Typography */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0; padding: 0; }

h1 { font-size: 36px; color: #CCCCCC;}

h2 { font-size: 28px; color: #CCCCCC;}

.post-title h2 {color: #CCCCCC; font-weight:bold; text-transform: uppercase; margin-bottom:5px;}

h3 { font-size: 24px; color: #CCCCCC;}

h4 { font-size: 20px; color: #CCCCCC; }

h5 { font-size: 16px; color: #CCCCCC;}

h6 
{ 
	font-size: 12px; 
	text-transform: uppercase; 
	margin: 5px 0; 
	font-weight: bold; 
}

ul { line-height: 1.8em; list-style-type: circle; color: #cccccc; }

ol { line-height: 1.8em; color: #CCCCCC;}

blockquote
{
	color: #CCCCCC;
	background-color: #555555;
	border: 1px solid #2b2b2b;
	padding: 5px 10px; 
	margin: 10px 10px;
}

code {  font-family: Consolas, Verdana, Arial, "Courier New"; 	
        color: #555555;
        font-weight: bold;
	padding: 5px 10px; 
	margin: 10px 20px;
     }

abbr, acronym { font-style: normal; border-bottom: 1px solid #2b2b2b; cursor: help; }

em { font-style: italic; }

strong { font-weight: bold; }

del { text-decoration: line-through; color: #000000; font-size: 11px; }

ins { text-decoration: none; color: #679b3c; }       /*gdzie jest zielony kolor? */

p em, 
cite
{
	font-family: "Bookman Old Style";
}

/* Structure */

#container
{
	width: 960px;                     /* tu jest szerokość strony */
	margin: 0px auto;
	font-size: 14px;                     /* tu jest rozmiar czcionki we wpisach */
	
}

#header
{	                                             /* tu formatowanie wyglądu nagłówka: rozmiar, położenie, kolory, ale też formatowanie tekstu!!! */
        background: #000000;
        text-align: center;
        padding-top: 14px;
        padding-bottom: 14px;
        width: 960px;
        border-left: solid #111111 8px;
        border-right: solid #111111 8px;
        /*border-bottom: solid #111111 8px;*/
        border-top: solid #111111 8px;	
}

#headnavigation
{
	float: left; 
	width: 960px;
	background-color: #000000;
	text-transform: uppercase;
        font-weight: bold;
        font-size: 20px;
}

#wrapper
{                                           /* tu formatowanie wyglądu zawartości strony: rozmiar, położenie, kolory */
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 960px;
        background: #161616;            /*   tu jest kolor tła zawartości strony!!!  */
        border-left: solid #111111 8px;           /*   tu jest kolor ramki zawartości strony!!!  */
        border-right: solid #111111 8px;
        border-bottom: solid #111111 8px;
        border-top: solid #111111 4px;
}

#content-wrapper
{
	width: 720px;
	float: left;
}

#content
{
	/* width: 660px;    tu jest szerokość wpisów na stronie bloga!!!  */
	float: left;
	padding: 27px;
	line-height: 1.6em;
	text-align: justify;
}

#content .commentbox {
	color: #CCCCCC;
	background-color: #2b2b2b;
	padding: 2px 5px 2px 5px;
	border-top: solid #2b2b2b 1px;
	border-bottom: solid #2b2b2b 1px;
	text-transform: none;                   /* tu jest formatowanie wyglądu i tekstu w stopce każdego wpisu na blogu */
	font-size: 12px;
        margin-bottom: 10px;
        width: 660px;
}
#comments {
	color: #cccccc;
	padding: 0px;
	/* background-color: #1e1e1e; */                 /* tu jest kolor calego pola z komentarzami - jeśli zakomentowane, tzn że nie działa i jest czarne */
}
#comments .comment {
        padding: 10px;
        background-color: #2b2b2b;
	border-bottom: 20px solid #1e1e1e;
}






#comments .comment cite {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
}
#sidebar-wrapper
{
        display: inline;
        margin-left: 2px;
        margin-top: 25px;
        margin-bottom: 25px;
	width: 224px;
	float: left;
        background-color: #000000;
	border: solid #2b2b2b 2px;

}

#sidebar
{
	float: left;
	width: 212px;
	padding: 10px;


	font-size: 10pt;
	text-align: left;
}

#footer
{
	clear: both;
	float: left;
        height: 30px;
	width: 100%;
	margin: 0px 0;
	color: #cccccc;
	padding: 10px 0;
        text-align: center;
	background-color: #000000;
        border-left: solid #111111 8px;           /*   tu jest kolor ramki zawartości strony!!!  */
        border-right: solid #111111 8px;
        border-bottom: solid #111111 8px;

}

/* Single Post - News*/

#news_post_content-wrapper                                              /* tu jest formatowanie tekstu i czcionki pojedyńczego wpisu w newsach  było 800 */
{
	width: 800px;
	padding: 10px 0 20px 0;
	margin: 5px 0 0 80px;
}

#news_post_content
{
        float: left;
	padding: 27px;
	line-height: 1.6em;
	text-align: justify;
}

/* Single Post */

#post_content-wrapper                                              /* tu jest formatowanie tekstu i czcionki pojedyńczego wpisu   */
{
	width: 760px;
	padding: 10px 0 20px 0;
	margin: 5px 0 0 80px;
}

#post_content
{
        float: left;
	padding: 27px;
	line-height: 1.6em;
	text-align: justify;
}

#post_content .commentbox {                    /*tu jest formatowanie nagłówka - szarego paska komentarzy pod pojedyńczym wpisem */
	color: #CCCCCC;
	background-color: #1e1e1e;
	padding: 2px 5px 2px 5px;
	border-top: solid #2b2b2b 1px;
	border-bottom: solid #2b2b2b 1px;
	text-transform: none;
	font-size: 12px;

        margin-bottom: 10px;
        width: 720px;
}




/* Navigation */

#pagenavigation li { float: left; display: inline;}


#headnavigation ul
{
	margin: 0 5px;

	float: left;
	width: 960px;
	padding: 0px 0;
	list-style-type: none;
}

#headnavigation li { float: left; margin: 0 0 0 5px; padding: 0; }

#headnavigation a:link,
#headnavigation a:visited
{
	float: left;
	display: block;
	color: #CCCCCC;
	padding: 5px 10px;

}

#headnavigation ul li.current_page_item   a:link,
#headnavigation ul li.current_page_item   a:visited,
#headnavigation ul li.current_page_item   a:hover,
#headnavigation ul li.current_page_item   a:active
{
	color: #ffffff;

	background-color: #161616;

}

#navigation ul li.search
{
        float:right;
        margin-right: 10px;
}


/* Header */                                                            /*tu formatowanie czcionki nagłówka*/


#header h1 a:link,
#header h1 a:visited
{
	color: #ffffff;
}

#header h1 a:hover,
#header h1 a:active
{
	color: #ffffff;
	background-color: transparent;
}

h1.blog-title {
        display: inline;
        }

h1.blog-title a {
	font-family: "Bookman Old Style";
font-weight: bold;
	font-size: 48px;	
        text-transform: uppercase;
        letter-spacing: 14px;
	color: #ffffff;

	}

h1.blog-title a:hover {
	text-decoration: none;
	color: #000000;
	background: transparent;
	}

.tagline {	                                              /*tu formatowanie opisu w nagłówku*/
        font-family: "Bookman Old Style";
	font-weight: normal;
	font-size: 18px;
        text-align: right;
	margin-left: 3px;
	padding: 0;
	color: #ffffff;
	letter-spacing: 2px;
	text-transform: lowercase;
	display: inline;
	}

/* Content */

.date {	
        font-family: "Bookman Old Style";	
        font-weight: normal;
	font-size: 14px;
	margin-left: 3px;
	padding: 0;
	color: #cccccc;
	letter-spacing: 2px;
	text-transform: lowercase;
	display: inline;
	}

h3.post-title {
        display: inline;
        }

h3.post-title a {	
        font-family: "Bookman Old Style";	
        font-weight: bold;
	font-size: 24px;	
        text-transform: none;
	color: #cccccc;
	letter-spacing: 0px;
	border-bottom: none;
	}

h3.post-title a:hover {
	text-decoration: none;
	color: #cccccc;
	background: transparent;
	}

/* Sidebar */

#sidebar h2 { font-size: 18px; color:#cccccc; text-transform: uppercase; border-bottom: solid #2b2b2b 2px;}
.widgettitle { font-size: 18px; color:#cccccc; text-transform: uppercase; border-bottom: solid #2b2b2b 2px;}

#sidebar ul
{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	list-style-type: none;
}

#sidebar ul li
{
	padding: 5px;
	border-bottom: solid 1px #2b2b2b;
}





#sidebar ul li:hover
{
	background-color: #1e1e1e;
}

#sidebar ul li .title
{
	display: block;
	font-weight: bold;
}

#sidebar ul li .date
{
	display: block;
	color: #777777;
	font-size: smaller;
}

#sidebar ul li .content
{
	display: block;
}
                                                 /*  kolory i zachowanie linków na pasku bocznym */
#sidebar ul li a:link,
#sidebar ul  li a:visited
{
	padding: 0; 
	color: #cccccc;
}

#sidebar ul  li a:hover,
#sidebar ul  li a:active
{
	background-color: transparent; 
}

#sidebar ul  .list_subpages {
	padding: 5px;
	border-bottom: 1px solid #2b2b2b;
	list-style-type: none;
}


/* Footer */

#footer a:hover,
#footer a:active
{
	color: #ffffff;

}


/* Comments */
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;

	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	border: 1px solid #2b2b2b;
	background-color: #1e1e1e;                          /* tu jest kolor pól pojedynczych komentarzy pod pojedynczym wpisem */
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #2b2b2b;
	padding: 2px;
	background: #000000;
	}

.commentlist cite, .commentlist cite a {




	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}


.commentlist p {

	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
.alt {
	background-color: #1E1E1E;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #2b2b2b;
	}


.wp-calendar  ul li a:link, {
text-weight: bold;
}


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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #2b2b2b;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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: 12px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Forms */
#searchform input {width: 100px;}

#searchsubmit {width: 80px;}

textarea {width: 660px;}