/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (# */

@import url("../warp/css/base.css");


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #333;
}

h1 { font-size: 32px; line-height: 32px; color: #555; }
h2 { font-size: 26px; line-height: 26px; }
h3 { font-size: 22px; line-height: 20px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 18px; line-height: 18px; color: #666; }
h6 { font-size: 16px; line-height: 16px; color: #888; }

h1, h2, h3, h4 { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.mod-black h4,
.mod-black h5,
.mod-black h6,
.mod-color h4,
.mod-color h5,
.mod-color h6,
#bottom-a h4,
#bottom-a h5,
#bottom-a h6,
#bottom-b h4,
#bottom-b h5,
#bottom-b h6 { color: #ddd; }

a:hover { color: #111; }

#toolbar a,
#footer a { color: #999; }

#headerbar a:hover,
#bottom-a a:hover,
#bottom-b a:hover { color: #ddd; }

#bottom-a strong,
#bottom-a em,
#bottom-a code,
#bottom-b strong,
#bottom-b em,
#bottom-b code,
.box-note strong,
.box-note em,
.box-note code,
.box-color strong,
.box-color em,
.box-color code { color: #ddd; }

strong { color: #111; }

em { color: #666; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: rgba(0,0,0,0.1); }
#bottom-a hr,
#bottom-b hr { border-top-color: rgba(255,255,255,0.1); }


pre {
	border: 1px solid #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

::-moz-selection {
	background: rgba(0,0,0,0.25);
	color: #ffffff;
}
::selection {
	background: #ffffff;
	color: #ffffff;
}


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/