/*







Theme Name: MyTheme







Theme URI: http://blog.NOVALISTIC.com/downloads/wordpress-themes/thistle







Description: My Theme based on Thistle by Daniel Tan aka BoltClock







Tags: purple, lavender, simple, fixed width, two columns, widgets







Version: 1.0.2







Author: Daniel Tan aka BoltClock







Author URI: http://blog.NOVALISTIC.com



*/

/*

----------------

General elements

----------------

*/

/*******

 * The ground basics

 *******/



* {

	margin: 0;

	padding: 0;

}



p {

	margin: 0.5em 0;

}



/*******

 * Headings

 *******/

h2, h3, h4 {

	line-height: 2em;

	margin-bottom: 0.5em;

}



h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.2em; }



/*******

 * Code displays

 *******/

pre, code, kbd, var, samp {

	font-family: Consolas, 'Courier New', Courier, monospace;

	font-size: 0.9em;

	line-height: 1.0em;

}



pre, blockquote {

	background-color: #fbf6ff;

	margin: 1em 0;

	border: 1px solid #d0a3fb;

	border-left-width: 4px;

	padding: 0.5em 1em;

}



pre { overflow: auto; }

/*******

 * Lists

 *******/

/* List margins and basic formatting */

ul, ol { margin: 0.5em 0; margin-left: 1.5em; }

li, dd { margin-left: 1.5em; }

dt { font-style: italic; }

.xoxo { list-style: none; margin: 0; }

.xoxo ul, .xoxo ol { margin: 0; }

.xoxo li { margin: 1em 0; }

.xoxo li li { margin: 0; margin-left: 1.5em; }

.xoxo li li li { margin-left: 0.5em; }



/* List styling */

ul, .xoxo li ul { list-style-type: disc; }

li ul, .xoxo li li ul { list-style-type: circle; }

li li ul, .xoxo li li li ul { list-style-type: square; }

ol, .xoxo li ol { list-style-type: decimal; }

li ol, .xoxo li li ol { list-style-type: lower-alpha; }

li li ol, .xoxo li li li ol { list-style-type: lower-roman; }



/*******

 * Images

 *******/



img {padding: 5px 5px 5px 5px; }

img.left { margin-right: 0.5em; }

img.right { margin-left: 0.5em; }

img.noborder { background-color: transparent; border: 0; padding: 0; }



/* WordPress 2.5 visual editor CSS classes */

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}



/*******

 * Forms

 *******/



input, textarea, button {

	color: #a581f1;

	border: 1px solid #a581f1;

}



input:focus, textarea:focus, button:focus {

	border-style: dashed;

}



input, button {

	height: 20px;

	padding: 1px 5px;

}



input[type="button"], input[type="reset"], input[type="submit"], button {

	font-weight: bold;

	height: 24px;

	background-image: url('images/bg_button.gif');

	background-position: left bottom;

	cursor: pointer;

}



/*

 * Once IE sees a selector it doesn't recognize, the WHOLE

 * rule is ignored per W3C specs, so we have to repeat it.

 */



input.button, button {

	font-weight: bold;

	height: 24px;

	background-image: url('images/bg_button.gif');

	background-position: left bottom;

	cursor: pointer;

}



textarea {

	width: 95%;

	font-family: Arial, Helvetica, sans-serif;

}





/*******

 * Tables

 *******/



table { width: 90%; margin: auto; border-collapse: collapse; }

caption { font-size: 0.9em; font-style: italic; color: #ae7eb0; margin: auto; }

th, td { border: 0; padding: 0.1em 0.3em; }

th { text-align: center; color: #fff; background: #ad79df url('images/bg_th.gif') left top repeat-x; border-color: #ae7eb0; }

td { color: #326; background: #fff; /* Recycle image from forms */ }



/*******

 * Links

 *******/

a:link, a:visited {color: #691B89; }

a:visited { color: #a872c6; }

a:hover, a:active { color: #54ce9e; border: 0; }



/*******

 * Everything else

 *******/

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.center .screenshot { display: block; text-align: center; margin: auto; }

abbr, acronym, dfn { border-bottom: 1px dotted; }

blockquote { color: #d0a3fb; border-width: 0 0 0 4px; }



/*

-----------

Core styles

-----------

*/



body {

	font-family: Georgia, 'Times New Roman', Times, serif;

	font-size: 0.9em;

	line-height: 1.4em;

	text-align: center;

	color: #000000;

	background: #c8b5e7 url('images/bg.gif') left top repeat-x;

}



#wrap {

	position: relative;

	width: 850px;

	text-align: left;

	background: #bda6e2 url('images/bg_wrap.gif') left top repeat-x;

	margin: auto;

	padding: 0 25px;

}



/*

 * Doesn't look good since IE6 only knows how to apply this rule to

 * <body>, so it's both for all other browsers and neither for IE6.

 */



html>body, #wrap { background-attachment: fixed; }



/*******

 * Header

 *******/

#header {

	float: left;

	width: 850px;

	height: 175px;

	background: #fff url('images/bg_header2.gif') left top repeat-x;

	border-top: 5px solid #a53ec3;

}



#blog-title {

	font-family: Tiranti Solid LET, Constantia, Georgia, 'Times New Roman', Times, serif;

        width: 500px;

	height: 150px;

	overflow: hidden;

	float: left;

	font-size: 3.4em;

	font-weight: normal;

	line-height: 150px;

padding-left: 10px;

	

}



#blog-desc {

       font-family: Constantia, Georgia, 'Times New Roman', Times, serif;

	width: 475px;

	height: 150px;

	overflow: hidden;

	float: left;

	position: relative;

	font-size: 1.3em;

	font-style: italic;

	line-height: 1.2em;

	text-align: right;

	color: #ffffff;

	margin: 0;

}



#blog-desc span {

	position: absolute;

	right: 0;

	bottom: 0px;

}



#kit {float: left;

	width: 850px;

	height: 25px;

font-weight:bold;

text-align:center;

        overflow: hidden;

        bottom: 25px;

	position: relative;

	margin: 0 0 0 5px;

}



#searchform {text-align:right;

margin: 0 5px 0 0;

	

}



/*******

 * Navigation

 *******/



#nav, #nav * {

	font-family: Georgia, 'Times New Roman', Times, serif;

	background-color: transparent;



position:relative;	



margin: 0;

	padding: 0;



        }



#nav {

	float: left;

        text-align: left;

width: 850px;

bottom:30px;

	list-style: none;

}



#nav li {

	display: inline;

}



#nav li a {

	float: left;

	line-height: 30px;

	margin-left: 0.3em;

	border: 0;

	padding: 0 0.5em;

}



#nav .current_page_item a { color: #ffffff; background-color: #a53ec3; } 

#nav li a:link {text-decoration:none;color: #ffffff; }

#nav li a:hover {text-decoration:none; color: #54ce9e; background-color: #c845ee; }

#nav li a:active {text-decoration:none; color: #54ce9e; border: 0; }

#nav li a:visited {text-decoration:none; color: #ffffff; }



/*******

 * Column wrapper

 *******/



#col-wrap {

	float: left;

	width: 850px;

	background-color: #fff;

}



/*******

 * Content

 *******/



#content {

	position: relative;

	float: left;

	z-index: 1;

	width: 580px;

	margin: 10px;

}



.post-content, .post-meta { min-height: 150px; }

* html .post-content, * html .post-meta { height: 150px; }

.post, .page {

	clear: both;

	float: left;

	width: 555px;

	background: #ffffff ;

}



.post-content, .page-content {

	padding: 10px;

}



.post-content {

	float: left;

	width: 555px;

	margin-left: 10px;

}





/*******

 * Content2

 *******/



#content2 {

	position: relative;

	float: left;

	z-index: 1;

	width: 830px;

	margin: 10px;

}



.post-content2, .post-meta2 { min-height: 150px; }

* html .post-content2, * html .post-meta2 { height: 150px; }

.post2, .page2 {

	clear: both;

	float: left;

	width: 800px;

	background: #ffffff ;

}



.post-content2, .page-content2 {

	padding: 10px;

}



.post-content2 {

	float: left;

	width: 800px;

	margin-left: 10px;

}



/*******

 * Sidebar

 *******/



#sidebar {

	position: relative;

	float: right;

	z-index: 0;

	width: 230px;

	font-size: .9em;

	line-height: 1.3em;

	text-align: left;

	color: #ffffff;

	padding: 10px;

}



#sidebar .xoxo { background: #dfc6fd url('images/bg_sidebar.gif') center top repeat-y; margin: 0; padding: 5px; }



#sidebar .xoxo li { padding: 0 0.5em; }



#sidebar .sidebar-top { height: 15px; background: #dfc6fd url('images/bg_sidebar_top.gif') center top no-repeat; }



#sidebar .sidebar-bottom { height: 15px; background: #dfc6fd url('images/bg_sidebar_bottom.gif') center top no-repeat; }



/*******

 * Footer

 *******/



#footer {

	clear: both;

	min-height: 75px;

	font-size: 0.75em;

	line-height: 1.50em;

	text-align: center;

	color: #691B89;

	background: #fff url('images/bg_footer.gif') left bottom repeat-x;

}



* html #footer {

	height: 75px;

font-size: 0.9em;

	line-height: 1.2em;

}



#footer p {

	margin: 0;

}



#footer a:link, a:visited {color: #691B89; }

#footer a:visited { color: #a872c6; }

#footer a:hover, a:active { color: #54ce9e; border: 0; }



/*

-------------------

Inside both columns

-------------------

*/



/*******

 * Content

 *******/



.title { font-weight: normal; line-height: 1em; }

.search-terms { font-style: italic; }

.post-title, .page-title, .more-link, #sidebar h2 {



	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;

	font-variant: small-caps;

	font-weight: bold;

}



.post-title, .page-title {

	font-size: 1.7em;

	line-height: 1em;

	color: #691B89;

	margin: 0;

	margin-bottom: 0.3em;

}



.post-body, .page-body {

	text-align: justify;

}



* html .post-body, * html .page-body { overflow: hidden; }

* html .post-body img, * html .page-body img { position: relative; }



.more-link {

	clear: both;

	display: block;

	text-align: right;

	font-size: 1.2em;

	border: 0 !important;

}



p.postmetadata{font-family: Georgia, 'Times New Roman', Times, serif;

	color: #691B89;

	font-size: 0.7em;

	line-height: 1.0em;

}



/*

Asides

*/



.aside, .aside .post-content, .aside .post-content .post-body {



	display: block;

	float: none;

	width: auto;

	height: auto;

	min-height: 0;

	background: none;

	margin: 0;

	padding: 0;

}



.aside {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	line-height: 1.5em;

	color: #d0a3fb;

}



.aside * {

	display: none;

}



.aside .post-content .post-body {



	margin: 0 3em;

	padding: 10px;

	background: #fff url('images/bg_aside.gif') left top repeat-y;

}



.aside .post-content .post-body * {

	display: inline;

}



/*

Comments

*/



.comments {

	list-style: none;

	margin: 0;

}



.comments li {

	position: relative;

	min-height: 62px; /* Expand to fit gravatars in at least */

	margin: 0;

	padding: 5px;

}



.comments li.alt { background-color: #fbf6ff; }

.comments li.bypostauthor { background-color: #eee4ff; }



* html .comments { height: 62px; }



.comment-author .author-name {

	font-size: 1.5em;

	font-style: normal;

	font-weight: bold;

	line-height: 1.2em;

}



.comment-author .avatar {

	float: left;

	margin-right: 0.5em;

}



.comment-meta .c-number {

	position: absolute;

	top: 0;

	right: 0.2em;

	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;

	font-size: 5em;

	font-style: italic;

	font-weight: bold;

	line-height: 1em;

	color: #eee4ff;

}



.comments li.bypostauthor .c-number {

	color: #fff;

}



.comment-unapproved {

	font-weight: bold;

	color: #c00;

	margin-top: 1em;

}



.comment-body {

	margin-top: 2em;

}



/* Post navigation */

.post-nav p { max-width: 50%; }

.post-nav .prevpage { float: left; }

.post-nav .nextpage { float: right; }



/*******

 * Sidebar

 *******/



#sidebar h2 {

	font-size: 1.7em;

	line-height: 1.5em;

	text-align: right;

	border-bottom: 1px dashed #fff;

	padding: 0.1em 0;

}



#sidebar h2 a {

	color: #fff !important;

	border: 0;

}



#sidebar a:link, #sidebar a:visited  {text-decoration: none; color: #ffffff;border: 0;}

#sidebar a:hover, #sidebar a:active { color: #54ce9e; border: 0; }