/*  

Theme Name: RabbleRabble

Theme URI: http://www.nonfamous.com/themes/rabblerabble.zip

Description: Minimalist theme 

Version: 1.0

Author: Jay Porter

Author URI: http://www.nonfamous.com



	Yadda v1.0

	http://www.nonfamous.com



	This design was built by Jay Porter, based on a them built by Joe[y] and ported to a WordPress 1.5 theme by John Hesch whose blog you will find at http://johnhesch.com/

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

 single.php, searchform.php, comments.php, comments-popup.php were taken from the WordPress default theme.

	

	*** REGARDING IMAGES & PLUGINS ***

	This theme uses two plugins, a Blockquotes JavaScript file and an image which are all included in the 

	distribution.

	

	To use the Blockquotes JavaScript hack 

 <blockquote cite="URL, or text, or empty">

	

 1. If the cite element contains a URL, print �� Quote source� below the quote as a clickable link.

 2. If the cite element contains only plain text, print �� [the text]� below the quote.

 3. If the cite element is empty or absent then print nothing below the quote.

 

	Be sure to change the URL of the image in this file on line 296. Also, change the URL

	on line 13 of the header.php file to where you place the JavaScript file. 

	

	To install the plugins add both files to your wp-content/plugins/ folder and activate in 

	the plugins tab of the admin screen.

*/





body {

  background:#fff;

  width:auto;

  margin:0;

  padding:20px 20px;

  font:x-small verdana,Sans-serif;

  text-align:center;

  color:#333333;

  font-size:small;

  }

  

/* Links

----------------------------------------------- */

a:link {

  color:#336666;

  text-decoration:underline;

  font-weight:500;

  }

a:visited {

  color:#333366;

  font-weight:500;

  text-decoration:underline;

  }

a:hover {

  color:#336633;

  text-decoration:underline;

  }

a img {

  border-width:0;

  }





/* Shadow Border

----------------------------------------------- */



.s1 { border: solid 2px #FDFDFE;

       border-top:none;

	   border-bottom:none;

	   }

.s2 {  border: solid 1px #F4F6F9;

       border-top:none;

	   border-bottom:none;

	   }

.s3 {  border: solid 2px #F0F3F7;

       border-top:none;

	   border-bottom:none;

	   }

.s4 {  border: solid 1px #EBEFF4;

       border-top:none;

	   border-bottom:none;

	   }

.s5 {  border: solid 2px #E5EBF0;

       border-top:none;

	   border-bottom:none;

	   }

.s6 {  border: solid 1px #E0E7ED;

       border-top:none;

	   border-bottom:none;

	   }

.s7 {  border: solid 2px #DCE4EB;

       border-top:none;

	   border-bottom:none;

	   }

.s8 {  border: solid 1px #D5DEE7;

       border-top:none;

	   border-bottom: solid 1px #ccc;

	   }



/* Header

----------------------------------------------- */

#header {

  width:auto;

  margin:5px auto 10px;

  border-bottom:1px solid #ccc;

  }

  

#title {

  font-family:verdana, arial, sans-serif;









  color:#CC9933;

  font-weight:bold;

  font-size:150%;

  line-height:1.2em;

  text-transform:uppercase;

  letter-spacing:.2em;

  background:#FFF;

  text-align:left;

  margin:5px 5px 0;

  /*padding:20px 20px .25em;*/

  border:0px solid #eee;

  border-width:0px 0px 0;

  }



#description {

  text-align:left;

  margin:0px 0px 60px 25px;

  padding:0 10px;

  border:0px solid #eee;

  border-width:0 0px 0px;  

  font-family:verdana, arial, sans-serif;

  color:#CCC;

  font-size:x-small;

  font-weight:bold;

  background:#FFF;	

  text-transform:lowercase;	

  letter-spacing:.1em;

  }



#navmenu ul {margin: -8px 0 10px -362px; 

    padding: 0; 

	list-style-type: none; list-style-image: none; }

#navmenu li {display: inline; }

#navmenu ul li a {text-decoration:none;  margin: 4px;

	padding: 2px 2px 2px 2px; color: #339999;

	background: #ccc;}

#navmenu ul li a:hover {color: #669999;

	background: #ccc; }









/* Layout

----------------------------------------------- */

#content {

  width:950px;

  margin:0 auto;

  padding:0;

  text-align:left;

  }

#main {

  width:510px;

  padding: 15px;

  border-right:1px dotted #ccc;

  float:left;

  }

#sidebar {

  width:250px;

  margin:2px 2px 2px 2px;

  float:left;

  padding:20px 25px 5px 15px;

  }





/* Headings

----------------------------------------------- */

h2 {

  margin:1.5em 0 .75em;

  font:78%/1.4em Verdana,Verdana,Trebuchet,Arial,Sans-serif;

  text-transform:uppercase;

  letter-spacing:.2em;

  color:#999;

  }





/* Posts (from blogger.com layout)

----------------------------------------------- */

.date-header {

  margin:1.5em 0 .5em;

  }

.post {

  margin:.5em 0 1.5em;

  border-bottom:1px dotted #ccc;

  padding-bottom:1.5em;

  }

.post-title {

  margin:/*.25em*/ 0 0;

  padding:0 0 4px;

  font-size:110%;

  font-weight:bolder;

  text-transform:uppercase;

  line-height:1.6em;

  color:#336666;

  }

.post-title a, .post-title a:visited, .post-title strong {

  display:block;

  text-decoration:none;

  color:#3399CC;

  font-weight:bolder;

  }

.post-title strong, .post-title a:hover {

  color:#333;

  }

.post div {

  margin:0 0 .75em;

  line-height:1.6em;

  }

p.post-footer {

  margin:-.25em 0 0;

  color:#ccc;

  }

.post-footer em, .comment-link {

  font:78%/1.4em Verdana,Trebuchet,Arial,Sans-serif;

  text-transform:uppercase;

  letter-spacing:.1em;

  }

.post-footer em {

  font-style:normal;

  color:#999;

  margin-right:.6em;

  }

.comment-link {

  margin-left:.6em;

  }

.post img {

  padding:4px;

  }

.post blockquote {

  margin:1em 20px;

  }

.post blockquote p {

  margin:.75em 0;

  }





/* Sidebar

----------------------------------------------- */

#sidebar ul {

  margin:0 0 .5em;

  padding:0 0 .5em;

  list-style:none;

  }

#sidebar li {

  margin:0px 10px 0 0;

  padding:0 0 .25em 15px;

  /*text-indent:-15px*/;

  line-height:1.5em;

  }

#sidebar p {

  color:#666;

  line-height:1.5em;

  }





/* Footer

----------------------------------------------- */

#footer {

  width:660px;

  clear:both;

  margin:0 auto;

  }

#footer hr {

  display:none;

  }

#footer p {

  margin:0;

  padding-top:15px;

  font:78%/1.6em Verdana,Trebuchet,Verdana,Sans-serif;

  text-transform:uppercase;

  letter-spacing:.1em;

  }

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

.alignright {

	float: right;

	}

.alignleft {

	float: left

	}



/* Misc

-----------------------------------------------------*/

.center {

	text-align: center;

	}

.alt {

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}

cite {

	padding-top: 10px;

	}

blockquote {  

background: url(http://www.nonfamous.com/wp/wp-images/quote.gif) no-repeat 0 3px; 

color: #666; 

padding-left: 20px;

font-style: italic;

margin-bottom: 1px;

display:block; 

padding-top:5px;

}

blockquote div.source {

	font-style: normal;

 text-align: left;

}
