/*
Theme Name: RedMezzanine
Theme URI: http://redmezzanine.com/
Description: Dynamic sidebars and footer, header, fixed width, a frankenstein of Dojo + Titan + Tarski.
Version: 0.0.1
Author: Mateusz Obara
Author URI: http://redmezzanine.com
Tags: fixed-width, three-columns, right-sidebar, white, theme-options, threaded-comments, header, footer

TO CUSTOMIZE -------------------------
Create a new stylesheet in this directory called custom.css, and put your 
rules in there. It will automatically be loaded after this stylesheet, so 
you can override any rules with your own. Same thing for customie6bugs.css 
and customie7bugs.css.

SUPPORTED PLUGINS --------------------
* Brian's Latest Comments
http://meidell.dk/archives/category/wordpress/latest-comments/

* flickrRSS
http://wordpress.org/extend/plugins/flickr-rss/

* Simple Tags (for related posts function)
http://wordpress.org/extend/plugins/simple-tags

RECOMMENDED PLUGINS --------------------
* Widon't by Shaun Inman (prevents widows in headlines)
http://shauninman.com/archive/2008/08/25/widont_2_1_1

* Del.icio.us for Wordpress by Ricardo Gonzalez
http://wordpress.org/extend/plugins/delicious-for-wordpress/

* Last.fm for Wordpress by Ricardo Gonzalez
http://wordpress.org/extend/plugins/lastfm-for-wordpress/

* Twitter for Wordpress by Ricardo Gonzalez
http://wordpress.org/extend/plugins/twitter-for-wordpress/

CHANGELOG -------------------------
* 0.0.1 Frankenstein is alive

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-3.0.html

*/



/* Universal Rules -------------------------------------------------- */
body {

	margin: 0;
	/*margin-top:34px;*/
	padding: 0;
	background: #CCCCCC;
	color: #333;
		  background-image:url(images/bgbody.png);
		  background-position:center;
		  background-repeat:repeat-y;
		  
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	font: 80%/1.5 Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.imgBlogSize{
width:512px;
}
.ahem, hr { display: none !important; }
img { border: 0px; }
form { margin: 0; }
.floatleft, .alignleft { float: left; margin: 0 1em 1em 0; }
.floatright, .alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }

/* Layout -------------------------------------------------- */
#page {
	width: 960px;
	margin: 0 auto;
}
#header {
}
#wrapper {
	padding-top: 8px;
	
	float: left;
	width: 960px;
	/*background: transparent url("images/bg-sidebar-five-percent.png") repeat-y top right;*/
	background-color:#FFFFFF;
}
#sidebar {
	width: 425px;
	float: right;
	margin-bottom: 0px;
	padding:0px;

	/*border-left:1px #CCCCCC solid;*/
/*background-color:#FFFFFF;*/
}
#columncap {
	width: 100%;
	/*margin-bottom: 20px;*/
	text-align:center;
	background-color:#FFF;/*#db0a00;*/
	background-image:url(images/toplogo.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:380px;
	border-bottom:1px #AAAAAA dotted;
	border-left:0px #AAAAAA dotted;
	clear:both;
	float:left;
}
#column1 {
	width: 190px;
	float: left;
	padding-right:5px;
	padding-left:9px;
	padding-top:10px;
	border-left:0px #AAAAAA dotted;

}
#column2 {
	width: 199px;
	float: right;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	border-left:1px #CCCCCC dashed;
	background:#DDD;
	border-bottom:2px solid #AAA;

	/*color:#CCCCCC;*/
}
#columnshoe {
	clear:both;
	width: 100%;
	float: left;
		padding-left:10px;
		border-top:1px dotted #AAA;
}
#content {
	background:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	width: 514px;
	float: left;
	/*margin-bottom: 20px;*/
	border-right:0px #CCCCCC dotted;
}
/* taken from titan stylesheets/master.css*/
#footer { 
  clear: both;
  padding-top: 5px; 
  border-top: 1px solid #ddd;
}

/*#footer {
	clear: both;
}*/

/* Header -------------------------------------------------- */
#header {
	border-bottom: 1px solid #ccc;
	padding-top: 3em;
}
#header #blogname a {
	border-bottom: 1px solid #eee;
}
#blogname {
	font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 3em;
	line-height: 1;
	margin: 0 0 .25em;
}

/*###################*/
/*### Topmenu ###*/
/*###################*/

#topmost { height: 20px;
          width: 990px;
          margin: 0 auto;
		  padding-left:0px;
          text-align: center;
		  background-color:#CCCCCC;
		  background-image:url(images/bgtop.png);
		  background-position:bottom;
		  background-repeat:no-repeat;
		  /*float:none;*/	 
		  
}
#postfooter { 
	/*clear:both;*/
	height: 20px;
    width: 990px;
	position: relative;
	left:-15px;
	top:0px;
	background-color:#CCCCCC;
	background-image:url(images/bgbottom.png);
	background-position:top;
	background-repeat:no-repeat;	  
}

#top {
          background: #CCC;
          border-bottom: 3px solid #AAA;
          height: 34px;
          margin: 0 auto;
		  padding:0px;
		  padding-top:2px;
          width:960px;
          text-align: left;
          overflow: hidden;
		  
		  clear:both;
		  /*float:left;*/
}


#topbar { height: 34px;
          width: 560px;
          margin: 0 auto;
		  padding-left:0px;
          text-align: left;
		  /*background-color:#009999;*/
		  float:left;
}
#topsearch{
		float:right; 
		/*position:relative; */
		width:200px;
		padding-right:5px;
}
ul.topmenu {
        background: transparent;
        float: left;
        margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

ul.topmenu li {
	float: left;
	list-style-type: none;
}

ul.topmenu li a {
	float: left;
	display: block;
        height: 34px;
	/*padding: 9px 20px 6px 0px;*/
	
	color: #ffffff;
	font-weight:bold;
	font-size:1.3em;
}

ul.topmenu li a:hover {
	color: #ffffff;
        text-decoration: none;
			font-weight:bold;
			color:#db0a00;
}


/** this is for navigation menu control, current element looks different */
ul.topmenu li.current_page_item a {
	color: #db0a00;
}

ul.topmenu li.current_page_item a:hover {
	color: #ff0000;
}
ul.topmenu li.current-cat a {
	color: #db0a00;
}

ul.topmenu li.current-cat a:hover {
	color: #ff0000;
}
/* END OF NAVIGATION CONTROL*/

/*#topbar .current_page_parent, #topbar .current_page_ancestor, #topbar .current-cat-parent {
    background: #fff;
	color:#db0a00;
    }
#topbar .current-cat, #topbar .current_page_item {
    background: #fff;
	color:#db0a00;
    }
*/
/*#topmenu .current-cat, #topmenu .current_page_item {
    background: #f55;
	color:#db0a00;
    }

#topmenu .current-cat, #topmenu .current_page_item a a:hoover{
    background: #f55;
	color:#db0a00;
    }
*/

/* Content -------------------------------------------------- */
.entry {
	border-bottom:1px  dotted #CCC;
	margin-bottom: 3em;
}
.entry .content a, .entry .content a:link, .entry .content a:visited {
	color: #db0a00;
	text-decoration: none;
	/*border-bottom: 1px solid #ccc;*/
}

.entry .content a:hover, .entry .content a:focus, .entry .content a:active {
	color: #db0a00;
	text-decoration:underline;
	/*border-bottom-width: 2px;*/
}

.alert,
.error {
	background: #fff;
/*	border: 0px solid #ff0;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 1em;*/
}

kbd, tt, pre {
/*	border:1px inset;
	height:34px;
	margin:0;
	overflow:auto;
	padding:6px;
	text-align:left;
	width:640px;

	font-family: Consolas, "Lucida Console", Monaco, monospace;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
*/
}

pre {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	padding: .5em;
}
a, a:link, a:visited {
	color: #333;
	text-decoration: none;
	/*border-bottom: 1px solid #ccc;*/
}
a:hover, a:focus, a:active {
	color: #c00;
	border-bottom-width: 2px;
}


.commentlist a, .entry .content a:link, .entry .content a:visited {
	color: #db0a00;
	text-decoration: none;
	/*border-bottom: 1px solid #ccc;*/
}
.commentlist a:hover, .entry .content a:focus, .entry .content a:active {
	color: #db0a00;
	text-decoration:underline;
	/*border-bottom-width: 2px;*/
}

sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
acronym, abbr, .info {
	border-bottom: 1px dotted #333;
	cursor: help;
}
h1, h2 ,h3, h4 {
	/*font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;*/
	line-height: 1.25;
	margin: 0 0 .25em;
}
h1 {
	font-size: 2.5em;
}
h1.archive {
	margin-bottom: .5em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5, h6 {
	font-size: 1.25em;
}
.title h1 a,
.title h2 a {
	border-bottom: 0px solid #eee;
}
p, ul, ol, table, .navigation {
	margin: .25em 0 1em;
}
th, td {
	padding: .5em .66em;
	line-height: 1.1;
	vertical-align: top;
	border-bottom: 0px solid #ddd;
}
th {
	text-align: left;
	vertical-align: bottom;
}
.metadata .byline {
color:#666666;
font-family:Verdana,sans-serif;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:1.4em;
text-transform:uppercase;

/*	font-family:"Courier New", Courier, monospace;*/
	margin-bottom: .75em;
	
}
ul, ol {
	margin-left: 0;
	padding-left: 0;
}
ul ul,
ol ol {
	margin: 0;
}
li {
	margin: .25em 0 .25em 1.25em;
	padding-left: 0;
}
ul li {
	list-style-type: disc;
}
ol li {
	margin-left: 1.5em;
}
ul.rss li {
	list-style: none;
	margin-left: 0;
	padding-left: 17px;
	background: transparent url("images/feed.gif") no-repeat left .25em;
}
.wp-caption {
	margin: .25em auto 1em;
}
.entry img,
.entry object {
	display: block;
	background: #fff;
	padding: 0px;
	/*border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: .25em auto 1em;
	*/
	max-width: 500px;
}
.wp-caption img {
	margin: 0 auto;
}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: .25em 0 0;
	text-align: center;
	color: #666;
}
.entry .thumbrow {
	text-align: center;
}
.entry .thumbrow img {
	display: inline;
	margin: 0 .5em;
}
.entry .thumbrow a {
	border: none;
}
.entry .floatright img,
.entry .floatleft img {
	margin: .25em 0 1em;
}
.entry img.floatright,
.entry img.alignright,
.entry img[align="right"],
.wp-caption.alignright {
	margin: .25em 0 1em 1em;
}
.entry img.floatleft,
.entry img.alignleft,
.entry img[align="left"],
.wp-caption.alignleft {
	margin: .25em 1em 1em 0;
}
.entry p,
.entry li,
#columncap p {
	text-align: justify;
}
#site-archives-monthly-archive {
	width: 60%;
	float: left;
}
#site-archives-monthly-archive.wide {
	width: auto;
	float: none;
}
#site-archives-monthly-archive li,
#site-links li {
	text-align: left;
}
#site-archives-category-archive {
	width: 37%;
	float: right;
}
#site-links img {
	margin-left: 0;
	margin-right: 0;
}
blockquote {
	margin: .25em 0 1em;
	padding: .75em 1em .25em;
	width:450px;
	border-left: 2px solid #ccc;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	font-style: italic;
	overflow: auto;
}
code {

}

blockquote i,
blockquote em,
blockquote cite {
	font-style: normal;
}
blockquote p {
	margin: 0 0 .5em;
}
.navigation {
	border-top: 1px solid #ccc;
	padding-top: .25em;
	width: 100%;
	float: left;
}
.navigation .prev {
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
}

/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
}
.related {
	clear: both;
}
.commentlist cite {
	font-style: normal;
}
.commentlist li {
	clear: both;
	margin: 0;
	padding: .75em 1em .25em;
	list-style: none;
	background: #fff;
}
.commentlist li li {
	border-left: 2px solid #ccc;
	margin: 0 -1em 0 .5em;
}
.commentlist .even {
	background: #eee;
}
.commentlist .bypostauthor {
	background: #ddd;
}
.commentlist .avatar {
	float: right;
	margin: 0 0 .5em .5em;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#cancel-comment-reply-link {
	margin-left: 3em;
}
.trackback,
.pingback {
	font-size: .85em;
	color: #666;
}
.trackback .content,
.pingback .content {
	font-style: italic;
}

/* Sidebar -------------------------------------------------- */
#sidebar {
}
#sidebar .widget {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ddd;
}
#sidebar .widget_pages
{
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 0px solid #ddd;
}
#sidebar h4 {
	margin-top: 0;
}
#sidebar blockquote {
	margin: 0;
}
#sidebar img {
	display: block;
	/*background: #fff;*/
	padding: 4px;
	border: 0px solid #eee;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
#sidebar .rsswidget img {
	/* reset to default styles */
	display: inline;
	padding: 0;
	border: 0;
	margin: 0;
	/* hide because it's dumb */
	display: none;
}
/* search */

/*this was a piracy from woorkup.com JEJEJE! */
form#search-form {
height:31px;
margin-top:1px;
margin-bottom:10px;
margin-right:3px;
overflow:hidden;
position:relative;
}
#search-text {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border:1px solid #DADDDD;
color:#777777;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin:0 !important;
padding:7px;
width:90% !important;
}
#search-submit {
background:transparent url(images/searchbutton.gif) repeat scroll 0 0;
border:0 none;
height:31px;
margin:0;
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:medium !important;
overflow:hidden;
padding:0;
position:absolute;
right:0;
top:0;
width:38px;
}
/* end of css piracy*/
#searchform {
	margin: .25em 0 1em;
}
#sidebar #search h4 {
	display: none;
}
#sidebar #search input {
	width: 33%;
}
#sidebar #search input#s {
	width: 60%;
}
#sidebar #search br {
	display: none;
}
/* calendar */
#wp-calendar {
	/*background: transparent url("images/bg-sidebar-five-percent.png") top right;*/
	width: 100%;
}
#wp-calendar #today {
	font-weight: bold;
	background-color:#f79738;
	color:#FFFFFF;
	/*background: transparent url("images/bg-sidebar-five-percent.png") top right;*/
}
#wp-calendar td,
#wp-calendar th {
	text-align: center;
	padding: .25em 0;
	color: #999;
}
#wp-calendar td a {
	font-weight: bold;
/*	background-color:#f79738;
	color:#FFFFFF;*/
}
#wp-calendar caption {
	text-align: left;
	font-weight: bold;
	
}
/* tag cloud */
.st-tag-cloud,
.wp-tag-cloud {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	padding: .5em .5em .5em 1em;
	text-align:justify;

}
#sidebar .st-tag-cloud,
#sidebar .wp-tag-cloud {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	text-align:justify;
	/*width:100%;*/
	/*background-color:#FF0000;*/
}
.st-tag-cloud li,
.wp-tag-cloud li {
	display: inline;
	margin: 0 .5em 0 0;
	text-align:justified;
}
.st-tag-cloud li a,
.wp-tag-cloud li a {
	color: #555;
	text-align:justified;
}
.st-tag-cloud li a:hover,
.wp-tag-cloud li a:hover,
.st-tag-cloud li a:focus,
.wp-tag-cloud li a:focus {
	color: #c00;
}
/* subscribe */
#subscribe-dojo p {
	margin: .25em 0;
}
/* flickr */
/* THIS WAS REPLACED WITH CSS FROM TITAN THEME
#flickrrss,
#flickr-rss-dojo-version {
	float: left;
	width: 100%;
}
#flickrrss ul,
#flickrrss li,
#flickr-rss-dojo-version ul,
#flickr-rss-dojo-version li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#flickrrss li img,
#flickr-rss-dojo-version li img {
	float: left;
	margin: 0 10px 10px 0;
}
*/
/* admin recent comments */
#sidebar blockquote {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	border-color: #bbb;
}
#admin-recent-comments-dojo-version cite {
	font-style: normal;
	font-weight: bold;
}
#admin-recent-comments-dojo-version blockquote cite {
	font-style: italic;
}
#admin-recent-comments-dojo-version blockquote small {
	font-size: .9em;
}
/* twitter */
.twitter {
	margin: 0;
}
.twitter .twitter-item {
	list-style: none;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	border-left: 2px solid #bbb;
	font-style: italic;
	margin: .25em 0 1em;
	padding: .75em 1em .75em;
}
.twitter .twitter-timestamp {
	display: block;
	font-size: .8em;
}

/* Footer ORIGINAL FROM DOJO THEME-------------------------------------------------- */
/*
#footer {
	border-top: 1px solid #ccc;
	padding-bottom: 1.5em;
	width: 100%;
	float: left;
}
#footer p {
	width: 50%;
	margin: 1em 0 0;
}
#footer .copyright {
	float: left;
}
#footer .poweredby {
	float: right;
	text-align: right;
}*/

/*Footer
------------------------------------------------------------ */
#footer {
  padding: 15px 10px 0px 10px;
  border-top: 0px solid #CCCCCC;
  background:#333333;
  /*background: #e7e1de;*/
  color: #999;
  border-bottom:0px solid #cccccc;
  }
#footer a:link, #footer a:visited { color: #999; }
#footer a:hover { text-decoration: underline; }

/*Footer Columns
---------------------------------------*/
.footer-column {
  float: left;
  margin-right: 20px;
  padding-bottom: 20px;
  color: #999999;
  font-size:0.9em;
}
#footer-about.footer-column { width: 300px; }
#footer-flickr.footer-column { width: 300px; }
#footer-search.footer-column { 
  margin: 0;
	float: right;
  width: 300px; 
  }
.footer-column h2 {
  /*font-size: 1.5em;*/
  border-bottom: 1px solid #444444;
  padding-bottom: 2px;
}
.footer-column p {
  margin: 15px 0;
  /*font-size: 1em;
  line-height: 1.5em;*/
}
/*Flickr from titan
---------------------------------------*/
.flickr_badge_image {
  float: left;
  margin: 0 0 0 10px; 
  padding: 0;
  line-height: 0;
}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image2.flickr_badge_image, #flickr_badge_image3.flickr_badge_image { margin: 15px 0 10px 10px;}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image4.flickr_badge_image { margin-left: 0; }
.flickr_badge_image img {
  margin: 0;
  padding: 5px;
  /*border: 1px solid #ccc; <- not the ugly border! */
  /*background: #F7F7F7;  <- not that ugly bg!*/ 
  line-height: 0;
}
#footer h2.widgettitle { margin-top: 0;}

/*Search
---------------------------------------*/
#search_form input.search { 
  margin: 15px 0 0 0;
  padding: 5px 2px; 
  width: 180px;
  border: 1px solid #DED8D5;
  background: #F3F3F3;
  color: #555;
  }
#search_form input.search:focus { background: #fff; }
#search_form input#searchsubmit { margin: 0 0 0 5px; }

/*Copyright
---------------------------------------*/
#copyright {
  display: block;
  clear: both;
  padding-top: 1px;
  font-size: 1.1em;
  border-top: 1px solid #444444;
  text-align:center;
  height:30px;
  margin-bottom:0px;
}


/*ESTRA CRAP I DID
--------------------------------*/
#twoColContainer {
	clear:both;
	width:512px;
}
#twoColLeft{
	width:250px;
	float:left;
	padding-right:3px;

}
#twoColRight{
	width:252px;
	float:right;
}



/* CREATIVE COMMONS CONFIGURATOR PLUGIN CSS, 
because the fuckie people loves to still
------------------------------------*/
.cc-block{

font-family:Verdana,sans-serif;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:1.4em;
/*text-transform:uppercase;*/
	background-color:#fafafa;
	border:1px solid #F4F4F4;
	color:#888888;
	margin:8px auto;
	padding:10px;
	text-align:center;
	width:90%;
	
}
.cc-block-dark{

font-family:Verdana,sans-serif;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:1.4em;
/*text-transform:uppercase;*/
	/*background-color:#fafafa;*/
	/*border:1px solid #F4F4F4;*/
	color:#888888;
	margin:8px auto;
	padding:10px;
	text-align:center;
	width:90%;
}
.commentlist .cc-block a, .entry .content .cc-block a:link, .entry .content .cc-block a:visited {
	color:#888888;
	text-decoration:none;
}


.commentlist .cc-block a:hoover, .entry .content .cc-block a:hoover {
	color:#888888;
	text-decoration:underline;
	font-style:normal;
	
}
.cc-button{
	display: block;
    margin-left: auto;
    margin-right: auto
}
/*end of cc block*/