/*
Theme Name: Robocode
Theme URI: http://blog.robocode.ch/
Description: none
Version: 1
Author: Bartek  Podlewski
Tags: fixed width, two columns, no widgets
*/


/* Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Body & Fix
-------------------------------------------------------------- */

body {
	font-family: "Helvetica Neue", "Helvetica", "Arial", "lucida grande", "lucida sans unicode", sans-serif; 
	font-size: 0.82em;
	font-weight: 300;
	color: #444;
	line-height: 1.72;
	letter-spacing: 0.017em;
	word-spacing: 0.05em;
	background-color: #fff
}


.clear          { clear: both; height: 0px; }
.float-left     { float:left; }
.float-right    { float:right; }

.text-left      { text-align:left; }
.text-right     { text-align:right; }
.text-center    { text-align:center; }
.text-justify   { text-align:justify; }

.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.underline      { border-bottom:1px solid; }

img.alignleft   { float:left;margin:5px 20px 20px 0 }
img.alignright  { float:right;margin:5px 0 20px 20px }
img.aligncenter { display: block; margin: 10px auto }

	
.fixed:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fixed { display:block; }
.fixed{ min-height:0%; }
* html .fixeed { height:0%; }


/* Sprites
-------------------------------------------------------------- */
#header,ul.social li, ul.share li a, #s, ul.postmetabox li a.comments, #commentform, div.commentspacer { background: url(images/sprite.png) no-repeat top left }


/* Layout
-------------------------------------------------------------- */
#thestripe 		{ position: fixed; top: 0; width: 100%; height: 10px; background-color: #333; z-index: 1000; text-align: right }
#transition  	{ position: fixed; top: 10px; width: 100%; height: 9px; z-index: 9999; background-image: url(images/thestribetransition.png) }

.wrapper 	{ position: relative; width:910px; margin: 0px auto }	
#header  	{ width: 250px; height: 103px; padding-left: 127px; margin: 40px 0 40px 73px }
#content 	{ width: 680px; float: left; height: 100%; padding: 0 }
#sidebar 	{ width: 180px; float: left; padding: 13px 0 50px 50px; *padding-top: 23px; position: relative }
#pagemeta 	{ padding: 10px 0; background-color: #efefef; font-size: 95%; color: #555 }
#copyright 	{ background-color: #222; padding: 20px 0 10px 0; text-align: center; font-size: 90%; color: #555 }

#patternstripe { margin-top: 30px; background-image: url(images/pat_20071213030521.gif); height: 40px; border: 1px solid #ccc; border-width: 1px 0 1px 0 }


/* Links
-------------------------------------------------------------- */

a:link, a:visited, a:hover, a:focus { text-decoration: underline; outline-style: none; }
a:link, a:visited, a:focus { color: #3399CC }
a:hover { color: #1B536F }

#sidebar li a:link, #sidebar li a:visited 	{ color: #777; text-decoration: none}
#sidebar li a:hover, #sidebar li a:focus 	{ color: #3399CC; text-decoration: none}

#pagemeta a {  text-decoration: none }

h1 a:link, h1 a:visited, h1 a:focus, h2 a:link, h2 a:visited, h2 a:focus { color: #333; text-decoration: none}
h1 a:hover, h2 a:hover { color: #3399CC }
	
	
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4 { font-family: "Helvetica Neue", "Helvetica", "Arial"; color: #333 }
h1 { font-size: 1.7em; font-weight: 400; margin: 0 0 10px 0; letter-spacing: 0.03em; padding: 0; line-height: 1.25 }
h2 { font-size: 1.4em; font-weight: 400; margin: 10px 0 10px 0; letter-spacing: 0.03em; padding: 0; line-height: 1.25 }
h3 { font-size: 1.3em; font-weight: 400; margin: 0 0 3px 0; letter-spacing: 0.03em; padding: 0; }
h4 { font-size: 1em; font-weight: bold; margin: 10px 0 2px 0; padding: 0; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 }

h1.notfound { font-size: 2.5em }
h1.aligned, h2.aligned  { margin-left: 200px }

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 20px; position: relative }
p img.left  { float: left; margin: 10px 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 10px 0 10px 10px; }

blockquote  { font-family: Georgia; display: block; margin: 15px; color: #3399CC; font-size: 120%; letter-spacing: 0.015em; font-style: italic; padding-left: 50px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: top left }


strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

address     { margin: 0 0 10px; font-style: italic; }
li em     { padding-left: 10px; color: #999 }

pre 		{ margin: 15px 0; white-space: pre; }
pre,code,tt { font: 10px 'andale mono', 'lucida console', monospace; }

.italicfont { font-family: "museo-slab-1","museo-slab-2", Georgia; font-style: italic; font-size: 93% }


/* Lists
-------------------------------------------------------------- */

li ul, li ol 	{ margin:0 5px; }
ol      	{ margin: 0 10px 5px 13px; padding: 0px 0px 10px 10px }
ul      	{ margin: 0 10px 5px 0px; padding: 0px 0px 10px 0px }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

.post li,.page li{margin-bottom:10px}

/* Form
-------------------------------------------------------------- */	

label       { font-weight: normal; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #efefef; }
legend      { font-weight: bold; font-size:1.1em; text-transform: uppercase; letter-spacing: 0.07em; padding: 0 5px 0 5px; margin-left: -5px }


/* Form fields
-------------------------------------------------------------- */

input.text, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px }

input.text:focus, textarea:focus, select:focus { border-color: #3399CC }
input.text, textarea, select { margin:0.1em 0 }

input.text    	{ width: 250px; padding:5px }
textarea      	{ width: 438px; height: 150px; padding:5px }

input.checkbox, input.radio { position:relative }

form.inline 	{ line-height:3 }
form.inline p 	{ margin-bottom:0 }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error, .notice, .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324 }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880 }
.error a    { color: #8a1f11 }
.notice a   { color: #514721 }
.success a  { color: #264409 }


/* Custom
-------------------------------------------------------------- */	
	
	#otherstripe p { margin-top: 10px }
	#otherstripe a { color: #DF996F }

	/* Header
	-------------------------------------------------------------- */
	
	#header { background-position: 0 -411px }
	/*#header:hover { background-position: 0 -452px }*/
	
	#header h1 { font-size: 2.8em; font-weight: 400; line-height: 1; text-transform: none; letter-spacing: 0.02em; text-transform: lowercase; padding: 18px 0 0 0; margin: 0 }
	#header h1 a:link, #header h1 a:visited, #header h1 a:focus { color: #333; text-decoration: none }
	#header h1 a:hover { color: #222 }
	#header p  { font-size: 1.1em; letter-spacing: 0.01em; color: #BFBFBF; margin: 0 }


	/* Sidebar
	-------------------------------------------------------------- */
	
	#sidebar { color: #777 }	
	#sidebar h2, .screen-reader-text { font-size: 115%; letter-spacing: 0.06em; font-weight: 400; margin-bottom: 10px;}
	
	
	#sidebar ul { margin: 0 0 40px 0px; padding: 0px; list-style: none; font-size: 95% }
	#sidebar ul.blogroll li,
	#sidebar ul li.page_item,
	#sidebar ul li.cat-item { line-height: 22px; padding: 2px 0; border-bottom: 1px solid #DFDFDF }

	#sidebar ul.social { margin: 30px 0 0 0; padding-bottom: 30px }
	ul.social li { padding-left: 25px; line-height: 16px; margin: 8px 0; }
	ul.social li.delicious { background-position: 0 0; } 
	ul.social li.digg { background-position: 0 -46px; } 
	ul.social li.facebook { background-position: 0 -92px; } 
	ul.social li.linkedin { background-position: 0 -138px; } 
	ul.social li.rss { background-position: 0 -184px; } 
	ul.social li.tumblr { background-position: 0 -230px; } 
	ul.social li.twitter { background-position: 0 -276px; }


	
	#sidebarsearchform { padding: 0 0 30px 0 }
	#s { padding: 5px 5px 5px 30px; width: 140px; background-position: 0 -369px; color: #555 }
	#s:focus { 
		border-color: #999;
		box-shadow: 0px 0px 5px #ccc;
		-o-box-shadow: 0px 0px 5px #ccc;
		-icab-box-shadow: 0px 0px 5px #ccc;
		-khtml-box-shadow: 0px 0px 5px #ccc;
		-moz-box-shadow: 0px 0px 5px #ccc;
		-webkit-box-shadow: 0px 0px 5px #ccc;
	}
	
	/* Post
	-------------------------------------------------------------- */
	
	.post, .page, .acomment, .searchres { float: left; width: 480px; margin-bottom: 30px; padding: 0 0 15px 0; border-bottom: 1px solid #ccc }
	.page, .acomment { border: 0 }
	.searchres { min-height: 100px; margin-bottom: 5px; padding-bottom: 10px }
	.acomment { padding: 0; margin-bottom: 5px }
	
	ul.postmetabox { float: left; margin: 43px 30px 0 0; padding: 0; list-style: none; width: 170px; text-align: right; color: #666 }
		ul.postmetabox li { margin-bottom: 10px }
		ul.postmetabox li a { text-decoration: none }
		ul.postmetabox li a.comments { padding-left: 20px; background-position: 0 -322px }

	ul.commentmetabox { margin-top: 0px}
		ul.commentmetabox li { margin-bottom: 0px }
	
	.post h1, .page h1 { margin-bottom: 15px }
	.post h2, .page h2 { padding-top: 20px }
	
	a.more-link { display: block; margin: 10px 0 0 0; width: 150px }
	a.fancyimg img { padding: 5px; border: 1px solid #ccc }

	.wp-caption { font-family: Georgia; font-style: italic; color: #999 }
	.wp-caption p { margin-bottom: 0px;}
	.wp-caption img { margin-bottom: 5px;}
	
	div.alignright { float: right; margin: 5px 0 5px 15px }
	div.alignleft { float: left; margin: 5px 10px 10px 0 }
	div.aligncenter { width: auto; margin: 0 auto; }
	
	.gallery { margin: auto; padding-bottom: 15px }
	.gallery-item { float: left; margin-top: 10px; text-align: center; width: 33% }
	.gallery img { padding: 4px; border: 1px solid #DFDFDF }
	.gallery img:hover { border-color: #ccc }
	.gallery-caption { margin-left: 0 }
	
	
	ul.links { margin: 0; padding: 0; list-style: none; font-size: 90% }
	li.linkcategory { float: left; width: 160px; margin: 0 0 30px 0; }
	ul.blogroll { margin: 0; padding: 0; list-style: none }
	ul.blogroll li { margin: 0; padding: 0; list-style: none }
	
	.shareit { margin-top: 10px; margin-bottom: 5px; width: 480px }
	ul.share { margin: 0; padding: 0; list-style: none; line-height: 16px }
	ul.share li { float: left; margin-right: 10px;}
	ul.share li a { background-repeat: no-repeat; background-position: top left; display: block; width: 16px; height: 16px; text-decoration: none }
		ul.share li a.delicious { background-position: 0 0; } 
		ul.share li a.digg { background-position: 0 -46px; } 
		ul.share li a.facebook { background-position: 0 -92px; } 
		ul.share li a.linkedin { background-position: 0 -138px; } 
		ul.share li a.rss { background-position: 0 -184px; } 
		ul.share li a.tumblr { background-position: 0 -230px; } 
		ul.share li a.twitter { background-position: 0 -276px; }
		
	/* Comments
	-------------------------------------------------------------- */	
	
	#comments h2 { margin-bottom: 20px }

	#submit 			{ padding: 3px 10px; color: #fff; background-color: #3399CC; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
	#submit:hover 		{ background-color: #1B536F }

	
	#commentform { border: 2px solid #ccc; border-width: 0; background-color: #efefef; padding: 5px 15px; margin: 30px 0 30px 200px; background-position: 0 -510px }
	#commentform label {padding-left: 10px }
	
	#comments { clear: both;}
	div.commentspacer { clear: both; background-position: 0 -1026px; border: 0; margin: 0 0 20px 200px; padding:0; height: 15px; }


	/* Pagination
	-------------------------------------------------------------- */
	ul.pagination { margin: 0 0 0 200px; padding: 0; list-style: none }
	ul.pagination li { float: left; width: 240px;}
	ul.pagination li.older { text-align: right }
	ul.pagination a { text-decoration: none }

	

	/* Widgets
	-------------------------------------------------------------- */
	
	#pagemeta h2 { text-shadow: 1px 1px 1px #fff; font-size: 125% }
	
	ul.widgets { margin: 0; padding: 10px 0 30px 0; list-style: none }
	ul.widgets li { float: left; width: 270px; margin-right: 43px }
	ul.widgets li.widget_tag_cloud { margin: 0}
	ul.widgets li p { padding: 4px 0; margin-bottom: 6px}
	
	li.widget_recent_comments ul { margin: 0; padding: 0; list-style: none }
	li.widget_recent_comments ul li { border-bottom: 1px solid #ccc; padding: 4px 0 }
	
	ul.tweets { margin: 0; padding: 0; list-style: none }
	ul.tweets li { border-bottom: 1px solid #ccc; padding: 4px 0 }
	span.tweettime { display: block; color: #999 }
	
	ul.latesttweets { margin: 0; padding: 0; list-style: none }
	ul.latesttweets li { border-bottom: 1px solid #ccc; padding: 4px 0 }
		ul.latesttweets li.error { color: #BF2F2F; border: 0 }
		ul.latesttweets li.notice { color: #CFAC4D; border: 0 }
	ul.latesttweets li span { display: block; color: #999 }

	
	/* Archiv
	-------------------------------------------------------------- */	
	.archives_list 		{ list-style: none; border-left: 4px solid #cacaca; margin: 0 0 0 10px; padding: 0 }
	.archives_list sup 	{ vertical-align:super }
	
	.archives_list li {
		list-style: none;
		background: url(images/marker.gif) left center no-repeat;
		padding-left: 16px;
		clear:left;
		font-size: 90%;
	}
	
	.archives_list li span.date {
		color: #888;
		width: 130px;
		display: block;
		float: left;
		line-height: 23px;
	}
	
	.archives_list li a 		{ line-height: 25px }
	.archives_list li a:link, .archives_list li a:visited, .archives_list li a:focus, .archives_list li a:active 	{ text-decoration: none } 
	.archives_list li a:hover 	{ text-decoration: underline } 
	
	.split{ width:45%; float:left; clear:none }
	.split.last{ margin-left:10% }
	


	/* Syntax
	-------------------------------------------------------------- */
	.wp_syntax {
	  color: #100;
	  background-color: #f9f9f9;
	  border: 1px solid silver;
	  margin: 0 0 1.5em 0;
	  overflow: hidden;
	}
	
	/* IE FIX */
	.wp_syntax {
	  overflow-x: auto;
	  overflow-y: hidden;
	  width: 100%;
	}
	
	.wp_syntax table {
	  border-collapse: collapse;
	}
	
	.wp_syntax div, .wp_syntax td {
	  vertical-align: top;
	  padding: 2px 4px;
	}
	
	.wp_syntax .line_numbers {
	  text-align: right;
	  background-color: #def;
	  color: gray;
	  overflow: visible;
	}
	
	/* potential overrides for other styles */
	.wp_syntax pre {
	  margin: 0;
	  float: none;
	  clear: none;
	  overflow: hidden;
	  font-size: 11px;
	  line-height: 1.333;
	  white-space: pre;
	}
	
	
	/* Fancybox
	-------------------------------------------------------------- */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url("images/fancybox/fancy_progress.png") no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 5px #999;
	-o-box-shadow: 0px 0px 5px #999;
	-icab-box-shadow: 0px 0px 5px #999;
	-khtml-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;

}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url("images/fancybox/fancy_closebox.png") top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url("images/fancybox/fancy_left.png") no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url("images/fancybox/fancy_right.png") no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font-size: 90%;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}


td#fancy_title_main {
	line-height: 18px !important;
	background-color: #111;
	border: 1px solid #fff;
	padding: 2px 20px 0 20px !important;
	box-shadow: 0px 0px 5px #999;
	-o-box-shadow: 0px 0px 5px #999;
	-icab-box-shadow: 0px 0px 5px #999;
	-khtml-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	border-radius:			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px

}



/* TipTip CSS - Version 1.1 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_holder.tip_left #tiptip_content {
	margin-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_arrow_inner {
	border-width: 6px;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
