/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: 	ToRokZoli
	Author Site	: 	http://torokzoli.hu
	Style Name	: 	Dropdown2
	Style URI	:	http://torokzoli.hu
	Version		: 	1.0
	Comments	: 	Simple and smart, thanks to http://jillij.com
*/

/*- Page Structure */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #444;
	background: black url("/wp-content/themes/k2/styles/flurrysty/flurry/bg.gif");
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: 10px 10px;
	text-align: center;
	margin: 20px 0 30px;
	}

#page {
	background: #eee;
	text-align: left;
	margin: 0 auto;
	padding: 1px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 780px;
	_width: 760px;
	border: 0px solid #ddd;
	border-top: 0px solid #ddd;
	}

body.flex #page { /* For the flexible-width setting. Not IE compatible */
	width: 80%;
	min-width: 780px;
	max-width: 1000px;
	}

#header {
	background: #eee url('flurry/header.jpg') center center no-repeat;
	height: 200px;
	width: 100%;
	/*background: #333;*/
	}

.primary {
	width: 65%;
	min-width: 500px;
	_width: 500px; /* IE Hack */
	float: left;
	padding: 20px 2% 10px 2%;
	margin: 0;
	}

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 26%;
	color: #666;
	/* The following are IE Fixes */
	_margin-left: 0%;
	_margin-right: -3%;
	_width: 28%;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}

#footer {
	margin: 10px auto 0;
	}
	
/* Drop Down Menus */
#sidebar {
	display: block;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 5;
	position: relative;
}

#sidebar ul {
	width:780px;
	min-height: 30px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 500;
}

* html #sidebar ul { width: 770px } /* IE hack */

#sidebar li {
	display: inline;
	float: left;
	min-height: 20px;
	position: relative;
	text-align: left;
	padding: 5px 16px 5px;
	margin: 0px 0px 0px 0px;
}

#sidebar li ul {
	width: 150px;
	height: auto;
	top: 100%;
	left: 0px;
}

#sidebar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}

#sidebar a {
	text-decoration: none;
	}

#sidebar li li ul {
	top: 0;
	left: 0;
}

#sidebar li li:hover ul {
	left: 150px;
}

/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
	display: none;
	position: absolute;
}

/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
  display: block;
}

/* colors */

#sidebar {
	color: #FFFFFF;
}

#sidebar ul{
	background: #000000;
	-moz-opacity:0.95; /* for mozilla */
	opacity: 0.95; /* for safari */
	khtml-opacity: 0.95 /* for konquerer and older safari */
}

#sidebar ul ul {
	background: #000000;
}
#sidebar ul li {
	background: #000000;
}


#sidebar h2 {
	color: #FFFFFF;
}

#sidebar a {
	color: #FFFFFF;
	}

#sidebar ul li:hover {
	background: #333333;
}

#sidebar ul li ul {

}

#sidebar ul li ul li {
	background: #333333;
}

#sidebar ul li ul li:hover {
	background: #666666;
}

#sidebar ul li ul ul li{
	background: #666666;
	
}

#sidebar ul li ul ul li:hover {
	background: #999999;
}

/*End DropDown Menu*/

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}


/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	letter-spacing: -1px;
	padding-top: 25px;
	margin: 0 0 0 40px;
	font-weight: bold;
	width: 100%;
	text-shadow: 3px 3px 5px black;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: #eee;
	}

h1:hover {
	text-decoration: underline;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline;
	}

.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.4em;
	font-weight: normal;
	}
	
.itemhead {
	margin-top: 10px;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary > div {
	margin: 20px 0 0;
	padding: 0;
	}

.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}
	
.permalink .primary .aside .itemtext {
	font-size: 1em;
	color: #444;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}
	
.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.secondary div > .metalink {
	text-align: right;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}
	
.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover > span {
	display: inline;
	}
	
.metalink a:hover {
	text-decoration: none !important;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata:hover * a {
	border-bottom-color: #bbb;	
	}

.metadata a, .metadata a:active {
	color: #bbb;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	}

.metadata a:hover {
	text-decoration: none !important;
	color: #888;
	border-bottom-style:  solid;
	border-bottom-color: #888;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('../images/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('../images/time.png') left center no-repeat;
	}

.chronodata:after {
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('../images/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.primary .item .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 0;
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}

.commentsrsslink {
	background: url('../images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('../images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.comments .commentlist {
	margin: 0;
	padding: 20px 0 0;
	width: 100%;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('../images/time.png') left center no-repeat;
	display: block;
	}

.comments .commentlist li img {
	padding: 0;
	border: none;
	}
	
.commentlist .itemtext img {
	border: none !important;
	}
	
.comments .commentlist img.wp-smiley {
	background-color: #E2EAFF;
	}

.comments .commentlist li.authorcomment img.wp-smiley {
	background-color: #FFF6D8;
	}

.comments .commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	border: 1px solid #ccc;
	}

.comments .commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

.comments .commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment {
	background: #EEE;
	}
	
.comments .commentlist li.authorcomment .itemtext {
	background: #FFF6D8 !important;
	border-left: 1px solid #F8D161;
	border-right: 1px solid #F8D161;
	border-bottom: 1px solid #F8D161;
	border-top: 1px solid #F8D161;
	}
	
.comments .itemtext {
	background: #E2EAFF !important;
	border-left: 1px solid #7196f5;
	border-right: 1px solid #7196f5;
	border-bottom: 1px solid #7196f5;
	border-top: 1px solid #7196f5;
	padding: 10px 70px 10px 20px !important;
}

.comments .pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	background-color: #dedede;
	}
	
.comments .pinglist img {
	border: none !important;
	padding: 0 !important
	}	
	
.comments .pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments .pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
	}

.comments .pinglist li .counter {
	display: none;
	}

.comments .pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments .leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	margin: 0;
	}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 100px;
	width: 100%;
	padding: 2px;
	}

.comments form #submit {
	margin: 0;
	float: left;
	}

#footer p {
	text-align: center;
	}

#footer a {
	color: #888;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #888;
	}


/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: none;
	}

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

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a, a:active, a:visited {
	text-decoration: none !important;
	}
	
a:hover {
	text-decoration: underline !important;
	}
	
.itemtext a, .itemtext a:visited {
	border-bottom: 1px #ccc dotted;
	color: #444;
	text-decoration: none;
	}
	
.itemtext p:hover > a {
	border-bottom: 1px #555 dotted;
	text-decoration: none !important;
	}
	
.itemtext p a:hover {
	text-decoration: none !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
	color: #555;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.itemtext img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	background-color: #fff;
	}
	
.itemtext img a:hover {
	background-color: #fff;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	background-color: #eee !important;
	}

.favorite img {
	padding: 0;
	border: none;
	}

.tags {
	padding: 1px 10px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	text-align: left !important;
	}

acronym, abbr, /*span.caps*/ {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	background: url('../images/quote.png') 10px top no-repeat;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

img.wp-smiley {
	border: none;
	}

.alert {
	background: #FFF6BF url('../images/exclamation.png') 15px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
	text-align: center;
	}
	
.download {
	background: #D0F29D url('../images/zip.png') 15px center no-repeat;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
	text-align: center;
	}
	
.download i {
	color: #999;
	font-style: normal;
	}
	
.podcast {
	background: #ededed url('../images/transmit.png') 15px center no-repeat;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
	text-align: center;
	}
	

/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol, .secondary > div > div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	_margin-left: 0px; /* IE Fix */
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}


/*- Search Form and Livesearch */

.sb-search {
	margin-top: 20px;
	}

.sb-search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #444;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

input#livesearch {
	width: 100%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 200px;
	z-index: 100;
	position: absolute;
	background: #eee url('../images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('../images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

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

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('../images/livesearchbghilight.jpg') center repeat-y;	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #999;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/*-
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

.secondary div.sb-comments ul li {
	margin-bottom: 6px;
	}

.activityentry {
	font-size: 1.1em;
	}

div.sb-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}

/*-
	flickrRSS
-*/

.sb-flickr img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 2px;
	background-color: #fff;
	}
	
.sb-flickr img:hover {
	background: #eee;
	}

.sb-flickr-logo {
	color: #FF0084;
	}

/*-
	WordPress: Touched
	http://twilightuniverse.com/2005/03/wordpress-touched/
	
	No support for Touched 0.6 in the rest of K2.
	Seems a bit flaky just now. Waiting for new version.
*/

#poststuff fieldset {
	border: none;
	}

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
	width: 470px;
	}
	
#poststuff #title {
	font-size: 2em;
	}
	

/*
	Ultimate Tag Warrior
*/

.localtags, .technoratitags {
	display: none;
	}


/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}
