/****** FILE: themes/homenew/css/01_reset.css *****/
@CHARSET "UTF-8";
/**
 * 01_reset.css
 *
 * @author	Marc Aschmann <marc ( at ) aschmann.org>
 * @package	generic_style
 * @version	$Id: 01_reset.css 68 2010-08-25 09:30:52Z maschmann $
 **/

@media all
{

	/* reset all html elements for easier styling
	 * based on Eric Meyer's reset css
	 * ( http://meyerweb.com/eric/tools/css/reset/index.html )
	 * DO NOT ALTER!
	 * ----------------------------------------------------------------------- */

	/* v1.0 | 20080212 */

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, figure, footer, header, 
	hgroup, menu, nav, section, menu,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	article, aside, figure, footer, header, 
	hgroup, nav, section { display:block; }
	body {
		line-height: 1.2em;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
}


/****** FILE: themes/homenew/css/02_layout.css *****/
/**
 * 02_layout.css
 *
 * @author 	Marc Aschmann <marc ( at ) aschmann.org>
 * @package	generic_style
 * @version 	$Id: 02_layout.css 63 2010-06-24 19:49:44Z maschmann $
 **/

@media screen
{
	/* main grid styles
	 *
	 * ----------------------------------------------------------------------- */

	html,
	body,
	#maschmann
	{
		background-color: #000;
	}

	#header,
	#content,
	#copyright
	{
		display: block;
		width: 880px;
		position: relative;
		margin: 0 auto; /* center elements */
	}

	#header
	{
		margin-top: 30px;
		border-bottom: 1px dotted #ccc;
	}

	#content
	{
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		min-height: 600px;
		background: #000 url(/themes/homenew/images/main_logo_vertical.png) no-repeat right top;
	}

	#copyright
	{
		text-align: right;
		margin-bottom: 50px;
		border-top: 1px #ccc dotted;
	}
}


/****** FILE: themes/homenew/css/03_elements.css *****/
/**
 * 03_elements.css
 *
 * @author	Marc Aschmann <marc ( at ) aschmann.org>
 * @package	generic_style
 * @version	$Id: 03_elements.css 68 2010-08-25 09:30:52Z maschmann $
 **/

@media screen
{

	/* colors
	 *
	 * ----------------------------------------------------------------------- */



	/* table styles
	 *
	 * ----------------------------------------------------------------------- */



	/* list styles
	 *
	 * ----------------------------------------------------------------------- */
	section ul,
	ul
	{
		margin-left: 15px;
		list-style: disc inside;
	}

	section ol,
	ol
	{
		margin-left: 15px;
		list-style: decimal-leading-zero inside;
	}



	/* page styles
	 *
	 * ----------------------------------------------------------------------- */

	.signature
	{
		font-size: 10px;
	}



	/* nav & aside
	 *
	 * ----------------------------------------------------------------------- */

	#nav
	{
		display: block;
		padding: 3px 10px 20px 10px;
		margin: 0 50px 0 10px;
		position: relative;
		float:right;
		width: 145px;
		color: #000;
		font-size: 14px;
		background: url(/themes/homenew/images/too_cool.png) no-repeat bottom right, -webkit-gradient(linear, left top, left bottom, from(white), to(#666));
		background: url(/themes/homenew/images/too_cool.png) no-repeat bottom right, -moz-linear-gradient(top, #fff, #666 80%,rgba(255,255,255,0)) no-repeat bottom right;
		/* transparency */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		/* Rounded corners */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/* Set a base border and color */
		border: 2px solid fff;
		/* Multiple border colors in Gecko */
		-moz-border-top-colors: #666 #fff;
		-moz-border-right-colors: #666 #fff;
		-moz-border-bottom-colors: #666 #fff;
		-moz-border-left-colors: #666 #fff;

		-webkit-box-shadow: 3px 3px 15px #fff, 0 0 20px #333 inset;
		-moz-box-shadow: 3px 3px 15px #fff, 0 0 20px #333 inset;
	}

	.ie #nav
	{
		background: #fff url(/themes/homenew/images/too_cool.png) no-repeat bottom right;
	}
	
	#nav ol,
	#nav ul
	{
		margin: 10px 0 ;
		list-style-type: none;
	}

	#mainNav li
	{
		line-height: 1.5em;
		font-size: 16px;
	}

	#mainNav li ol li
	{
		font-size: 14px;
	}

	#mainNav li ol
	{
		margin: 0;
		margin-left: 10px;
	}

	#mainNav li a,
	#mainNav li a:visited
	{
		padding: 2px;
		color: #000;
		font-weight: bold;
		border: none;
		text-decoration: none;
		/* Rounded corners */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-style: normal;
	}

	#mainNav li a span
	{
		padding: 3px;
	}

	#mainNav li a:hover,
	#mainNav li a:active,
	#mainNav li a.current
	{
		color: #ccc;
		background-color: #000;
		border: none;
	}
	
	#mainNav .current a.current
	{
		color: #ccc;
		background-color: #000;
		border: none;
	}

	#sideBar h3
	{
		border-top: 1px solid #ccc;
	}

	#content #sideBar a
	{
		color: #000;
	}


	/* footer
	 *
	 * ----------------------------------------------------------------------- */

	#copyright p
	{
		font-size: 10px;
		padding-bottom: 5px;
		line-height: 1em;
	}



	/* form styles for contact
	 *
	 * ----------------------------------------------------------------------- */

	#PageCommentInterface_Form_PostCommentForm .field
	{
		clear: both;
	}

	#MemberLoginForm_LoginForm label.left,
	#PageCommentInterface_Form_PostCommentForm label.left,
	#Form_Form label.left,
	#PageCommentInterface_Form_PostCommentForm label.left
	{
		display: block;
		width: 120px;
		margin-top: 14px;
	}

	#MemberLoginForm_LoginForm input,
	#MemberLoginForm_LoginForm textarea,
	#MemberLoginForm_LoginForm select,
	#Form_Form input,
	#Form_Form textarea,
	#Form_Form select,
	#PageCommentInterface_Form_PostCommentForm input,
	#PageCommentInterface_Form_PostCommentForm textarea,
	#PageCommentInterface_Form_PostCommentForm select
	{
		display: inline;
		border: #ccc 1px solid;
		border-bottom: #666 1px solid;
		border-right: #666 1px solid;
		margin-top: 10px;
		padding: 3px 0;
		background-color: #f0f0f0;
	}

	#MemberLoginForm_LoginForm input:focus,
	#MemberLoginForm_LoginForm textarea:focus,
	#MemberLoginForm_LoginForm select:focus,
	#Form_Form input:focus,
	#Form_Form textarea:focus,
	#Form_Form select:focus,
	#PageCommentInterface_Form_PostCommentForm input:focus,
	#PageCommentInterface_Form_PostCommentForm textarea:focus,
	#PageCommentInterface_Form_PostCommentForm select:focus
	{
		border: #999 1px solid;
		background-color: #f6d518;
	}

	#MemberLoginForm_LoginForm input.action,
	#Form_Form input.action,
	#PageCommentInterface_Form_PostCommentForm input.action
	{
		cursor: pointer;
	}

	#recaptcha_widget_div
	{
		margin-top: 10px;
	}

	p#Remember
	{
		display: block;
		width: 225px;
	}

	p#Remember label
	{
		margin-top: 10px;
	}



	/* sitemap
	 *
	 * ----------------------------------------------------------------------- */

	.sitemap
	{
		margin-left: 15px;
	}

	.sitemap li a
	{
		line-height: 1.2em;
		font-size: 14px;
	}



	/* Fixes
	 * clearing and necessary tool classes
	 * ----------------------------------------------------------------------- */

	/**
	 * float classes
	 */
	.right
	{
		float: right;
	}

	.left
	{
		float: left;
	}

	.lrClear
	{
		clear: both;
	}


	/**
	 * to test a container with outline and background
	 **/
	.test
	{
		background-color: #ccc;
		border-color: #B6B3B3;
	}


	/**
	 * hide an element
	 */

	.hide,
	.hidden,
	#Form_Form input.hidden,
	#MemberLoginForm_LoginForm input.hidden
	{
		display: none;
		visibility: hidden;
	}


	/**
	 * standard clearing class
	 */
	.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
	.clear { display: inline-block; }
	* html .clear { height: 1%; } /* Hides from IE-mac \*/
	.clear { display: block; }

}


/****** FILE: themes/homenew/css/04_content.css *****/
/**
 * 04_content.css
 *
 * @author	Marc Aschmann <marc ( at ) aschmann.org>
 * @package	generic_style
 * @version	$Id: 04_content.css 63 2010-06-24 19:49:44Z maschmann $
 **/

@media screen
{

	/* gallery styles
	 *
	 **************************************************************************/

	#primaryContent
	{
		width: 640px;
		overflow: hidden;
	}

	#Sidebar
	{
		color: #000;
		position: absolute;
		right: 50px;
		top: 390px;
		overflow: hidden;
		padding: 3px 10px;
		background-color: #fff;
		width: 145px;
		font-size: 14px;
		/* transparency */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		/* Rounded corners */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/* Set a base border and color */
		border: 2px solid #c00;
		/* Multiple border colors in Gecko */
		-moz-border-top-colors: #292929 #c00;
		-moz-border-right-colors: #292929 #c00;
		-moz-border-bottom-colors: #292929 #c00;
		-moz-border-left-colors: #292929 #c00;
		/* Compensate for Webkit. Not as nice, but works. */
		-webkit-box-shadow: 0 -1px 2px #292929;
	}

	#Sidebar ul
	{
		list-style-type: none;
		margin: 0;
	}

	#Sidebar ul a
	{
		color: #000;
		font-weight: bold;
		font-style: normal;
	}

}

/****** FILE: themes/homenew/css/05_typography.css *****/
/**
 * 05_typography.css
 *
 * @author	Marc Aschmann <marc ( at ) aschmann.org>
 * @package	generic_style
 * @version	$Id: 05_typography.css 68 2010-08-25 09:30:52Z maschmann $
 **/

@font-face
{
	font-family: 'BastardRegular';
	src: url('/themes/homenew/css/fonts/bastard-webfont.eot');
	src: local('☺'), url('/themes/homenew/css/fonts/bastard-webfont.woff') format('woff'), url('/themes/homenew/css/fonts/bastard-webfont.ttf') format('truetype'), url('/themes/homenew/css/fonts/bastard-webfont.svg#webfontud6aTcgI') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'theKing&QueenfontRegular';
	src: url('/themes/homenew/css/fonts/kingandqueen-webfont.eot');
	src: local('☺'), url('/themes/homenew/css/fonts/kingandqueen-webfont.woff') format('woff'), url('/themes/homenew/css/fonts/kingandqueen-webfont.ttf') format('truetype'), url('/themes/homenew/css/fonts/kingandqueen-webfont.svg#webfont7hLF61Xd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media all
{

	body,
	html
	{
		color: #ccc;
		font-size: 14px;
		font-family: arial, verdana, sans;
	}

	.bastard
	{
		font-weight: normal;
		font-style: normal;
		line-height: normal;
		font-family: 'BastardRegular', sans-serif;
	}

	.kqueen
	{
		font-weight: normal;
		font-style: normal;
		line-height: 1.5em;
		font-family: 'theKing&QueenfontRegular', sans-serif;
	}

	/* headlines
	 *
	 * ----------------------------------------------------------------------- */

	h1
	{
		font-size: 22px;
		font-weight: bold;
	}

	h2
	{
		font-size: 20px;
		font-weight: bold;
	}

	#header h2,
	#header h2 span
	{
		margin-top: 20px;
		font-weight: normal;
		font-style: normal;
		line-height: 1.5em;
		font-family: 'BastardRegular', sans-serif;
		margin-right: 5px;
		font-weight: bold;
		font-size: 40px;
		text-shadow: 0 0 5px #fff; 
	}
	
	h3
	{
		font-size: 16px;
		font-weight: bold;
		margin: 5px 0;
	}

	h4
	{
		font-size: 14px;
		font-weight: bold;
	}

	h5
	{
		font-size: 14px;
		font-weight: bold;
	}

	h6
	{
		font-size: 14px;
		font-weight: bold;
	}

	/* text elements
	 *
	 * ----------------------------------------------------------------------- */

	strong
	{
		font-weight: bold;
	}

	p{}

	#content p.beautify:first-letter,
	#content p.content:first-letter,
	#content h2.postTitle:first-letter
	{
		font-weight: normal;
		font-style: normal;
		line-height: 1.5em;
		font-family: 'BastardRegular', sans-serif;
		font-weight: bold;
		font-size: 26px;
		margin-right: 2px;
		text-shadow: 0 0 5px #fff;
	}

	#content h2.postTitle:first-letter
	{
		font-size: 32px;
		font-style: italic;
	}
	
	#content h2.postTitle
	{
		margin-top: 15px;
	}

	#content p
	{
		margin: 10px 0;
	}



	/* link styles
	 *
	 * ----------------------------------------------------------------------- */

	a
	{
		text-decoration: none;
	}

	a:hover,
	a:active
	{
		text-decoration: underline;
	}

	a:active
	a:visited {}
	 
	#content a,
	#copyright a
	{
		color: #666;
		font-style: italic;
		border-bottom: 1px dotted #666;
	}

	#content a:active,
	#content a:hover,
	#copyright a:active,
	#copyright a:hover
	{
		text-decoration: none;
		color: #333;
		border-bottom: 1px solid #333;
	}

	#content a:visited {}



	/* specials
	 *
	 * ----------------------------------------------------------------------- */

	hr
	{
		height: 0;
		line-height: 0;
		font-size: 0;
		border-bottom: 1px solid #ccc;
		margin: 5px 150px 10px;
	}

	/* silverstripe editor styles
	 *
	 * ----------------------------------------------------------------------- */

	/* PARAGRAPHS */
	.typography p {}

	.typography blockquote
	{
		margin: 10px;
		font-size: 1.4em;
		font-style: italic;
	}

	/* ADRESS STYLES */
	.typography pre
	{
		font-family:"Courier New",Courier;
		display:block;
		font-size:1.2em;
		margin:2em 5em;
		padding:0.5em;
		border:1px #ccc solid;
		background:#eee;;
	}

	.typography q
	{
		display:block;
		font-size:0.8em;
		margin:1em 1em;
		padding:0.5em;
		border:1px #ccc solid;
	}

	/* WYSIWYG EDITOR ALIGNMENT CLASSES */
	.typography .left
	{
		text-align:left;
	}

	.typography .center
	{
		text-align:center;
	}

	.typography .right
	{
		text-align:right;
	}

	.typography img.right
	{
		float:right;
		margin-left:20px;
	}

	.typography img.left
	{
		float:left;
		margin-right: 20px;
	}

	.typography img.leftAlone
	{
		float: left;
		margin-right: 100%;
	}

	.typography img.center,
	.typography hr.center
	{
		float:none;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

}