/*
Theme Name: ColorsIdea
Theme URI: http://www.robbiewilliams.pl/wordpress
Description: This is a ColorsIdea WP Theme. Hope you will enjoy the magic of all colors. Design by <a href="http://www.robbiewilliams.pl/" title="Robbie Williams">Robbie Williams</a>  <a href="http://www.robbiewilliams.pl/wordpress" title="WP Themes">WP Themes</a> & <a href="http://www.nightday83.art.pl" title="Webdesign & Seo Warsaw">ND83</a>. 
Version: 2.1
Author: Nd83
Author URI: http://www.nightday83.art.pl
License: General Public License (GPL)
Tags: brown, pink, yellow, colorful, fresh, simple,white
*/


body{
	padding:0px;
	margin:0px;
	font-family:Trebuchet MS, sans-serif;
	font-size:11px;
	background: white;
}

img{
	border:0px;
}

a{
	color:#2276a1;
	text-decoration:none;
}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:780px;
	text-align:left;
}

.pagetitle {color: #8a3132;} 

/*header*/
div#page #header{
	width:100%;
	height:210px;
	background:url(images/header.jpg) no-repeat top #FFFFFF;
}

#logo {
position: absolute;
top: 0px;margin: 0;
padding: 0;
background: transparent url(images/title.png) no-repeat 0 0;
width: 526px;
height: 167px;
overflow: hidden;
line-height: 1000px;}

/* h1 - TITLE if you don't want to use an image*/

#h1 {	
	position: absolute;
	top:30px;
	padding: 0 0 0 50px;
	font-size: 1.45em;
	color: white;}


#h1 h1 a {text-decoration: none;
	color: #fff;
	letter-spacing: -1px;}

#h1 a:hover {text-decoration: none; color: #ffd300;}


#rss2 {
	z-index: 2;
	position: absolute;
	top: 127px;
	width: 763px;
	text-align: right;}

#search {
	position: absolute;
	top: 10px;
	font: Arial, Verdana, Sans-Serif;
	width: 763px;
	text-align: right;}

#s {	color: #bf231b;	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	font-size:1.25em;
	background: transparent;
	border: 0px solid transparent;
	width: 105px;
}

/* Menu */


    #tabs1 {	z-index: 4;
	position: absolute;
	top: 130px;	padding: 0px 0px 0px 40px;
	float:left;
	background:transparent;
	font-size:14px;
	line-height:normal;
	font-weight:bold;
      }
    #tabs1 ul {
          margin:0;
          padding:0px 0px 0px 0px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      }
    #tabs1 a{
	float:left;
	background: transparent url(images/menu.png) no-repeat right top;
	margin:0;
	color: #064c85;
	padding:3px 12px 3px 10px;
	text-decoration:none;
      }

    #tabs1 a:hover {
	float:left;
	color: #58942f;
	margin:0;
	text-decoration:none;}

/*header text*/

div#header_text{
	width:100%;
	height:181px;
	background:url(images/header_text_bg.png) no-repeat top #FFFFFF;
}

div#header_text #header_text_title{
	padding-top:25px;
	padding-left:40px;
	color:#FFFFFF;
	text-align:left;
	font-size:23px;
}

div#header_text #header_text_text{
	padding-top:2px;
	padding-left:40px;
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
	font-family:Trebuchet MS, sans-serif;
	line-height:18px;
	width:55%;
}

/* blog*/

div#page #blog{
	background:#FFFFFF;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 180px;
}

/* SLIDEBAR Box Style */


/* Categories */

.categ .one {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(images/bg-02.gif) repeat-y top left;
}

.categ ul {
        list-style: none;
	padding:0 0 0 10px;
	margin:0;}

.categ a {
	color: #91344c;
	border-bottom: 1px dashed #ffccd9}

.categ a:hover {
	color: #ce637f;
	border-bottom: 1px dashed #91344c}

.categ li
{	background: none;
        display: block;
	line-height:1.40em;
	font-size:1.10em;
	margin: 0 0 0 20px;
	padding: 1px 3px 1px 15px;
	font-weight: bold;
	color: #e89642;	background:transparent url(images/cat-menu.gif) no-repeat top left;
} 

.categ {
margin: 0px;
}

/* Calendar */

.cal .one {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(images/bg-01.gif) repeat-y top left;
}

.cal a {
	color: #91344c;}

.cal a:hover {
	color: #ce637f;}

.cal {
margin: 0px;
}


.calendar {
	text-align:center;
	color: #336d22;}

.calendar a:hover {
	background: #91344c;
	color: white;
}

.calendar td {
height:15px;
padding:  0px 3px 0px 3px}

.calendar td a {
padding:  0px 3px 0px 3px;background: #d7ffbe;
display:block;
color:#336d22;
text-decoration:none;
line-height:15px;
}

#today {padding:  0px 3px 0px 3px;	background: #336d22;
	font-weight: bold;
	color: white;}

.calendar td a:hover {
display:block;
color: white;
background: #336d22;
text-decoration:none;
}

/* Last Posts */

.posts .one {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(images/bg-03.gif) repeat-y top left;}

.posts ul {
        list-style: none;
	padding:0 0 0 10px;
	margin:0;}

.posts a {
	color: #bc4d17;
	border-bottom: 1px dashed #f88641}

.posts a:hover {
	color: #f88641;
	border-bottom: 1px dashed #bc4d17}


.posts li
{	background: none;
        display: block;
	line-height:1.40em;
	font-size:1.10em;
	margin: 0 0 0 20px;
	padding: 1px 3px 1px 15px;
	font-weight: bold;
	color: #bc4d17;	background:transparent url(images/posts-menu.gif) no-repeat top left;} 

.posts {
margin: 0px;}


/* Blogroll */
.blogroll .one {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(images/bg-04.gif) repeat-y top left;
}


.blogroll ul {
        list-style: none;
	padding:0 0 0 10px;
	margin:0;}

.blogroll a {
	color: #1b6591;
	border-bottom: 1px dashed #68b4e1}

.blogroll a:hover {
	color: #68b4e1;
	border-bottom: 1px dashed #1b6591}


.blogroll li
{	background: none;
        display: block;
	line-height:1.40em;
	font-size:1.10em;
	margin: 0 0 0 20px;
	padding: 1px 3px 1px 15px;
	font-weight: bold;
	color: #e89642;	background:transparent url(images/blog-menu.gif) no-repeat top left;
} 


.blogroll {
margin: 0px;
}

/* If you need something at sidebar, here's another color for you */

.another .one {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(images/bg-05.gif) repeat-y top left;
}

.another ul {
        list-style: none;
	padding:0 0 0 10px;
	margin:0;}

.another a {
	color: #91344c;
	border-bottom: 1px dashed #ffccd9}

.another a:hover {
	color: #ce637f;
	border-bottom: 1px dashed #91344c}


.another li
{	background: none;
        display: block;
	line-height:1.40em;
	font-size:1.10em;
	margin: 0 0 0 20px;
	padding: 1px 3px 1px 15px;
	font-weight: bold;
	color: #e89642;	background:transparent url(images/cat-menu.gif) no-repeat top left;
} 


.another {
margin: 0px;
}



.boxed .six {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(images/bg-06.gif) repeat-y top left;
}




/* Content */

#content {
		background:#FFFFFF;
	width: 730px;
	margin: 0 auto;
	padding: 0 35px 0px 15px;
}

blockquote {
	margin: 5px;
	padding: 0px 5px 5px 35px;
	background: transparent url(images/blockquote.gif) no-repeat ;
}

/* Content */

#main {
	float: left;
	width: 500px;
	margin: 0 auto;
	padding: 0 30px 0px 5px;
}



/* Sidebar */

#sidebar {
	float: right;
	width: 175px;
}

.white
{color: white;}

/* Footer */

#footer {
	height: 50px;
	padding: 80px 0 0 0;	line-height:1em;
	clear: both;
	color: #FFFFFF;
	width: 780px;
	margin: 0 auto;
	font-size:0.95em;
	background: #4d4d4d url(images/footer.jpg);}

#legal {
	margin: 0;
	padding: 0;
	text-align: center;
}

#link {
	margin: 0;
	padding: 0;
	text-align: center;
}

#main a, #main a:hover, #main a:visited, 
{
color: #3b74a4;
text-decoration:none;
}
#main h2 {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;
	background: transparent url(images/title.jpg)  repeat-x top ;
	padding: 7px 0px 5px 10px}
#main h2 a, #main h2 a:visited, #main h2 a:hover {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;
	background: transparent url(images/title.jpg)  repeat-x top ;
	padding: 7px 0px 5px 10px}


.post-author, .post-date, .post-comm, .post-time, .post-cath, .post-edit
{	font-size: 1em;
	text-decoration:none;	}

.entry {text-algin: justify;
	font-size: 1.10em;
	color: #02171d}

.post-author {
	color: #8e8e1f;
	padding: 0 0 3px 18px;
	background: url(images/p_author.gif) no-repeat 0 0;
	}
.post-date {
	color: #298e63;
	margin: 0 0 0 10px;
	padding: 0 0 3px 23px;
	background: url(images/p_date.gif) no-repeat 0 0;
	}
.post-comm {
	color: #b87833;
	padding: 0 0 3px 20px;
	background: url(images/p_commen.gif) no-repeat 0 0;
	}
.post-time {
	color: #812e9d;
	padding: 0 0 3px 18px;
	background: url(images/p_time.gif) no-repeat 0 0;
	}
.post-cath {
	color: #17719d;
	padding: 0 0 3px 20px;;
	background: url(images/p_cat.gif) no-repeat 0 0;
}

.post-edit {
	padding: 0 0 3px 3px;
}

.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #ccc;
background-color:#f7f7f7;
font-size:0.9em;
color:#505050;
}



/* Comments Styling */

.commtitle {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	background: transparent url(images/commentstitle.gif)  no-repeat top ;
	padding: 7px 0px 5px 20px}


.leavecomm {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	background: transparent url(images/leavecomm.gif)  no-repeat top ;
	padding: 7px 0px 5px 35px}

#comment {
margin-left:50px;
margin-bottom: 0em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
font: Arial, Verdana, Sans-Serif;
}

#commentlist li {margin-left:50px;
margin-bottom: 0em;
padding-bottom: 1em;
padding-top: 1em;
border-bottom: 1px solid #700000;
}

#commentform {margin-left:50px;
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {margin-left:50px;
background: white;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
width: 280px;
}
#commentform textarea:hover {
	background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}
#commentform textarea:focus {
background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}

#commentform #email, #commentform #author, #commentform #url {
margin-left:50px;
font-size: 1.1em;
background: #fff;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

.submit1{
	color: white;
	font-weight: bold;	margin-left:50px;
	width: 280px;
	cursor:hand;
	font-size:1.10em;
	background: #ac5e12;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;}

.submit1:hover, .submit1:focus{
	background: #c6782c;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;}


#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 5px 25px 0 0;
	border-bottom: 1px solid #e19543;
	background: #fff5e9 url(images/comment-bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #ac5f14;
	}



WordPress Themes use a combination of template files, template tags, and CSS style sheets to generate your WordPress site's look. 
Template Files 
Template files are the building blocks which come together to create your site. In the WordPress Theme structure, the header, sidebar, content, and footer are all contained within individual files. They join together to create your page. This allows you to customize the building blocks. For example, in the Default WordPress Theme, the multi-post view found on the front page, category, archives, and search web pages on your site, the sidebar is present. Click on any post, you will be taken to the single post view and the sidebar will now be gone. You can choose which parts and pieces appear on your page, and customize them individually, allowing for a different header or sidebar to appear on all pages within a specific category. And more. For a more extensive introduction to Templates, see Stepping Into Templates. 
Template Tags 
Template tags are the bits of code which provide instructions and requests for information stored within the WordPress database. Some of these are highly configurable, allowing you to customize the date, time, lists, and other elements displayed on your website. You can learn more about template tags in Stepping Into Template Tags. 
CSS Style Sheets 
This is where it all comes together. On every template file within your site, there are XHTML tags and CSS references wrapped around your template tags and content. In the style sheet within each Theme are commands for the page's structure. Without these instructions, your page would simply look like a long typed page. With these instructions, you can move the building block structures around, making your header very long and filled with graphics or photographs, or simple and narrow. Your site can "float" in the middle of the viewer's screen with space on the left and right, or stretch across the screen, filling the whole page. Your sidebar can be on the right or left, or even start midway down the page. How you style your page is up to you. But the instructions for styling are found in the style.css file within each Theme folder. 

Several classes for aligning images and block elements (DIV, P, TABLE etc.) were introduced in WordPress 2.5: aligncenter, alignleft and alignright. In addition the class alignnone is added to images that are not aligned, so they can be styled differently if needed. 

The same classes are used to align images that have a caption (as of WordPress 2.6). Three additional CSS classes are needed for the captions, together the alignment and caption classes are: