/* 

Theme Name: Punjab

Theme URI: http://www.freakitude.com/punjab

Version: 1.0



*/





/* the fons, margins, color, etc of everything */

#html, body

{

font: 13px Times;

margin: 0;

padding: 0;

color: #333;

height: 100%;

}



/* what holds everything in place */

#container

{

background: #fff;

width: 1000px;

margin: 10px auto;

padding: 2px;

}



/* the banner image holder */

#banner 

{

width: 1000px;

background: url('images/bgb.jpg') top left no-repeat;

margin: 0 0 3px 0;

margin-left: auto ; margin-right: auto ;

height: 110px;

color: #fff;

}



#banner a 

{

color: #fff;

font-weight: normal;

text-decoration: none;

}



#banner h1 {

	font-size: 12px;

	margin: 0;

	padding: 10px 10px 0 0;

	text-align: right;

}



#banner h1 a {

	color: #fff;

	text-decoration: none;

}



#banner h1 a:hover {

	color: #FFFFFF;

	letter-spacing: 1px;

}



#banner #desc {

	color: #fff;

	font-size: 10px;

	font-style: italic;

	font-weight: normal;

	margin: 0;

	padding: 0 20px 0 0;

	text-align: right;

}







/* the top navigation bar */

#nav 

{ 

background: #fff;

font-size: 13px;

width: 740px;

background: #fff;

text-align: right;

padding: 5px;

margin: 0 0 5px 0;

}



#nav a

{

color: #fff;

font-weight: normal;

text-decoration: none;

}



#nav a:hover

{

text-decoration: underline;

}



/* where all the main text is stored */

#content

{

overflow: hidden;

background: #fff;

display: inline;

float: left;

margin-bottom: 20px;

padding: 5px;

width: 600px;

}



/* the right bar */

#sidebar 

{ 

float: right;

width: 130px;

border-left: 1px dotted #ccc;

padding: 5px 0 0 10px;

margin: 10px 0 10px 15px;

}



#sidebar a

{

display: block;

color: #333;

text-decoration: none;

padding: 5px 0 5px 0;

} 



#sidebar a:hover

{

background: #deebd2;

color: #333;

}



#sidebar img 

{ 

border: 1px solid #fff; 

padding: 3px; 

margin: 3px 3px 0 7px; 

}





#sidebar h2

{

color: #333;

font-size: 12px;

}



#sidebar img:hover

{ 

border: 1px solid #fff; 

}







/* footer */

#footer 

{

font-size: 12px;

clear: both;

background: url('images/blackbg.gif') repeat;

border-top: 4px solid #fff;

text-align: center; padding-bottom: 5px;

}



#footer a

{

color: #fff;

text-decoration: none;

}



#footer a:hover

{

text-decoration: none;

color:333;

}



#footer img

{

border: none;

}



#footer img:hover

{

border: none;

}



/* link styling */





#content a

{

color: #000000;

text-decoration: none;

} 

#content a:hover

{ 

text-decoration: none; 

}





/* extra attributes */

.headline { font-size: 18px; margin: 3px 0 3px 0; }



.meta { width: 550px; background: url('images/bg.gif'); border-top: 1px solid #fff; text-align: right; color: #fff; text-transform: uppercase; letter-spacing: 2px; }



.imageright { float: right; border: 1px solid #fff; padding: 3px; margin: 3px 3px 0 7px; } .imageright:hover { border: 1px solid #666; }



.imageleft { float: left; border: 1px solid #fff; padding: 3px; margin: 3px 10px 0 0px; }  .imageleft:hover { border: 1px solid #fff; }



.sideimage { border: 1px solid #fff; padding: 3px; margin: 4px; margin: 10px 0 5px 0; } .sideimage:hover { border: 1px solid #fff; }



#topbar ul { margin: 0; padding: 0; } 



#topbar li { list-style: none;  width: auto;  }



#sidebar ul { margin: 5px 0 15px 20px; padding: 0; border-top: 1px solid #000000; } 



#sidebar li { margin: 0; padding: 0; text-align: center; list-style-type: none;  border-bottom: 1px solid #000000; }



#content ol,ul { } 



#content li 

{

list-style-image:url(images/li.gif);

line-height:20px;

text-align:left;

}



/*headings */

h1

{

font-size: 24px;

}

h2

{

font-size: 16px;



}

h3

{

font-size: 14px;

}

h4

{

font-size: 12px;

}

h5

{

font-size: 10px;

}

h6

{

font-size: 8px;

}





strong { color: #333; background: inherit; }



blockquote 

{

background: url('images/blockbg.jpg') repeat-x;

color: #666;

padding: 5px;

border: 1px solid #ccc;

margin: 5px 0 15px 0px;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}





.center {

	text-align: center;

	}

.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 40px;

	}

.post {

	margin-top: 30px;

	margin-bottom: 10px;

	text-align: justify;

	}

.post img 

{ 

border: 1px solid #fff; 

padding: 3px; 

margin: 3px 3px 0 7px; 

}

.post img:hover

{ 

border: 1px solid #fff; 

}







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px; 

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar searchsubmit{

	padding: 1px;

	}



input[type=submit] {

	background: #eee;

	border: 1px outset #aaa;

	color: #111;

	font-family: verdana, helvetica, sans-serif;

	font-size: 12px;

	margin: 0;

	padding: 1px;

}

#s, #author, #email, #url, #comment

 {

	border: 1px inset #666;

	font-family: verdana, helvetica, sans-serif;

	font-size: 12px;

	margin: 0;

	padding: 2px;

	width: 45%;

}



#s:focus, #author:focus, #email:focus, #url:focus, #comment:focus

 {

	border: 1px outset #008000;

}



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

text-align:center;

	}



select

{

width: 130px;

}



#commentform { float: left; }

#commentform input

{

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}



#commentform textarea

{

width: 50%;

padding: 2px;

}



#commentform #submit

{

margin: 0;

float: left;

}

/* End Form Elements */



/* Comment List Styling */



.commentlist {

background: #F8FAF8;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

line-height:20px;

text-align:left;

}



div#comments ol li

{

list-style-image:url(images/lic.gif);

}



div#comments cite 

{

font-weight: bold;

font-style: normal;

font-size: 1.1em;

list-style-image:url(images/lic.gif);

}







h3#comments, h3#respond 

{

color: 232323;

font-size: 1em;

margin: 0;

}



code 

{

color: #000000;

font-family: "Times", Times, monospace;

padding-left: 2px;

padding-right: 2px;

}



.alt 

{

background-color: #f8faf8;

border-top: 2px solid #ddd;

border-bottom: 2px solid #ddd;

}

.alt img {

border: 0px;

margin: 0px

}

.alt img:hover {

border: 0px;

margin: 0px;

}

.comment

{

color: #000000;

background: inherit;

}



.title

{

color: #000000;

}



a img {

	border: none;

	}