/*

Theme Name: Colorful

Theme URI: http://wordpress.org/

Description: Two column widgetized Wordpress theme.

Version: 1.0

Author: Pankaj

Author URI: http://www.ycoding.com/



	Colorful v1.0

	http://www.ycoding.com



	This theme was designed and built for msn@prevolsek.net coded by Pankaj Roy,

	whose portfolio is available at http://www.ycoding.com/





*/

body {

font-family : Arial, Verdana, Tahoma;

font-size : 14px;

color : #929292;

margin : 0;

padding : 0;

/*width:1280px;*/

background:#343434;

}



p {margin:0; padding:5px 0;}

img, a img {border:0;}

a {color:#FFF0AA; text-decoration:none;}

a:hover {color: #FFF0AA; text-decoration:underline;}



/* -------------------------------- Page Structure --------------------*/

#header {

  width:100%;margin: 0 auto;

  background:url(images/h-bg.gif) repeat-x 0 337px;

  padding:0;

}

#header-cont {

  width:1024px;

  height:314px; padding:0;margin: 0 auto;

  background:url(images/header.gif) no-repeat;

}

#h-bottom {

    width:1024px; height:93px;margin: 0 auto;

  background:url(images/h-btm.gif) no-repeat bottom left;

}

#container{

    width:1024px; margin: 0 auto; padding:0;





}



#footer{

 clear:both;width:100%;margin: 0 auto;

 background:url(images/h-bg.gif) repeat-x 0 0;

}

#footer-main {

  width:974px; margin: 0 auto; height:44px; padding:66px 0 0 50px;

  background:url(images/footer.gif) no-repeat;

}



/* -------------------------------- Header --------------------*/





#header-box{

float:left;

width:5px;margin:0; padding:0;

background:url(images/top-box-bg.gif) repeat-y;

}

#header-box .top{

width:5px;height:79px;

margin:0;padding:0;

background:url(images/top-box-top.gif) no-repeat;

}

#header-box .main{

  margin:0;

padding:0 20px 0 100px;

width:300px;

max-height:20px;

}

#header-box ul{

list-style : none;

margin : 0;

padding : 0;

}

#header-box ul li{

list-style : none;

margin : 0;

padding : 0;

}

#header-box ul li h2{

  background: url(images/top-box-li.gif) no-repeat 0 3px;

  padding : 0 0 0 17px;

margin : 0;

font-size : 14px;

text-align : left;

color : #FFF0A9;

font-weight : bold;

}

#header-box ul ul{

list-style : none;

margin : 0;

padding : 0;

}

#header-box ul ul li{

list-style : none;

margin : 0;

padding : 5px 0 0 20px;

font-weight : normal;

font-size : 11px;

display:block;

color : #111;

}

#header-box a {

margin : 0;

padding : 0;

color : #111;

text-decoration : none;

}

#header-box a:hover {

color : #111;

text-decoration : underline;

}



#header-box .btm{

width:5px;padding:0;height:38px;

background:url(images/top-box-btm.gif) repeat-y;

}

#blog-intro{

width:500px;padding-top:50px;float:left;

padding-left:34px;

}

#blog-intro .desc{

  width:325px;

  border-top:1px solid #FFF0AA;

  clear:both;

}

#blog-intro  .home-rss{

  margin-top:28px;

  float:left; width:60px;

}

#blog-intro .desc .dtl{

  margin-top:3px;

  float:left; width:325px;

  text-align:right;color:#FF8B20;

}

#blog-intro h1 {

  padding:0 0 0 90px;margin:0;font-size:40px; color:#FFF0AA;

  font-weight:normal;float:left;

}

#blog-intro h1 a, #blog-intro h1 a:hover {color:#FFF0AA; text-decoration:none;}

#nav {

  height:54px;padding-top:6px;

  padding-left: 33px;

}



/* Search Form */



#side-search {

width: 150px;

margin: 0;

padding: 0;

border: 0;

clear: both;

}



#side-search form {

width: 150px;

height: 21px;

margin : 10px 2px 0 0;

padding : 0px 0 0 10px;

border : 0;

}



#side-search input.txt {

width : 123px;

height : 21px;

background : url(images/search-box.gif) no-repeat 0px 0px; 

margin : 0 0 0 0;

padding : 0px 2px 0px 2px;

border: 0;

font-size : 12px;

color : #444;

float:left;

}



#side-search input.btn {

height : 20px;

margin : 0 0 0 0;

padding: 0 0 0 0px;

border: 0;

float:right;

}





/* Menu*/

#menu {float:left; height:54px;}

#menu ul {

margin : 0 0 0 0;

padding : 0;

list-style : none;

}

#menu li {

height :54px; width:102px;

float : left;

padding : 0;

font-size : 16px;

font-weight : bold;

margin : 0;

color : #fff;

text-align:center;

display:block;

}



#menu li.orng a{

background : url(images/menu-orng.gif) no-repeat;

height :54px; width:102px;

display:block;

}

#menu li.blue a{

  height :54px; width:102px;

background : url(images/menu-blue.gif) no-repeat;







































display:block;

}

#menu li.green a{

  height :54px; width:102px;

background : url(images/menu-green.gif) no-repeat;

display:block;

}

#menu li.red a{

  height :54px; width:102px;

background : url(images/menu-red.gif) no-repeat;

display:block;

}



#menu li.orng a:hover{

background : url(images/menu-orng-hvr.gif) no-repeat;

height :54px; width:102px;

display:block;

}

#menu li.blue a:hover{

  height :54px; width:102px;

background : url(images/menu-blue-hvr.gif) no-repeat;

display:block;

}

#menu li.green a:hover{

  height :54px; width:102px;

background : url(images/menu-green-hvr.gif) no-repeat;

display:block;

}

#menu li.red a:hover{

  height :54px; width:102px;

background : url(images/menu-red-hvr.gif) no-repeat;

display:block;

}



#menu li a{

color : #1E1D1D; text-decoration:none;

padding:3px 0 0 0;

}

#menu li a:hover{

color : #fff; text-decoration:none;

}





/* -------------------------------- Page Content --------------------*/



/*content*/

.content{

  width:592px; float:left;

  background:url(images/content-bg.gif) repeat-y;



}

.content1{

  width:592px; padding-bottom:80px; min-height:410px;

  background:url(images/content-footer.gif) no-repeat bottom left;



}

/* for Internet Explorer */

/*\*/

* html .content1 {

height: 410px;

}





.content a {color:#FFF0AA; text-decoration:none;}

.content a:hover {color: #FFF0AA; text-decoration:underline;}



.post {margin:0 42px 20px 58px; width:490px; clear:both;

/* border-bottom:1px solid #686661; */

}

.content h2 {

  margin:0; padding:0;

  font-size : 18px; color : #FFF0AA;font-weight:normal;

}

.post h2 a {color : #FFF0AA; text-decoration:none;}

.post h2 a:hover {color : #FFF0AA; text-decoration:none;}



.entry{

margin-top:10px; padding-bottom:10px;

clear: both;

}





small {margin:0; padding:5px 0;}

.date-month {

float : left;

width : 42px;

height : 42px;

margin : 20px 0px;

}

.date-month .dt {

width : 42px;

height : 24px;

text-align:center;

color : #FFF0AA;

margin : 0;

font-size : 22px;

background :#57544A;

}

.date-month .mth {

width : 42px;

background : #BAB6A3;

color : #444444;

height : 18px;text-align:center;

font-size: 16px;

font-weight:bold;

}



.post .title {

	float: left;

	margin-left: 10px;

        margin-top: 23px;

	width: 430px;

}



.post .title h2 {

  border-bottom:1px dotted #BAb6A3;

}



/* -------------------------------- Sidebar Content --------------------*/







#sidebar{

  width:432px; float:right; background : transparent;

}



#sidebar-top{

  width:432px; height:55px;

  background:url(images/sidebar-top.gif) no-repeat;

}

.lsidebar {

  width:188px;float:left;

  background:url(images/box-bg.gif) repeat-y;



}

li.btm {

  clear: both;

  background:url(images/box-btm.gif) no-repeat;

  height:42px;width:188px;margin:0;padding:0;

}

li.bpad {

  /* background:url(images/top-box-bg.gif) repeat-y; */

  height:20px;width:188px;margin:0;padding:0;

}

.left_index_0 h2 {

  background:url(images/box-green-top.gif) no-repeat;

  height:31px;width:170px;

}



.left_index_1 h2 {

  background:url(images/box-orng-top.gif) no-repeat;

  height:31px;width:170px;

}



.left_index_2 h2 {

  background:url(images/box-red-top.gif) no-repeat;

  height:31px;width:170px;

}



.left_index_3 h2 {

  background:url(images/box-blue-top.gif) no-repeat;

  height:31px;width:170px;

}



.right_index_2 h2 {

  background:url(images/box-green-top.gif) no-repeat;

  height:31px;width:170px;

}



.right_index_3 h2 {

  background:url(images/box-orng-top.gif) no-repeat;

  height:31px;width:170px;

}



.right_index_0 h2 {

  background:url(images/box-red-top.gif) no-repeat;

  height:31px;width:170px;

}



.right_index_1 h2 {

  background:url(images/box-blue-top.gif) no-repeat;

  height:31px;width:170px;

}



#sidebar ul{

list-style : none;

margin : 0;

padding : 0;

}

#sidebar ul li{

list-style : none;

margin : 0;

padding : 0;

}

#sidebar ul li h2{

margin : 0;

font-size : 18px;

text-align : center;

padding : 3px 18px 0 0;

color : #FFF0AA;

font-weight : normal;

}

#sidebar ul ul{

list-style : none;

margin : 0;

padding : 0;

}

#sidebar ul ul li {

list-style : none;

margin : 0 10px 0 10px;

padding : 5px 18px 0 16px;

font-weight : normal;



font-size : 11px;

background: url(images/box-li.gif) no-repeat 0 8px;

display:block;

}

#sidebar a {

margin : 0;

padding : 0;

color : #FFF0AA;

text-decoration : none;

}

#sidebar a:hover {

color : #FFF0AA;

text-decoration : underline;

}



#sidebar table {

margin : 4px 0 0 6px;

padding : 0 0 0 0;

}



#wp-calendar caption {

margin : 10px 5px 5px -8px;

padding : 0 0 0 0;

font-weight : bold;

font-size : 15px;

}



#wp-calendar th {

font-weight : bold;

font-size : 11px;

}



#wp-calendar td {

font-weight : normal;

font-size : 11px;

}



#wp-calendar #prev a, #wp-calendar #next a {

  font-size: 11pt;

}



li#tag_cloud {

   margin 0 10px 0 10px;

}



.textwidget {

margin : 5px 23px 5px 5px;

padding : 0 0 0 0;

font-weight : normal;

font-size : 13px;

}



.rsidebar {

  width:188px;float:left;

  background:url(images/box-bg.gif) repeat-y;

}





/* -------------------------------- Footer Content --------------------*/

#footer-main p {color:#7D7D7D; font-size:12px; font-weight:normal;}

#footer-main a {color:#FFF0AA; text-decoration:none;}

#footer-main a:hover {color: #FFF0AA; text-decoration:underline;}









.clr {clear:both;line-height:1px;font-size:1px;display:none;}





/* --------------------- common elements --------------------------- */

a.more-link, a:hover.more-link {font-weight:normal; color:#FFF0AA; font-size:12px; }

p.postmetadata {margin:0; padding-top:5px; font-size: 12px}



.postmetadata {

	text-align: left;

	}



#left {

        float : left;

        }



#right {

        float : right;

        }



.alt {

	background-color: #222;

	}



input, select, textarea {

  border: 0; color:#a9a9a9; background:#424242;

}

ol.commentlist {margin:0;padding:0;}





.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: normal;

	font-style: normal;

	font-size: 12px;

	}



.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;

	}





code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}

/*

#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

*/

.smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: left;

}







h2.pagetitle {

        font-size : 18px;

	margin-top: 30px;

        margin-left: 30px;

        margin-right: 25px;

        margin-bottom:  30px;

	text-align: center;

}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



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 {

	text-align:right; margin-right:40px;

        font-size:12px;

        width:245px;

        float:right;

        display:block;

	}



.alignleft {

	float:left;margin-left:60px; text-align:left;

        font-size:12px;

        width:245px;

        display:block;

	}

/* End Images */







/* Begin Lists */



.entry ol,.entry ul {

	padding: 5px 0 5px 35px;

	margin: 0;

	}



.entry li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

/* End Entry Lists */







/* Begin Form Elements */

/*

#searchform {

	margin: 0;

	padding: 0;text-align:center;

	}

#searchform p{margin: 0;

	padding: 0;}

 #searchform #s {

	width: 108px;margin: 0;

	padding: 0;

	padding: 2px;

	}



#searchsubmit {

	padding: 1px;margin: 0;

	padding: 0;

	}

  */

.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px; background:#424242;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0; background:#424242;

	}



#commentform textarea {

	width: 80%;

	padding: 2px;background:#424242;

	}



#commentform #submit {

	margin: 0;

	}

/* End Form Elements */







/* Begin 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;

	}



.commentlist li.admin {

/*    border: 10px solid #FFF0AA;  */

      border: 2px solid #929292; 

      background-color: #390017;

      color: inherit;

}



.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;

	}

/* End Comments */







/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #424242; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #424242;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #424242;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	}



.tagcloud {

        clear: both;

        /* width: 342px;

        background:url(images/h-bg.gif) repeat; 

        margin: 5px 0 20px 0;

        padding: 5px 20px 0 0;

        border: 2px solid #686661;  */

        width: 376px;

        background:url(images/box-bg-long.gif) repeat-y;

        border 0;

}



.tagcloud #cloud { 

        margin: 0 28px 0 10px;

        padding: 5px 0 0 0;

}



.tagcloudhdr {

  background:url(images/box-blue-top-long.gif) no-repeat;

  height:31px;width:376px;

  margin : 0;

  font-size : 18px;

  text-align : center;

  padding : 3px 18px 0 0;

  color : #FFF0AA;

  font-weight : normal;

}



.tagcloudbtm {

  clear: both;

  background:url(images/box-btm-long.gif) no-repeat;

  height:42px;width:376px;margin:0;padding:0;

}



#page-index ul {

margin : 0;

padding : 0;

padding-top : 15px;

}



#page-index ul li{

list-style : none;

margin : 0;

padding : 0 0 15px 0;

}



#spaced-out p {

   padding: 20px 0 0 0;

}



#spaced-left p {

   padding: 15px 0 0 25px;

}



.itune img {

	margin: 5px 10px 0px 5px;

} 



/* End Various Tags & Classes*/





#album-link {

        float: left;

        margin: 8px 14px 13px 0;

}



#album-linked {

        float: left;

        margin: 8px 13px 11px 0;

}



#center-playlists {

        margin: 4px 0px 15px 76px;

}



#reset-image {

        clear: both;

}



.banner {

        width: 540px;

        padding-top: 20px;

        padding-left: 40px;      

        text-align:left;

}



/* Background of the twitter widget */



#twitter_div {

        background-color: #8B2323;

}



/* Twitter widget link */



#twitter-link {

        font-size: 8pt;



/* BRANDON: To switch back to the old Twitter button, remove the comments from the */

/* next two lines (the slash-star and star-slash at the beginning and end of each line) */



/*      background:url(images/twit2.gif) no-repeat; */

/*      margin-left:8px !important;                 */



/* and add the same comments around the next three lines */



        background:url(images/twitbrandon.gif) no-repeat;

        margin-left:5px !important; 

        margin-top:7px !important;



/* end of changes */



        height: 40px;

}

      

#twitter-link:hover {

        text-decoration: none !important;

}        



#sidebar ul #twitter_div ul {

        padding-top: 3px;

}



/* Twitter widget items */



#sidebar ul #twitter_div ul li {

        background: #404040; /* #30b2aa; */

        margin: 3px 5px;

        padding: 2px 5px;

        /* optional rounded corners for browsers that support it */

        -moz-border-radius: 3px;

        -khtml-border-radius: 3px;

        -webkit-border-radius: 3px;

        border-radius: 3px;
        word-wrap: break-word;
        white-space: normal;

}