/*

Comments explained:

=== introduces/ describes a logical set of definitions

--- introduces/ describes specific definitions within a logical set

any other formatted comment shall have explanatory character


*/



/* === General Definitions - valid throughout the page === */

* {
	margin:0; 
	padding:0;
} 

html {
	height:100%; 
	font-size:100.01%;
} 


/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
, 	font-family: 'Titillium';
, 	src: url('TitilliumText20L.eot');
, }

@font-face {
	font-family: 'Titillium';
	src: url(//:) format('no404'), url('TitilliumText20L.woff') format('woff'), url('TitilliumText20L.otf') format('opentype'), url('TitilliumText20L.svg#TitilliumText20L-1wt') format('svg');
}

/*

@font-face {
, 	font-family: 'Titillium400';
, 	src: url('TitilliumText20L001.eot');
, }

@font-face {
	font-family: 'Titillium400';
	src: url(//:) format('no404'), url('TitilliumText20L001.woff') format('woff'), url('TitilliumText20L001.otf') format('opentype'), url('TitilliumText20L001.svg#TitilliumText20L-400wt') format('svg');
}

*/



body
{
	text-align: center;
	min-height: 101%;
	font: 100.01%/130% 'Lucida Grande', 'Lucida Sans', Verdana, Georgia, Helvetica, Arial;
	color: #777;
	/*width: 770px;*/
	margin: 0 auto;
	background: url("http://kosmar.de/wp-content/uploads/2010/03/ritz_bw.gif") repeat-x fixed #fff;


} 

body * {
	text-align:left;
}



a::-moz-selection {
	color: #ff0;
	background: #f30;
}

a::selection {
	color: #ff0;
	background: #f30;
}


::-moz-selection {
	color: #f30;
	background: #ff0;
	outline:#000 dotted thin;
}

::selection {
	color: #f30;
	background: #ff0;
}



hr {
	display:none;	
}


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


h1, h2.entry-title {
	font-size: 3em;
	line-height: 1;
	font-family: Titillium, Segoe, Helvetica, Tahoma, Arial;
	text-shadow: #666 1px 1px 2px; 	
	transform: rotate(-1.5deg); 
	-webkit-transform: rotate(-1.5deg); 
	-moz-transform: rotate(-1.5deg);
	-khtml-transform: rotate(-1.5deg);

}







h2 {
	font-size: 1.5em;
	line-height: 1;
	font-family: Titillium, Segoe, Helvetica, Tahoma, Arial;
	color: #000; margin: 10px 0 5px 0;
	text-shadow: #666 1px 1px 2px; 

}

h3#similar-posts {
	margin-top:20px;
	border-top: 1px solid #000;
}


.nohover, a.nohover:hover, .nohover:hover, .nohover a:hover, a.nohover:active, .nohover:active, .nohover a:active, a.nohover:focus, .nohover:focus, .nohover a:focus {
	background: none !important;
	background-color: none !important;
        text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}


a img {border:none; outline:none;}


div#portfolio a img {
	-webkit-transition: -webkit-transform .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out, -moz-box-shadow .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out, box-shadow .5s ease-in-out;
	transition: transform .5s ease-in-out, box-shadow .5s ease-in-out;
	height: 100px;
	width: 100px;
	margin: 2px;
	border: 5px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	-khtml-transform: rotate(0deg);
	


}

div#portfolio a img:hover, div#portfolio a:hover img, div#portfolio a img:focus, div#portfolio a:focus img,  a img:hover, a:hover img, a img:focus, a:focus img {
	border-color: #eee;
	box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	background: none;

}

div#portfolio a img:hover, div#portfolio a:hover img, div#portfolio a img:focus, div#portfolio a:focus img{
	transform: rotate(-3deg); 
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	-khtml-transform: rotate(-3deg);
}

a:link, a:visited {
	text-decoration: none;
	color: #000;
	padding:1px;
	
}

h2.entry-title a:link, h2.entry-title a:visited{
	color:#000;
	-webkit-transition: -webkit-transform .2s ease-in-out, -webkit-border-radius .2s ease-in-out, background .2s ease-in-out, color .2s ease-in-out;
	-moz-transition: -moz-transform .2s ease-in-out, -moz-border-radius .2s ease-in-out, background .2s ease-in-out, color .2s ease-in-out;
	-o-transition: -o-transform .2s ease-in-out, border-radius .2s ease-in-out, background .2s ease-in-out, color .2s ease-in-out;
	transition: transform .2s ease-in-out, border-radius .2s ease-in-out, background .2s ease-in-out, color .2s ease-in-out;
}




a:hover, a:active, a:focus {
	text-shadow: #999 1px 1px 1px; 
	background: none;
	text-decoration: underline;
	color: #000;
}


#blogfeed{
	display:block;
	margin:5px 0;
	font-size:0.8em;
}

#blogfeed a.feed:link, #blogfeed a.feed:visited{
	padding:1px 0.2em 1px 1.4em;
	margin: 0 0 0 0.7em;
	background-image: url(http://kosmar.de/wp-content/uploads/2010/03/feed-icon-16x16.png);
	background-repeat:no-repeat;
	background-position: 0.4em 0.255em;
}



a.feed:hover, a.feed:active, a.feed:focus{
	box-shadow: 0px 0px 16px #f30;
	-webkit-box-shadow: 0px 0px 16px #f30;
	-moz-box-shadow: 0px 0px 16px #f30;

}




.amzn_wdgt a:link, .amzn_wdgt a:visited {
	background: none !important;
}


h2.entry-title a:hover, h2.entry-title a:active, h2.entry-title a:focus, .sidebar_liq a:hover, .sidebar_liq a:active, .sidebar_liq a:focus  {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: #000 1px 1px 2px; 
	background: #555;
	text-decoration: none;
	color: #fff;
	outline: 0;

}



.clear {
clear: both;
}



/* === The Main Structure of the page === */

/* extra div for centering allowing for additional background features */
.centerStage_liq {
	width:740px; /* allows 15px plus on both sides - important for background features on 800pixel wide screens */
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	padding:10px;

}

#skipNavigation_liq {
	width: 100%;
	position: absolute;
	top:-2em;
	left:20px;
}

#topNavigation_liq {
	width:100%;
	position: absolute;
	top:0;
	left:0;
}

.header_liq {
	width: 100%;
	height: 50px;
	background: #f30;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));


}

.content_liq {
	width:65%;	
	margin:2em 0 0 0;
	float:left;
}

.sidebar_liq {
	width: 32.5%;
	margin:32px 0 0 0;
	float:right;
	font-size: 1.5em;
	line-height: 120%;
	font-family: Titillium, Segoe, Helvetica, Tahoma, Arial;
	text-shadow: #666 1px 1px 2px; 
}


/* === The Skip Navigation === */


#skipNavigation_liq a, #skipNavigation_liq a:link, #skipNavigation_liq a:visited {
	position:relative;
	top:-800px;
	font-size:0.8em;
	padding: 0.2em 1px 0.2em 1px;
	margin:2px 0 0 0px;	

}

#skipNavigation_liq a:hover, #skipNavigation_liq a:active, #skipNavigation_liq a:focus  {
	position:relative;
	top:100px;
	text-decoration: none;
}





/* === The Page Navigation - or - The Top Navigation === */


#topNavigation_liq ul {
	text-align:left;
}

#topNavigation_liq ul li {
	display: inline;
	list-style-type: none;
}

#topNavigation_liq a:link, #topNavigation_liq a:visited {
	text-decoration: none;
	color: #000000;
	background-color: #FFFE89;
	padding: 0.2em 1px 0.2em 1px;
	float:left;
	margin:2px 0 0 0px;
}

#topNavigation_liq a:hover, #topNavigation_liq a:active, #topNavigation_liq a:focus  {
	background-color: #000000;
	text-decoration: none;
}



/* === The Header & Motto === */

.header_liq h1 {
	text-indent:-3000px;
	transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	-khtml-transform: rotate(0deg);
}


.header_liq a:link, .header_liq a:visited {
	display:block;
	background: url("/wp-content/themes/liquorice-allsorts-10/images/logo_.png") no-repeat;
	width:250px;
	height:50px;
	}
/*
	float:left;
	text-decoration: none;
	background-color: #000000;
	padding: 0.3em 1px 0.3em 1px;
	margin:2px 0 0 0px;

}

.header_liq a:hover, .header_liq a:active, .header_liq a:focus  {
	background-color: #FFFE89;
	text-decoration: none;
	color: #000000;
}
*/

.header_liq span {
	float:left;
	font-size:0.8em;
	line-height:1.1em;
	padding: 0.3em 1px 0.3em 1px;
	margin:2px 0 0 0px;
	color:#000;
}

.header_liq br {
	clear:both;
}





/* === The Content Navigation === */
.content_liq br {
	clear:both;
}

#contentTopNavigation_liq {
	clear:both;
	width:100%;
	font-size:0.6em;
	line-height:1.2em;
}

#contentBottomNavigation_liq {
	clear:both;
	width:100%;
	font-size:0.8em;
	line-height:1.2em;
	margin:2.0em 0 0 0;
}

.navContainer_liq {
	clear:both;
	padding: 0.6em 1px 0.6em 1px;	
	margin:0px 1px 0.5em 1px;
	color: #000000;
	border-top: 1px solid #000;

}

.leftNav_liq {
	width:48%;
	float:left;
}

.rightNav_liq {
	width:48%;
	float:right;
	text-align:right;
}



.navContainer_liq a:link, .navContainer_liq a:visited {
}

.navContainer_liq:hover, .navContainer_liq:hover a:link, .navContainer_liq:hover a:visited, .navContainer_liq a:hover, .navContainer_liq a:active, .navContainer_liq a:focus  {
}



/* === The Content === */


.pagetitle_liq {
	float:left;
	color:#000;
	margin:10px 0px 0 0px;
}


/* extend the colours if you want - and match them with the side menu */
.titleOne {
}

.titleTwo {
}

.titleThree {
}

.titleFour {
}


/* fancy some microformat? */

.hentry {
	margin:0;
	border-top:1px solid #000;
}


.entry-title a:link, .entry-title a:visited {
	float:left;
	text-decoration: none;
	margin:10px 0px 0 0px;
}


.updated {
	font-size:0.6em;
	float:left;
	margin:2px 0px 0 0px;
	padding: 0.1em 1px 0.1em 1px;
	border: none;
}

div.entry-content{
	clear:both;
	font-size:0.8em;
	line-height:1.4em;
	padding: 0.1em 1px 0.1em 1px;
	margin:2px 0px 0 0px;
	overflow:hidden;
}

div.postmetadata_liq {
	clear:both;
	font-size:0.8em;
	padding: 0.1em 1px 0.1em 1px;	
	margin:2px 0px 3em 0px;
}

/* --- Tags formatting within posts&pages --- */

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6
{
	padding: 0.3em 0 0.3em 0;
}

.entry-content p
{
	padding: 0.3em 1px 0.3em 1px;
}

.entry-content blockquote
{
	margin: 0.3em;
	padding: 0.3em;
	border-left: 10px solid #000000;
}

.entry-content img, .entry-content a img
{
	background: none;
	max-width: 95%;
	margin-left:2%;
	border: none;
	transform: rotate(-1.5deg); 
	-webkit-transform: rotate(-1.5deg); 
	-moz-transform: rotate(-1.5deg);
	-khtml-transform: rotate(-1.5deg);
}


.entry-content ul, .entry-content ol
{
	padding: 0.3em 1.0em 0.3em 1.0em;
	margin: 0.3em;
}

.entry-content li {
	
}



/* === The Footer === */

.footer_liq {
	width: 100%;
	margin:2em 0;
	clear:both;
}

.footer_liqCapsule {
	font-size:0.6em;
	line-height:1.4em;
	padding: 1.5em 1px 1.5em 1px;	
}

.footer_liq ul {
	border-top: 1px solid #000;

}

.footer_liq ul li{
	list-style-type: none;
}



/* === The Side Menu === */




.sidebar_liq ul {
	margin: 0 0 10px 0;

}

.sidebar_liq ul li {
	list-style-type: none;
	padding: 5px 0;
}

.sidebar_liq a:link, .sidebar_liq a:visited {
	text-decoration: none;
	color: #000000;
	padding: 0 1px;
	margin:10px 0 0 0px;

	-webkit-transition: background .2s ease-in-out, -webkit-border-radius .2s ease-in-out, color .2s ease-in-out;
	-moz-transition: background .2s ease-in-out, -moz-border-radius .2s ease-in-out, color .2s ease-in-out;	
	-o-transition: background .2s ease-in-out, -o-border-radius .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, border-radius .2s ease-in-out, color .2s ease-in-out;


}

.widget {
	padding:0;
	border-top: 1px solid #000;
}


.widgettitle {
	display:none;
}

.textwidget a:link, .textwidget a:visited {
	padding: 1px;
}



.sidebar_liq a:hover, .sidebar_liq a:active, .sidebar_liq a:focus  {
	color: #fff;
	text-decoration: none;
}

.sidebar_liq h2 {
	color:#000;
	font-size:0.6em;
	padding: 0.7em 1px 0.2em 1px;
	margin:2px 0 0 0px;
}

/* --- The Search Field --- */

fieldset.searchSite_liq {
	border:none;
}

.searchSite_liq legend {
	display:none;
}

.sidebar_liq label {
	display:none;
}

#s {
	width:209px; 
	font-size:1.0em;
	line-height: 1.2em;
	border:solid 1px #FFFE89;
	
	padding:0.1em;
	margin:2px 0 0 0px;
}

#s:hover, #s:active, #s:focus {
	border:solid 1px #000000;
}

#searchsubmit, #sidebar input
{
	font-size: 1.0em;
	line-height: 1.2em;
	color: #000000;
	background-color: #FFFE89;
	border:1px solid #000000;
	padding:1px 1px 1px 1px !important;
	margin:1px 0px 0 0px;
}

#searchsubmit:hover, #searchsubmit:active, #searchsubmit:focus, #sidebar input:hover, #sidebar input:active, #sidebar input:focus
{

	background-color: #FFFFFF;
	color: #000000;
	border:1px solid #FFFE89;

}

#sidebar label
{
	font-size:0.8em;
}


/* The Comment Block */

.commentBlock_liq {
	clear:both;
	font-size:0.8em;
	background-color:transparent;
	margin:2.0em 0 2.0em 0;
}

.commentBlock_liq h3 {
	float:left;
	margin:0 2px 1.0em 0px;
	border:none !important;
	padding: 0.2em 1px 0.2em 1px;
	background-color:#FFFE89;
}

.commentBlock_liq ol {
	list-style-type:none;
}

.commentBlock_liq ol li {
	padding:0.2em 1px;
	margin: 0 2px 1.0em 0px;
}

.commentBlock_liq ol li.alt {
	background-color:#eee;
}

#respond {
	float:left;
	margin: 15px 2px 15px 0px;
	border:none !important;
	padding: 0.2em 1px 0.2em 1px;
	background-color:#FFFE89;

}


.commentMessage_liq {
	clear:both;
	font-size:0.8em;
	padding:0.2em 1px 0.2em 1px;
	margin:0 2px 1.0em 0px;

}

/* 
	Use that css as a starting point to develop your specific design/layout
	Have fun
*/

#commentform {
	font-size: 0.8em;
	line-height: 1.4em;
}

#commentform fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#commentform legend {
	display:none;
}


.commentFormRow_liq {
	clear:both;
	margin: 0 2px 0.5em 0px;
	padding: 0 1px;
	background-color: transparent;
}


.commentFormRow_liq label {
	float:left;
	width:180px;
	padding:0.1em 1px 0 1px;
	text-align:right;
}

.commentFormRow_liq span {

}

/* contains the actual form elements */
.commentFormElement_liq {
  	margin-left: 190px;
	font-size: 1.0em;
	line-height: 1.5em;
	text-align:left;
}

/* depending on styling the line break can be used to clear floats */
.commentFormRow_liq br {
	display:none;
}



.commentInput_liq {
	font-size:1.0em;
	line-height: 1.5em;	
	width:244px;
	height:1.4em;
	margin:0 0.5em 0 0;

	padding-left: 2px;
	padding-right: 2px;
	border:solid 1px #FFFE89;
	background-color:white;
}


.commentInput_liq:hover, .commentInput_liq:active, .commentInput_liq:focus {
	border:solid 1px #000000;
}


#comment {
	font-size:1.0em;
	line-height: 1.5em;			
	width:244px;
	height:10em;
	background-color: #FFFE89;		
}


.mandatory_liq {
	color:#000000 !important;
	background-color:#fff;	
}



/* The Submit Button */
.commentSubmit_liq {
	font-size:1.0em;
	line-height: 1.2em;
	
	padding:0.1em 0.5em;
	border:solid 1px #FFFE89;
	text-align:center;
	background-color:#fff;
	color:#000000;
}

.commentSubmit_liq:hover, .commentSubmit_liq:focus, .commentSubmit_liq:active {
	border:solid 1px #FFFE89;
	background-color:#000000;
	color:#FFFE89;	
}


.sidebar_liq #ffactivity {
	line-height:1em;
	clear:both;
}

.sidebar_liq #ff-activity {
	font-size:0.75em;
}
.sidebar_liq #ffactivity a {
	float:none;
	margin:0;
	padding:0;
	display:inline;

}
.ff-meta {line-height:0.5em;}
.ff-list {display:none;}
.ff-account {padding:0 0 1em 0;}

table {border-collapse: separate; border-spacing:0; width:100%;}
th {font-weight:normal; width:40%;}
td.d {width:30%;}
td.y, td.a {width:15%;}
td.d, td.y, td.a {font-size:0.85em;}
td.a {font-style:italic;}
td, th {margin:0; padding:5px 1px; border-top:1px solid #ccc; border-bottom:1px solid #eee;}
tr {margin:0; padding:0;}
tr:hover th, tr:hover td {border-top:1px solid #000; border-bottom:1px solid #000; background:#eee;}

.friendfeed * {background-color:none !important; border:0 !important;}
.friendfeed .logo img { display: none; }

.friendfeed.widget {border:0;}
.friendfeed.widget a:link, .friendfeed.widget a:link {color:#000;}