/*
Theme Name: peopleoftheearth
Theme URI: 
Description: 
Version: 
Author: Pankaj
Author URI: http://www.ycoding.com/

    Orange Music v1.0
	

	This theme ...


*/


body {
font-family : Arial, Tahoma,Verdana;
font-size : 14px;color : #000;margin:0; padding:0;
background :#FFF0B0 url(images/bg.gif) repeat;
}

a {color:#fff;text-decoration : none;}
a:hover {text-decoration : underline;}
img {margin:0; padding:0;}
a img {border:0;}
p {padding : 5px 0;margin : 0;}

/*  ====================== Page Structure ======================= */

#wrapper {width : 886px; margin:0 auto;background :#B2A982 url(images/cont-bg.gif) repeat-y;}
#main {width : 886px; background :url(images/cont-top.gif) no-repeat;}
.sidebar {float:left; width:202px; margin:254px 0 10px 0; background :url(images/sidebar-bg.gif) repeat-y;}
#mainbar{float:left; width:684px;}
#nav { width:212px; padding:0;float:left;}
#header {width:472px; float:left;padding-top:405px;height:113px;}
#content{width:567px; padding:0 20px;float:left;}

#footer {width:744px;margin:0 57px 0 65px;padding:10px;background :url(images/ftr-bg.gif) no-repeat;}
#cont-btm {width:774px;background :#fffffe url(images/cont-btm.gif) no-repeat;margin:0 57px 0 55px;height:20px;}
#bottom {width:100%; background :url(images/bottom.gif) no-repeat top center; height:51px}

/*  ====================== Header ======================= */
/* --------- Logo ------------ */


h1 {margin:0; padding:0 0 0 15px;font-size:25px;color:#302E24;/*font-weight:normal;*/}
h1 a{color:#000;text-decoration:none;}
h1 a:hover{color:#000;text-decoration:none;}



/* --------- Navigation -------- */
#nav1 {height:420px;}
#nav1 ul {margin :0;padding :10px 0 0 59px;list-style : none;}
#nav1 li {margin :0 0 5px 0;padding:0; font-size : 20px; list-style : none; line-height:20px; }
#nav1 li.home a {background : url(images/nav-li.gif) no-repeat;}
#nav1 li a {color:#fff;text-decoration:none; background : url(images/nav-li.gif) no-repeat 0 -47px; display:block; height:21px; padding: 13px; width:118px;}
#nav1 li a:hover {text-decoration : none;color:#fff;background : url(images/nav-li.gif) no-repeat;}

/* search bar ----*/
form.searchbar {margin:0;padding:0;float:left;width:190px;padding-left:22px;height:98px;}
form.searchbar p {margin:0;padding:0;}
form.searchbar input{float:left;margin:0;height:20px; font-size:14px; line-height:16px; color:#000;margin-right:8px; }
form.searchbar input.txt{width:140px;border:0 none;background:transparent;}
form.searchbar input.btn{border:0 none;background:transparent;}

/*  ================================= Conatiner ============================= */
.post {padding:0 0 20px 0; }
#content form#searchform {text-align:center;}
.post h2 {color:#fff;font-size:28px;margin:0;padding:15px 0;line-height:24px;}
.post h2 a, h2 a:hover {color:#fff; text-decoration:none;}
.post .postdate {color:#000;background :url(images/date.gif) no-repeat;width:527px; height:39px;margin:0 5px; padding:3px 15px; font-size:18px;line-height:18px;}
.date {float:left;font-size:38px; line-height:38px;}
.month {float:left;padding:5px;}
.post .date a {color:#186DA0;}
.entry {text-align:justify;}
.postinfo {margin-top:10px;padding-top:10px; background :url(images/post-btm.gif) repeat-x;font-weight:bold;color:#fff;}
.black {color:#000;}


/* -------------------------- Posts ----------------------------- */

/* --------------- SideBars ----------------*/
.sidebar-top{width:202px; height:34px;background :url(images/sidebar-top.gif) no-repeat;}
.sidebar-btm{width:202px; height:30px;background :url(images/sidebar-btm.gif) no-repeat;}
.sidebar ul {list-style : none;margin : 0;padding:0 18px;}
.sidebar ul li {list-style:none;margin:0;padding:0 0 10px 0;}
.sidebar ul li h2 {margin:0; padding:8px 0 12px 10px; line-height:21px; font-size:21px; color:#000;font-weight:normal;}
.sidebar ul ul {list-style:none;margin:0;padding:0;}
.sidebar ul ul li {list-style:none;margin:0; color:#000; padding:0;font-size : 13px;line-height:13px;}
.sidebar li a {color:#000; font-weight:bold; display:block; padding:4px 0 4px 30px;width:136px;}
.sidebar li li li a {width:121px;padding:4px 0 4px 45px;}
.sidebar li a:hover {color:#fff; background:#A59E7D;text-decoration:none;}
/*  ================================= Footer  ============================= */



#footer {color:#E0D6AA;font-size:12px;}
#footer a{color:#FFDD49;}

/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #fff; width:100%;padding:0 0 10px 0;font-weight:bold;}
small {margin:0; padding:0; font-size:12px;}

h2.pagetitle, h2.center {margin:0;text-align: center; padding:0; font-size:16px; }
h3, h3#comments {padding: 0;margin: 10px auto 10px ;}
a.more-link {text-align:right;color:#fff; }
p.postmetadata {margin:0;font-weight:bold;}
.alt { background-color: #7C765C;	}
.alt a {font-weight:normal;}
input, select, textarea {border: 0; color:#000; border:1px solid #7C765C;background:#B2A982;}
#commentform #submit, #searchsubmit {margin: 0; color:#000; border:0;background:#7C765C;font-weight:bold;border:1px solid #7C765C;}
blockquote { border-left: 3px solid #7C765C;}
	
ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #7C765C;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;color:#ffffff;margin-top:10px;}
#calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;	font-size: 9px;}
#wp-calendar #next a {padding-right: 2px;text-align: right;}
#wp-calendar #prev a {padding-left: 2px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;color:#fff;}
#wp-calendar td {padding: 1px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9px;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#calendar_wrap #today {font-weight:bold;color:#000;background:#fffffe;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
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; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none;list-style-image: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* 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 p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}

/* End Comments */

/* 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;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}
/* End Various Tags & Classes*/

.post img {padding:5px;}

