/*
Theme Name: SFTIndia
Theme URI: http://www.sftindia.org/
Description: Theme for the Students for a Free Tibet India website. 
    Built as copy of the WordPress Default theme, which is based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: James Walker
Author URI: http://webwalker.to/
Tags: blue, custom header, fixed width, two columns, widgets

  How i made this Theme:
    - made a copy of 'default' folder as 'sftindia'
    - image changes:
         - reorganised the images folder in sftindia/images
         - had to widen the kubrickbgwide.jpg  and kubrickfooter.jpg
             for new design.
         - Put SFT logo in images/page folder
    - style.css changes:
         - reorganised the classes in the file the way i like it  :)
         - changed/added for sft design, 
         - changed location of images.
    - page file changes:
        - edited the page php files for td tags for three-column design:
               404.php, archive.php, archives.php, image.php, index.php,
               links.php, page.php, search.php and single.php
    - navigation column changes:
        - edited sidebar.php and removed the things i didn't want there.
        - made left navigation column:
            - Made nav.php, using the wp_list_pages code from sidebar.php
            - Added "get_nav()" function to functions.php
                as a copy of get_sidebar() function in wp-includes/general-template.php
*/

/* -----------------------------------------------------------
 *    *** { Standard Stuff - for all pages and page parts: *** 
 * ----------------------------------------------------------- */
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', verdana, arial, sans-serif;

  background: #E7E7CD;

  color: #333333;

  text-align: center;

  margin: 0;

  padding: 0;

}



small {

  font-family: arial, Helvetica, sans-serif;

  font-size: 0.9em;

  line-height: 1.5em;

}



h1, h2, h3, h4 {
  font-family: 'Trebuchet MS', 'Lucida Grande', verdana, arial, sans-serif;
  font-weight: bold;
  color: #cc0000;
}
h1 {
  font-size: 4em;
  text-align: center;
}
h2 {
  font-size: 110%;
  margin: 0;
  padding: 0;
}
h2.pagetitle {
  font-size: 1.6em;
}
h3 {
  padding: 0;
  margin: 1ex 0 0;
  font-size: 100%;
}
h4 {
  color: #800000;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  text-decoration: none;
  color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color: #cc0000;
}

a {
  color: #114477;
  text-decoration: none;
}
a:hover {
  color: #147;
  text-decoration: underline;
}

acronym, abbr, span.caps {
  cursor: help;
}

acronym, abbr {
  border-bottom: 1px dashed #999;
}

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}

blockquote cite {

  margin: 5px 0 0;

  display: block;

}



hr {

  display: none;

}



a img {

  border: none;

}



/* -----------------------------------------------------------

 *    *** } Standard Stuff - for all pages and page parts. *** 

 * ----------------------------------------------------------- */





/* -----------------------------------------------------------

 *    *** { Page Parts: *** 

 * ----------------------------------------------------------- */



div#page {

  background-color: #FAFFEA;

  margin: 10px auto;

  padding: 0;

  width: 950px;

  text-align: left;

}



div#header {

  background-color: transparent;

  margin: 0 0 0 1px;

  padding: 0;

  width: 950px;

  height: 125px;

}

div#header > div#headerimg {

  margin: auto;

  width: 950px;

  height: 125px;

  background: #ffffff url('images/page/banner1.png') no-repeat top center;

}

div#header > div#headerimg > a > h1 {

  display: block;

  padding: 0;

  margin: 0;

  width: 950px;

  height: 125px;

}



table#page-body {

  width: 950px;

  margin: auto;

  background-color: #FAFFEA;

  font-size: 1.2em;

  border-collapse: collapse;

}

table#page-body tr {






















  vertical-align: top;

}



.widecolumn .entry p {

  font-size: 1.05em;

}



.narrowcolumn .entry, .widecolumn .entry {

  line-height: 1.4em;

}



.widecolumn {

  line-height: 1.6em;

}



.narrowcolumn .postmetadata {

  text-align: center;

}



.alt {

  background-color: #f8f8f8;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}



.description {

  font-size: 1.2em;

  text-align: center;

}





/* { middle content column: */

td#content {

  padding: 0;

  width: 600px;
  
  background-color: #FAFFEA
}

td#content div#topbar {

  display: table;

  width: 100%;

  height: 10px;

  margin: 0;

  margin-top: 7px;

  padding: 0;

  border-top: 14px solid #E7E7CD; 

}

td#content div#theContent {

  display: table;

  width: 600px;

  margin: 0 auto;

  background-color: #FAFFEA

 }

/* } middle content column. */





/* { left nav column: */

td#mainNav {

  padding: 0;

  width: 120px;

  background-color: #E7E7CD;

  background: #E7E7CD url('images/page/leg1.png') no-repeat top left;

  font: 1em times, 'luxi serif', serif;

}

td#mainNav * {

  font: 1em times, 'luxi serif', serif;

}

/* this div is to make the pop-out menu items be "relative": 

 *    they need to be within a "relative" container  

 *    (except it's not working yet) */

td#mainNav div#contain {

  position: relative;

  display: table;

  width: 120px;

  top:  30px;  

  left: auto;;

  padding-bottom: 10px;

  font-family: times, luxi serif, serif;

}



td#mainNav div#contain > div#pagenav { 

  display: table;

  margin:  0;

  padding: 0;

}

/* This is for search engines -- 

  they will see it, but we don't want users to see it: */

td#mainNav div#contain > div#pagenav > h2 {

  display: none;

}



td#mainNav div#contain > div#pagenav > ul {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  width: 120px;

  font-family: times, luxi serif, serif;

}



/* default for main items in sidebar nav: */

td#mainNav div#contain > div#pagenav > ul > li {

  color: #ffffff;

  text-align: center;

  font-family: times, luxi serif, serif;

  font-size: 120%;

  margin: 0;

  padding: 5px 0;

  height: 1.3em;

}

td#mainNav div#contain > div#pagenav > ul > li > a {

  color: #ffffff;

}

td#mainNav div#contain > div#profile { 
margin-top: 10px;
display: table;


}


td#mainNav div#contain > div#actions > ul > li > a:hover {

  text-decoration: none;

}



/* { colors: */

/* local 

td#mainNav div#contain > div#pagenav > ul > li.page-item-3 {

  background-color: #99ccff;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-11 {

  background-color: #ffffff;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-11 > a {

  color: #000000;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-5 {

  background-color: #ff3366;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-22 {

  background-color: #99ff99;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-16 {

  background-color: #ffff66;

}

*/

/* live */

td#mainNav div#contain > div#pagenav > ul > li.page-item-2 {

  background-color: #000066;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-5 {

  background-color: #ffffff;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-5 > a {

  color: #000000;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-26 {

  background-color: #006600;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-36 {

  background-color: #ff0033;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-10 {

  background-color: #ffff33;

}

td#mainNav div#contain > div#pagenav > ul > li.page-item-10 > a {

  color: #000000;

}



/* } colors. */



/* { pop-out menus: */

td#mainNav div#contain > div#pagenav > ul > li > ul {

  font-size: 85%;

  list-style: none;

  display: none;

  border: none;

  margin: 0;

  padding: 0;

  background-color: #f5f5f5;

  text-align: left;

  width: 150px;

}

/* make them display: */

td#mainNav div#contain > div#pagenav > ul > li:hover > ul {

  display: block; 

  position: relative;

  top: -25px;

  left: 120px;

}

td#mainNav div#contain > div#pagenav > ul > li > ul > li > a:link, 

td#mainNav div#contain > div#pagenav > ul > li > ul > li > a:visited {

  color:            #000000;

  text-decoration:  none;

  padding:          3px 6px 3px 10px;

  display:          block;

  border-top: 1px solid #ccc;

  /* this one is to keep the menu from "jumping" on hover below */

  border-bottom: 1px solid #eee;

}

td#mainNav div#contain > div#pagenav > ul > li > ul > li > a:hover {

  color:            #990000;

  text-decoration:  none;

  border-top:    1px solid #cc0000;

  border-bottom: 1px solid #cc0000;

}

/* } pop-out menus. */





/* { slide images from Flickr: */

td#mainNav div#contain > profile {

  display: table;

  clear: both;

  width: 120px;

  height: 100px;

  background-color: #f5f5f5;

  text-align: center;

  font-size: 80%;

  margin-top: 10px;

}

/* } slide images from Flickr. */





/* { action items: */

td#mainNav div#contain > div#actions {

  display: table;

  clear: both;

  width: 120px;

  text-align: center;

  font-size: 80%;

  margin-top: 10px;

}

td#mainNav div#contain > div#actions > h2 {

  display: none;

}

td#mainNav div#contain > div#actions > ul {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  width: 120px;

}

td#mainNav div#contain > div#actions > ul > li {

  color: #ffffff;

  text-align: center;

  font-size: 110%;

  font-family: times, luxi serif, serif;

  text-transform: uppercase;

  font-weight: bold;

  margin: 5px 0;

  background-color: #000000;

  border: 0;

}

td#mainNav div#contain > div#actions > ul > li > a { 

  border: none;

}

td#mainNav div#contain > div#actions > ul > li > a img {

  width: 120px;

  height: 34px;

  border: none;

}

/* for search engines */

td#mainNav div#contain > div#actions > ul > li > a > span { 

  display: none;

}

/*

td#mainNav div#contain > div#actions > ul > li > a:hover {

  color: #ffffff;

  text-decoration: none;

  border: none;

}

*

/* } action items. */





/* { websites links: */

td#mainNav div#contain > div#websites {
  display: table;
  clear: both;
  width: 120px;
  text-align: center;
  font-size: 80%;
  margin-top: 10px;
  background-color: #ffffff;
}

td#mainNav div#contain > div#websites > h2 {
  color: #000000;
  font-weight: normal;
  font-size: 120%;
  margin: 0;
  padding: 0; 
}
td#mainNav div#contain > div#websites img {
  clear: both;
  margin-top:  10px;
}



/* } websites. */





/* } left nav column. */





/* { right sidebar column: */

td#extraNav {

  width: 130px;

  background-color: #E7E7CD;

  padding-bottom: 10px;

}

td#extraNav * {

  font: 1em times, 'luxi serif', serif;

}



td#extraNav > div#contain {

  position: relative;

  display: table;

  width: 130px;

  margin: auto;

  margin-top: 10px;

  padding-bottom: 10px;

  font-family: times, luxi serif, serif;

}





td#extraNav > div#contain > div > h2 {

  font-family: times, luxi serif, serif;

  font-size: 1.2em;

}





td#extraNav > div#contain > div#action {

  display: table;

  width: 120px;

  margin: auto;

  margin-top: 10px;

  text-align: center;

}

td#extraNav > div#contain > div#action > a > img {

  border: none;

  width: 120px;

  height: 120px;

}



/* Campaign links */

td#extraNav > div#contain > div#campaign {

  display: table;

  clear: both;

  width: 120px;

  height: 100px;

  margin: auto;

  margin-top: 10px;

  text-align: center;

  background-color: #000000;

  color: #ffffff;

}

td#extraNav > div#contain > div#campaign > p > a, 

td#extraNav > div#contain > div#campaign > p > a:hover, 

td#extraNav > div#contain > div#campaign > p > a:visited, 

td#extraNav > div#contain > div#campaign > p > a:active {

  color: #ffffff;

}





/* Chapter links */

td#extraNav > div#contain > div#chapters {

  display: table;

  clear: both;

  width: 120px;

  margin: auto;

  margin-top: 10px;

  margin-bottom: 0px;

  text-align: center;

  color: #000000;

}

td#extraNav > div#contain > div#chapters > ul {

  width: 120px;

  font-size: 120%;

  background-color: #E7E7CD;

  margin: 0; 

  padding: 0;

  list-style: none;

}

td#extraNav > div#contain > div#chapters > ul > li.linkcat > h2 {

  font-size: 100%;

  font-weight: normal;

  color: #000000;

  margin: 0;

  margin-bottom: 5px;

  padding: 0;

  text-align: center;

}

td#extraNav > div#contain > div#chapters > ul > li.linkcat > ul {

  margin: 0; 

  padding: 0;

  list-style: none;

}

td#extraNav > div#contain > div#chapters > ul > li.linkcat > ul > li {

  display: block;

  margin: auto;

  width: 120px;

  background-color: #EAF3FA;

  margin-bottom: 5px;

  padding: 5px 0;

  font-size: 90%;

}

td#extraNav > div#contain > div#chapters > ul > li.linkcat > ul > li > a, 

td#extraNav > div#contain > div#chapters > ul > li.linkcat > ul > li > a:visited, 

td#extraNav > div#contain > div#chapters > ul > li.linkcat > ul > li > a:hover, 

td#extraNav > div#contain > div#chapters > ul > li.linkcat > ul > li > a:active {

 color: #660000;

}

td#extraNav > div#contain > div#chapters ul li#linkcat-5 {

  display: none;

}


td#extraNav > div#contain > div#goodsearch {

 margin: auto;
 display: table;

}







/* } right sidebar column. */





/* { footer: */

div#footer {

  border: none;

  width: 950px;

  margin: auto;

  text-align: center;

  padding: 0;

  clear: both;

  background-color: #E7E7CD;

}



div#footer p {

  margin: 0;

  padding: 20px 0;

  text-align: center;

}

/* } footer. */



/* -----------------------------------------------------------

 *    *** } Page Parts. *** 

 * ----------------------------------------------------------- */









#wp-calendar caption, 

cite {

  text-decoration: none;

}



.entry p a:visited {

  color: #b85b5a;

}



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

  padding: 2px;

  background: #fff;

}



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

}



small, 

.nocomments, 

.postmetadata, 

blockquote, 

strike {

  color: #777;

}



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;

}

/* End Typography & Colors */









.narrowcolumn {

  float: left;

  padding: 0 0 20px 45px;

  margin: 0px 0 0;

  width: 450px;

}



.widecolumn {

  padding: 10px 0 20px 0;

  margin: 5px 0 0 150px;

  width: 450px;

}



.post {

  margin: 0 0 40px;

  text-align: justify;

}



.post hr {

  display: block;

}



.widecolumn .post {

  margin: 0;

}



.narrowcolumn .postmetadata {

  padding-top: 5px;

}



.widecolumn .postmetadata {

  margin: 30px 0;

}



.widecolumn .smallattachment {

  text-align: center;

  float: left;

  width: 128px;

  margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

  text-align: center;

  margin: 5px 0px;


}



.postmetadata {

  clear: both;

}




.clear {

  clear: both;

}



/* End Structure */







/*  Begin Headers */

h3.comments {

  padding: 0;

  margin: 40px auto 20px ;

}

/* End Headers */







/* Begin Images */

p img {

  padding: 0;

  max-width: 100%;

}



/*  Using 'class="alignright"' on an image will (who would've

  thought?!) align the image to the right. And using 'class="centered',

  will of course center the image. This is much better than using

  align="center", being much more futureproof (and valid) */



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 {

  float: right;

}



.alignleft {

  float: left

}

/* End Images */







/* Begin Lists



  Special stylized non-IE bullets

  Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

  margin-left: 0px;

  padding: 0 0 0 30px;

  list-style: none;

  padding-left: 10px;

  text-indent: -10px;

}



html>body .entry li {

  margin: 7px 0 8px 10px;

}



.entry ul li:before { 

  content: "\00BB \0020";

}



.entry ol {

  padding: 0 0 0 35px;

  margin: 0;

}



.entry ol li {

  margin: 0;

  padding: 0;

}



.postmetadata ul, .postmetadata li {

  display: inline;

  list-style-type: none;

  list-style-image: none;

}



ol li { 

  list-style: decimal outside;

}



/* End Entry Lists */







/* Begin Form Elements */

form#searchform {

  margin: auto;

  margin-top: 0;

  padding: 0;

  text-align: center;

}



form#searchform input#s { 

  width: 120px;

  padding: 2px;

  font-size: 90%;

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

  border: 1px solid #cccccc;

  background-color: #f5f5f5;

  background-image: url(images/page/search.gif);

  background-repeat: no-repeat;

  background-position: right;

}

div#theContent form#searchform { 

  margin-top: 2ex;

}

div#theContent form#searchform input#s { 

  width: 300px;

}



td#extraNav #searchsubmit { 

  padding: 1px;

}



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

  text-align:center;

}



select {

  width: 130px;

}



#commentform input {

  width: 170px;

  padding: 2px;

  margin: 5px 5px 1px 0;

}



#commentform textarea {

  width: 100%;

  padding: 2px;

}



#commentform #submit {

  margin: 0;

  float: right;

}

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

  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: #fff; }

/* End Calendar */







.center {

  text-align: center;

}



.hidden {

  display: none;

}



.navigation {

  display: block;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 60px;

}





/* Captions */

.aligncenter,

div.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.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 p.wp-caption-text {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}

/* End captions */





/* e o f */