/*   

Kubrick for WordPress 1.2 
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann, whose blog
you will find at http://binarybonsai.com/

The CSS, XHTML and design is protected by this Creative Commons Deed:
http://creativecommons.org/licenses/by-nc-sa/2.0/

CSS that involves any kind of image, can be found in /kubrick/include-head.php.
This is to ease installation inside subdirectories of a server.
*/


/* The font for main text is set for the entire site right here */
html, body, .storycontent cite, input, textarea, select, .commentlist p, .nocomments { font: 8.5pt/12pt Verdana, Helvetica, Arial, Sans-Serif; }

/*alerts*/

.alert {
        text-align: center;
        font-weight: bold;
        font-size: 11px;
}
.alert2 {
 
        background: #FFF6BF url('http://img.photobucket.com/albums/v515/bloodylamer/bastardly-photos/main-images/kubrick/parrafo-alert.png') 10px 
center no-repeat;
        border-top: 2px solid #FFD324;
        border-bottom: 2px solid #FFD324;
        padding: 10px 10px 10px 52px;
        text-align: center;
        line-height: normal;
}
.favorite {
        
        background: #FFF6BF url('http://img.photobucket.com/albums/v515/bloodylamer/bastardly-photos/main-images/kubrick/parrafo-favorite.png') 10px 
center no-repeat;
        border-top: 2px solid #FFD324;
        border-bottom: 2px solid #FFD324;
        padding: 10px 10px 10px 52px;
        text-align: center;
        line-height: normal;
}

/* Setting up the page and header */
html, body
{
	margin: 0;
	padding: 0;
	color: black;
}

#header
{
	padding: 1px;
        margin: 0 auto;
	height: 272px;
	width: 1006px;
}

#belowheaderad
{
	padding: 0px;
	margin-left: 85px;
        width: 728px;
	border-width: thick;
	border-style: solid;
	border-width: 7px;
}

#rap, #footer
{
position: relative;
	padding: 0 ;
	margin: 0 auto;
	width: 1006px;
}

#rap {
min-height: 5500px;
}

#footer
{
	clear: both;
}

#footer p
{
	margin: 0;
	padding: 10px 60px;
}

#footer small { color: silver; }
#footer a { color: white; }

/* Setting up where the content is at */
#content
{
	padding: 0;
	margin: 0 0 50px 100px;
	width: 590px;
}

body#home #content, body#masterarchives #content
{
	float: left;
	padding: 0 0 50px 40px;
	margin: 0;
	width: 590px;
}

.storycontent
{
	margin: 10px 0 20px;
	text-align: justify;
	color: #333;
}

/* The navigation for walking back and forth in the archives */
.pagednavigation
{
	position: absolute;
	top: 397px;
	width: 560px;
	z-index: 2;
	padding: 5px;
}

body#archives .pagednavigation, body#search .pagednavigation { top: 280px; }

/* Headers */
h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h3, h3 a {
	color: #333;
	font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

h1, h1 a, h1 a:hover, h1 a:visited
{
	font-size: 22pt;
	padding: 0;
	margin: 125px 0 0;
	text-align: center;
	text-transform: none;
	text-shadow: 0 0 3px #ddd;
}

h2, h2 a, h3, h3 a
{
	font-size: 14pt;
	padding: 0;
	margin: 20px 0 4px;
	text-shadow: 0 1px 3px #ddd;
}

h3, h3 a
{
	font-size: 11.5pt;
	margin-top: 25px;
}

body#archives h2
{
	text-align: center;
	margin-bottom: 60px;
}

body#search h2, body#404 h2 { text-align: center; }
body#search #searchform { margin: 0 auto; }
body#archives h2.smallmargin, { margin-bottom: 20px; }

#menu h2, #wp-calendar caption
{
	font: bold normal 10pt Lucida, 'Lucida Grande', Verdana, Sans-Serif;
	letter-spacing: 0.05em;
	color: #333;
}

#menu h2
{
	margin: 5px 0 0;
	padding: 0;
	position: relative;
	left: -5px;
}

/* Some link stuff. Be aware that there's a single CSS entry in /kubrick/include-head.php as well,
which is related to these */
.storycontent a[href*="http"], .commentlist a[href*="http"] {
	padding-right: 6px;
	margin-right: 2px;
}

a[href*=".zip"]
{
	padding-right: 13px;
}

a[href*=".pdf"]
{
	padding-right: 13px;
}
.storycontent a.image
{
	padding: 0;
	background: none;
}

/* Here is where I handle the images in the main content */
p img, #menu div.selectcontainer
{
	padding: 5px;
	margin: 10px auto;
	display: block;
	border: 1px solid #ccc;
	text-align: center;
	max-width: 100%;
}

img.noborder { border: none; }

img.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
}

/* And here I set up some lists */
.storycontent ul
{
	padding: 0 0 0 30px;
	margin: 0;
}

.storycontent ul li, #commentguidelines li
{
	padding: 0;
	margin: 7px 0 0;
}

#guidelinescontainer
{
	float: right;
	text-align: right;
	width: 125px;
	height: 150px;
	margin-top: 15px;
	margin-bottom: 2px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
}

#commentguidelines li
{
	margin: 0 0 3px;
	list-style-type: none;
	list-style-image: none;
}

.storycontent ol
{
	padding: 0 0 0 35px;
	margin: 0;
}

.storycontent ol li
{
	margin: 0;
	padding: 0;
}

/* Setting up the rest */
acronym, abbr, span.caps
{
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

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

blockquote
{
	color: #666;
	margin: 15px 0;
	padding: 0 0 0 40px;
}

blockquote cite
{
	margin: 5px 0 0;
	display: block;
}

strike { color: #888; }
code { font-family: 'Courier New', Courier, Fixed; }
small { color: #555; }

small, small a, #menu, #commentguidelines li
{
	font-family: Arial, Sans-Serif;
	font-size: 7.5pt;
	line-height: 8.5pt;
	font-weight: normal;
	margin: 0 0 10px;
}

.pagelinks
{
	font-weight: bold;
	text-align: center;
}

cite { color: #444; }

.commentlist li
{
	font-size: 10.5pt;
	font-weight: bold;
}

.commentlist cite, .commentlist cite a { font-style: normal; }

/* Link'o'rama */
a
{
	color: #06c;
	text-decoration: none;
}

a img { border: none; }
.storycontent a:visited { color: #b85b5a; }

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

h2 a:hover, h3 a:hover { text-decoration: none; }

/* Comments Stuff goes here */
form, #commentonentry, .comment
{
	background: #ececec;
	border: none;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	padding: 10px;
}

#searchform
{
	background: none;
	border: none;
}

.graybox
{
	background: #eaeaea;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin: 0;
	padding: 10px;
}

.activitycommentcount { padding: 1px 0 0; }

.commentlist
{
	color: #444;
	margin: 20px 10px 0 0;
	padding: 0 10px;
	text-align: justify;
}

.commentlist li
{
	font-family: Georgia, 'Times New Roman', Serif;
	text-transform: none;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: decimal inside;
}

.commentlist p
{
	color: #333;
	text-transform: none;
	letter-spacing: 0.05px;
	margin: 10px 5px 10px 0;
}

.nocomments
{
	font-size: 8pt;
	line-height: 11pt;
	text-align: center;
	color: #999;
	margin: 0;
	padding: 0;
}

.perma404
{
	position: relative;
	top: -30px;
}

.perma404 h2, .archive404 h2 { text-align: center; }

.archive404 h2
{
	margin: 0;
	padding: 0;
}

.commentmetadata
{
	margin-top: 10px;
	display: block;
	text-align: right;
}

.postmetadata
{
	display: block;
	color: #666;
	text-align: center;
	padding: 7px 0 15px;
}

.postmetadata ul, .postmetadata li
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#commentonentry
{
	padding: 10px;
	margin: 15px 0;
}

h2.commentonentryh2 { margin-top: 30px; }
img.blogtimes { margin: 30px auto 20px; }

/* FORMS AND INPUTS */
/* STATIC */
input[type="text"], textarea
{
	width: 200px;
	margin: 0;
	padding: 2px;
	font-size: 8pt;
	background: #eee;
	border: 1px solid #ccc;
	color: #666;
}

input[value="submit"]
{
	border: none;
	background: none;
}

textarea
{
	width: 528px;
}

.inputcontainer
{
	padding: 0;
	margin: 5px 0;
}

.inputcontainer input[type="text"], .inputcontainer textarea { margin-top: 3px; }
.inputcontainer small { color: #222; }
input[type="text"]:hover, textarea:hover { border-color: #999; }

input[type="text"]:focus, textarea:focus
{
	border: 1px solid #a30;
	color: #333;
	background: white;
}

#archivesorter
{
	margin: 20px 0 0;
	text-align: center;
}

/* --- Layout for the sidebar --- */
#menu
{
position: absolute;
	top: 300px;
	right: 25px;
	padding: 15px 0 10px 0;
	width: 300px;
	color: #666;
}

#menu-mini-main
{
        padding: 15px 0 10px 0;
        margin-left: 685px;
	top: 275px;
        width: 300px;
        color: #666;
}

#searchform { text-align: center; }
#menu form { margin: 0; }

#menu #s
{
	text-align: center;
	padding: 2px 0;
	width: 130px;
}

#menu ul, #menu ul ol
{
	margin: 0;
	padding: 0;
}

#menu ul li
{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#menu ul p, #menu ul select { margin: 5px 0 0; }
#menu ul ul, #menu ul ol { margin: 5px 0 0 20px; }
ol li, #menu ul ol li { list-style: decimal outside; }

#menu ul ul li, #menu ul ol li
{
	color: #555;
	margin: 0 0 1px;
	padding: 0 0 3px;
}

#menu ul ul li a:hover, #menu ul ol li a:hover { text-decoration: underline; }
#menu img.firefoxpr { margin: 0 auto; }

/* The following tags are for the WordPress Calendar, in case you want to add that */
#wp-calendar
{
	empty-cells: show;
	margin: 0 auto;
	width: 170px;
}

#wp-calendar #next a
{
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a
{
	padding-left: 10px;
	text-align: left;
	font-size: 9pt;
}

#wp-calendar a
{
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover
{
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption
{
	text-align: center;
	width: 100%;
}

#wp-calendar td
{
	color: #555;
	font: normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover { background: #fff; }

#wp-calendar td:hover, #wp-calendar #today
{
	background: #ddd;
	color: black;
}

#wp-calendar th
{
	font-style: normal;
	text-transform: capitalize;
}

#menu h3
{
  margin-top: 6px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.alert {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	background-color: #553;
	border-top: 2px solid #FF3;
	border-bottom: 2px solid #FF3;


}
.alert2 {

	background: #FFF6BF url('http://img.photobucket.com/albums/v515/bloodylamer/bastardly-photos/main-images/kubrick/parrafo-alert.png') 10px 
center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	padding: 10px 10px 10px 52px;
	text-align: center;
	line-height: normal;
}
.favorite {
	background: #FFF6BF url('http://img.photobucket.com/albums/v515/bloodylamer/bastardly-photos/main-images/kubrick/parrafo-favorite.png') 10px 
center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	padding: 10px 10px 10px 52px;
	text-align: center;
	line-height: normal;
}
.adclass {
	background-color: #643;
	border-top: 2px solid #F93;
	border-bottom: 2px solid #F93;
}