/*
Theme Name: Tvyks
Theme URI: based on F2 theme http://srinig.com/wordpress/themes/f2/ for WordPress. Customized by (c) Tvyks http://www.tvyks.com/ with a little help of Martin Baar http://www.myspace.com/varhanik. Compatible with WordPress 2.8 and above. Valid XHTML, CSS.
Tags: blue, light, flexible-width, two-columns, three-columns, right-sidebar, left-sidebar, theme-options, custom-header, threaded-comments, translation-ready

	The CSS, XHTML and design is released under GPL:
	http://wordpress.org/about/gpl/


*/

body {
margin:0;
padding:0px;
color:#4b08a1;
font-size: 65%; /* Resets 1em to 16px */
font-family: "QuicksandBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-align:left;
vertical-align: top;
text-align: left;
background-color: #white;

}


a {
color:#4b08a1;
border-bottom:2px solid #28ace2;
text-decoration:none;
-webkit-transition-duration:.3s;
-webkit-transition-property:border-bottom, color;
}

a:hover {
color:#f8ef24;
background:#f8ef24;
border-bottom:2px solid #f8ef24;
}

h1{
font-family:"QuicksandBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
line-height:19px;
text-transform:uppercase;
font-size:16px;
margin: 2px 0 20px 0;
}

#leftsidebar h2{
color:black;
margin:0px 0 0px 0;
font-size:12px;
padding:0;
font-weight:bold;
letter-spacing:auto;
}

h2 a:hover{
}

#post h2, #post h2 a{
font-size:12px;
text-transform:uppercase;
color:black;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold; 
font-style:normal;
padding:0;
margin:0 0 7px 0;
}

#post h2 a:hover, #leftsidebar a:hover{
background:#00a651;
color:black;
text-decoration:none;
}

h3{
font-size:16px;
font-family:"QuicksandBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration:none;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #28ace2;

}

h4{
font-size:12px;
font-family:"QuicksandBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
line-height: 19px;
padding-bottom: 19px;
}

h5{
font-size:16px;
text-decoration:none;
}

a:hover {
	text-decoration: none;
	}


img {
	border:0;
}

input, textarea {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
	font-family: 'QuicksandBook', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
        font-weight: bold;
	color: #00a651;
	background-color: #c0ddea;
	border: #28ace2;
	outline: #f8ef24;
	}
	
input.button {
	padding: 6px 10px 5px 10px;
	color:#4b08a1;
        border-bottom:2px solid #28ace2;
	}

input.button:hover {
	color:#f8ef24;
        background:#f8ef24;
        border-bottom:2px solid #f8ef24;
	cursor: pointer;
	}

.hr-above {
	padding-top: 10px;
	/* border-top: 1px solid #dddddd; */
	}

pre {
	overflow:auto;
	font-size:12px;
}
code {
	background-color:#f8f8f8;
	color:#111;
	font-size:12px;
}

input#s, input#subscribe_email, input#signup_email { 
	width: 240px; 
	margin:5px; 
	background-color: #FFF; color: #4b08a1; 
}


/* Quicksand */

@font-face {
	font-family: 'QuicksandLight';
	src: url('fonts/Quicksand_Light-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Light-webfont.woff') format('woff'), url('fonts/Quicksand_Light-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light-webfont.svg#webfontxOK7zMuM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('fonts/Quicksand_Light_Oblique-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'), url('fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light_Oblique-webfont.svg#webfontvBgqc5bU') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/Quicksand_Book-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#webfontQvsv8Mp8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('fonts/Quicksand_Book_Oblique-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book_Oblique-webfont.woff') format('woff'), url('fonts/Quicksand_Book_Oblique-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book_Oblique-webfont.svg#webfontDkcdglAy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('fonts/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Bold-webfont.woff') format('woff'), url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('fonts/Quicksand_Bold-webfont.svg#webfontA4fKbYnS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('fonts/Quicksand_Bold_Oblique-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Bold_Oblique-webfont.woff') format('woff'), url('fonts/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'), url('fonts/Quicksand_Bold_Oblique-webfont.svg#webfontijreB3Ak') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandDash';
	src: url('fonts/Quicksand_Dash-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Dash-webfont.woff') format('woff'), url('fonts/Quicksand_Dash-webfont.ttf') format('truetype'), url('fonts/Quicksand_Dash-webfont.svg#webfontcuKfewST') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Layout */

#page {
	min-width:600px;
	max-width:940px;
	margin:0 auto;
    	position:left;

}
#container{
  float: left;
width: 500px;
margin-top: -21px;
  padding:0 150px 0 150px;
}
#wrapper{
  float:left;
  width:600px;
  border-left:150px solid #fff; /* Sidebar left background color */
  border-right:150px solid #fff; /* Siderab right background color */
  margin-left:-150px;
  margin-right:-150px;
  background-color:#fff;
  display:inline;
}
.sidebar {
	padding:20px;
}
#sidebar_left{
	float:left;
	width:150px;
	margin:0 0 0 -150px;
	position:fixed !important;
    	position:absolute;
}
#content{
	float:left;
	width:92%;
	margin-right:-100%;
	padding:20px 4%;
	overflow:hidden;
	background:#fff;
}

#content h2{
	font-size:300%;
        line-height:43px;
}

#sidebar_right{
	float:right;
	width:150px;
	margin:0 -150px 0 0;
	position:relative;
}
#footer {
	width: 870px;
        clear:both;
	padding:10px;
}




/* Sidebar */

.sidebar {
	color:#28ace2;
}
.sidebar ul {
padding:0;
text-decoration: none;
display: block;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #28ace2;
margin-bottom: 4px;
clear: both;
margin:0;
list-style: none;
font-size:12px;
}
.sidebar ul ul {
	font-size:12px;
}

.sidebar ul li {
	margin:0 0 2em 0;
}

.sidebar ul ul {
	margin:0;
	padding:0;
}

.sidebar li li {
	margin:0.1em 0;
}

.sidebar li li:before {
	font-size:1.2em;
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar ul h2 {
	margin:0;
	padding:0;
font-size:16px;
text-transform:none;
text-decoration: none;
display: block;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #28ace2;
margin-bottom: 1px;
clear: both;
list-style: none;
}


.sidebar a.rsswidget img {
	border:0;
	float:right;
}


/* Footer */

#footer { 
	text-align:right;
	font-size:9px;
	background:#fff;
	color:#4b08a1;
	border:none solid #fff;
}



h2.entry-title, h2.entry-title a, h2.page-title, h2.page-title a {
	font-size: 12px;
	color: #00a651;
	line-height: 20px;
	}

h2.page-title {
	margin-bottom: 10px;
	}

.post {
	margin-bottom: 7px;
	}

.entry-content ol, .entry-content ul {
	list-style-position: inside;
	}

.entry-content li {
	margin-left: 15px;
	}

.entry-content a, #related-posts li a {
	color: #f8ef24;
	}

.entry-date {
	display: none;
	}

.entry-meta-below {
	margin-top: 10px;
	}

.share-via, .twitter-link, .delicious-link, .facebook-link, .digg-link {
	margin-right: 5px;
	}

.edit-link {
	margin-left: 5px;
	}

a.post-edit-link {
	color: #f8ef24;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	}

#link {
	margin-top: 20px;
	}
	
a.more-link, #pager-links li a {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#4b08a1;
        border-bottom:2px solid #28ace2;
	font-weight: bold;
	}

a:hover.more-link, #pager-links li a:hover {
	color:#f8ef24;
        background:#f8ef24;
        border-bottom:2px solid #f8ef24;
	text-decoration: none;
	}

.permalink-input {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 15px;
	padding: 10px;
	background-color: #f8ef24;
	}

.permalink-input input {
	margin-top: 5px;
	width: 98%;
	}

#related-posts {
	position: relative;
	margin: 40px 0;
	padding-bottom: 160px;
	}

#related-posts h3 {
	font-size: 16px;
	}

#related-posts li {
	list-style-type: none;
	}

.related-post-1, .related-post-2, .related-post-3, .related-post-4 {
	width: 110px;
	height: 144px;
	overflow: hidden;
	position: absolute;
	top: 35px;
	}

.related-post-1 {
	left: 0;
	}

.related-post-2 {
	left: 130px;
	}

.related-post-3 {
	left: 260px;
	}

.related-post-4 {
	left: 390px;
	}

/* Comments */


#comments {
	margin-top: 10px;
	clear: both;
	}

#comments-list h3 {
	margin: 0 0 25px 0;
	font-size: 16px;
	}

#comments-list li {
	margin-bottom: 25px;
	list-style-type: none;
	}

.comment-author a {
	color: #ff6666;
	}

.comment-meta {
	display: none;
	}

li.comment p {
	margin: 10px 0;
	}

li.comment p a {
	color: #ff6666;
	}

#respond {
	margin-top: 10px;
	}

#respond h3 {
	margin: 0 0 25px 0;
	font-size: 16px;
	}

#trackbacks-list { display: none; }

.formcontainer p {
	margin-top: 0;
	}

.formcontainer {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #fff;
	background-color: #fff;
	padding: 15px 10px 5px 10px;
	}

.formcontainer input, .formcontainer textarea {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #f8ef24;
	background-color: #ffffff;
	border: none;
	outline: none;
	}

.formcontainer input.button {
	padding: 6px 10px 5px 10px;
	color: #ffffff !important;
	background-color: #ff6666;
	}

.formcontainer input.button:hover {
	background-color: #aaaaaa;
	cursor: pointer;
	}

.form-input, .form-textarea, .form-submit {
	margin: 5px 0 10px 0;
	}

.formcontainer textarea {
	width: 98%;
	}

.page .entry-content {
	margin-top: 30px;
	}

.page .entry-content .edit-link {
	margin: 0;
	}

.page .entry-content .edit-link a {
	text-transform: lowercase;
	}

.page .entry-content .edit-link a:before {
	content: "— ";
	}


/* Comment ends */


li.widget {
	margin-bottom: 15px;
	}

li.widget_search input.text {
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	margin: 0 0 0 -1px;
	padding: 0;
	color: #00a651;
	background-color: #ffffff;
	background-image: url(../.png);
	outline: none;
	}

li.widget_search input.button {
	display: none;
	}

li.widget_pages {
	position: fixed;
	bottom: 0;
	left: 20px;
	}

li.widget_pages h3 {
	display: none;
	}

#secondary {
	display: none;
	}

li.cat-item-1, li.cat-item-3 {
	display: none;
	}



abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
   width:auto;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 10px;
}

/*	
	By default, the horizontal navigation menu displays inside the header area.
	If for some reason you don't like this behaviour, you can make it display
	below the header area by uncommenting the block below.
*/
/*
#hmenu {
	background-color:#27567a;
	float:none;
	position:static;
	height:24px;
	border:1px solid #aaa;
	border-top:none;
	margin:0;
}
#hmenu ul {
	float:none;
}
*/