/*
Theme Name: simpleX
Theme URI: http://www.wpshoppe.com/themes/
Description: <strong>Simple and Clean</strong> WordPress Blog Theme designed by <a href="http://www.wpshoppe.com">WPshoppe</a>! Now with <strong>Theme Options</strong> to choose different color combinations.
Version: 1.3.2
Author: Chandra Maharzan
Author URI: http://www.wpshoppe.com/about/
Tags: custom-colors, custom-header, fixed-width, two-columns, black, silver, light, theme-options, right-sidebar, threaded-comments

Development Log
===============================================================
Nov 5, 2008 - 1.0.1 Works in Firefox, Chrome. Few IE Bugs
Nov 6, 2008 - 1.0.2 Works in IE6, IE7, Firefox 2+, Chrome 0.3
Nov 6, 2008 - 1.0.3 Sidebar CSS fixes
Nov 6, 2008 - 1.0.4 Icons added to sidebar
Nov 7, 2008 - 1.0.5 Single Page Templates customized
Nov 8, 2008 - 1.0.6 Flickr Badge (from widget) added / CSS
Nov 9, 2008 - 1.0.7 Comments section CSS
Nov 9, 2008 - 1.0.8 Footer / RSS beautified!
Nov 10, 2008 - 1.0.9 Sidebar CSS / Calendar fixed
Nov 12, 2008 - 1.1 Multi-level menus fixed
Nov 13, 2008 - 1.1.1 CSS Fixed
Nov 26, 2008 - 1.1.2 Index Page Link Fixed
Dec 2, 2008 - 1.1.3    Various CSS Issues Fixed
Dec 7, 2008 - 1.2 Theme Options / Various CSS Themes, Organized CSS files, Better user interface, Better Typography
Dec 8, 2008 - 1.2.1 Properly CSS Organized, Valid xHTML/CSS, Tested with IE6, IE7, IE8 Beta 2, FF2, FF3, Chrome 0.4, Safari 3.2.1
Dec 20, 2008 - 1.3 Compatible with WordPress 2.7, Commented Thread Styles
Jan 24, 2009 - 1.3.1 Separation of Trackbacks/Comments and other CSS edits
Dec 15, 2009 - 1.3.2 Fixed Tag Cloud bug and moved jQuery load to functions.php

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


Structure Styles*/
BODY
{
	font-size: 62.5%;
/*Resets 1em to 10px*/
	font-family: Arial, Verdana, Tahoma;
	text-align: center;
	margin: 0;
	padding: 0;
}
#page
{
	text-align: left;
}
#main
{
/*SimpleX addition to center as well as make header footer 100%*/
	width: 1065px;
	margin: 0 auto;
}
#content
{
	font-size: 1.4em;
	float: left;
}
.narrowcolumn .entry
{
	line-height: 1.6em;
	width: 100%;
}
.narrowcolumn .postmetadata
{
	text-align: left;
}
SMALL
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5em;
}
H1, H2, H3
{
	font-family: Georgia, Sans-Serif, Verdana;
	font-weight: normal;
}
H1
{
	font-size: 4em;
	text-align: left;
	padding-left: 40px;
}
#headerimg .description
{
	font-size: 1.1em;
	padding-left: 40px;
}
H2
{
	font-size: 2.2em;
	clear: both;
}
H2.pagetitle
{
	font-size: 2.2em;
	font-style: italic;
}
#sidebar UL LI H2
{
	font-family: Georgia, Arial, "Lucida Grande", Verdana, Sans-Serif;
	font-size: 1.6em;
	padding: 5px;
}
H3
{
	font-size: 1.6em;
	clear: both;
}
H1, H1 A, H1 A:hover, H1 A:visited
{
	text-decoration: none;
}
#header H1, #header H1 A, #header H1 A:hover, #header H1 A:visited
{
	padding-left: 20px;
	font-style: italic;
}
H2, H2 A, H2 A:hover, H2 A:visited, H3, H3 A, H3 A:hover, H3 A:visited, #sidebar H2, #wp-calendar CAPTION, CITE
{
	text-decoration: none;
}
.commentlist LI, #commentform INPUT, #commentform TEXTAREA
{
	font: 0.9em Arial, "Lucida Grande", Verdana, Sans-Serif;
}
.commentlist LI
{
	font-weight: bold;
}
.commentlist CITE, .commentlist CITE A
{
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist P
{
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform P
{
	font: 0.8em Arial, Verdana, Sans-Serif;
}
.commentmetadata
{
	font-size: 0.9em;
	font-weight: normal;
}
#sidebar
{
	font: 1.2em Arial, Verdana, Sans-Serif;
}
ACRONYM, ABBR, SPAN.caps
{
	font-size: 1.1em;
}
CODE
{
	font: 0.9em "Courier New", Courier, Fixed;
	padding: 10px;
	display: block;
}
A
{
	text-decoration: none;
	padding: 0 1px;
}
H1 A, H2 A, H3 A, H1 A:hover, H2 A:hover, H3 A:hover
{
	border: none;
	background: none;
}
#sidebar #wp-calendar A
{
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#sidebar #wp-calendar CAPTION
{
	font: bold 1.3em Arial, "Lucida Grande", Verdana, Sans-Serif;
	text-align: left;
	margin-top: 6px;
}
#sidebar #wp-calendar #prev A, #wp-calendar #next A
{
	font-size: 1em;
}
#sidebar #wp-calendar TH
{
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
}
.post HR
{
	display: block;
	border: none;
}
.narrowcolumn .postmetadata2
{
	padding: 13px 0 16px;
	margin-top: 15px;
}
.entry IMG
{
	padding: 5px;
	max-width: 100%;
}
/*Begin Structure*/
#page
{
	padding: 0;
	width: 100%;
}
#header
{
	margin: 0;
	padding: 0;
	width: 100%;
}
#headerimg
{
	margin: 0;
	height: 110px;
	width: 960px;
	margin: 0 auto;
}
/*SimpleX search location*/
#searchdiv
{
	position: absolute;
	top: 30px;
	margin-left: 690px;
}
.narrowcolumn
{
	padding: 30px 40px;
	margin: 0px auto;
	width: 580px;
}
.post
{
	margin: 0 0 30px;
}
.narrowcolumn .postmetadata
{
	padding: 0;
	margin: 0;
	padding: 20px 0 40px;
}
.postmetadata
{
	clear: both;
	font-size: 0.8em;
}
.clear
{
	clear: both;
}
#footer
{
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#footerarea
{
	width: 960px;
	margin: 0 auto;
}
#footerarea SPAN
{
	margin: 0;
	padding: 30px 40px;
	font-size: 1.1em;
}
#footerarea SPAN#footerleft
{
	float: left;
}
#footerarea SPAN#footerright
{
	float: right;
}
/*End Structure
Begin Headers*/
H1
{
	padding-top: 20px;
	line-height: 60px;
	padding-left: 0;
	margin: 0;
}
H2
{
	margin: 10px 0 2px;
	padding-top: 10px;
}
#sidebar H2
{
	margin: 5px 0 0;
	padding: 0;
}
H3
{
	padding: 0;
	margin: 30px 0 0;
}
H3#comments
{
	padding: 0;
	margin: 40px auto 20px;
}
/*End Headers
Begin Images
Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid)*/
IMG.centered
{
	margin-left: auto;
	margin-right: auto;
}
IMG.alignright
{
	padding: 5px;
	margin: 0 0 5px 15px;
}
IMG.alignleft
{
	padding: 5px;
	margin: 0 15px 5px 0;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
/*End Images
Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets.
simpleX addition*/
.entry
{
	margin-top: 15px;
	padding-top: 15px;
	float: left;
	margin-bottom: 20px;
}
.entry P
{
	padding: 7px 0;
	margin: 0;
}
.entry P A.img
{
	border: none;
	background: none;
}
.entry P A.img:hover
{
	border: none;
	background: none;
}
/*end*/
HTML>BODY .entry UL
{
	margin-left: 50px;
	padding: 0px 0 0px 30px;
	padding-left: 10px;
}
HTML>BODY .entry LI
{
	margin: 0;
}
.entry OL, .entry UL
{
	padding: 0;
	margin: 5px 0 5px 50px;
}
.entry OL LI, .entry UL LI
{
	margin: 0;
	padding: 0;
}
.postmetadata UL, .postmetadata LI
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#sidebar UL, #sidebar UL OL
{
	margin: 0;
	padding: 0;
}
#sidebar UL LI
{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}
#sidebar UL P, #sidebar UL SELECT
{
	margin: 0;
}
#sidebar UL UL, #sidebar UL OL
{
	margin: 0px;
}
#sidebar UL UL UL, #sidebar UL OL
{
	margin: 0;
}
OL LI, #sidebar UL OL LI
{
	list-style: decimal outside;
}
#sidebar UL UL LI, #sidebar UL OL LI
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar A
{
	border: none;
	background: none;
	display: block;
	padding: 5px;
	background: url(images/meta.gif) no-repeat 5px 7px;
	padding-left: 20px;
}
#sidebar A:hover
{
	background: url(images/meta.gif) no-repeat 5px 7px;
}
* HTML #sidebar A
{
	height: 1px;
}
#sidebar .archives A, #sidebar .cat-item A, #sidebar .cat-item A:hover, #sidebar #archives UL LI A
{
	background: url(images/cat.gif) no-repeat 5px 7px;
	padding-left: 20px;
}
#sidebar .cat-item A:hover, #sidebar .archives A:hover, #sidebar #archives UL LI A:hover
{
	background: url(images/cat.gif) no-repeat 5px 7px;
}
#sidebar .linkcat A, #sidebar .linkcat A:hover, #sidebar .blogroll A
{
	background: url(images/fav.gif) no-repeat 5px 7px;
	padding-left: 20px;
}
#sidebar .linkcat A:hover, #sidebar .blogroll A:hover
{
	background: url(images/fav.gif) no-repeat 5px 7px;
}
#sidebar .textwidget
{
	margin: 6px;
}
/*End Entry Lists
Begin Form Elements*/
#searchform
{
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}
#header #searchform #s
{
	width: 130px;
	padding: 4px;
	font: 1.4em arial, verdana, sans-serif;
}
#header #searchsubmit
{
	padding: 3px;
	font: 1.4em arial, verdana, sans-serif;
	font-weight: bold;
}
#content #searchform #s
{
	width: 200px;
	padding: 4px;
	font: 1.1em arial, verdana, sans-serif;
}
#content #searchsubmit
{
	padding: 3px 10px;
	font: 1.1em arial, verdana, sans-serif;
	font-weight: bold;
}
.entry FORM
{
/*This is mainly for password protected posts, makes them look better.*/
	text-align: center;
}
SELECT
{
	width: 130px;
}
#commentform
{
	margin-bottom: 60px;
	margin-top: 20px;
}
#commentform INPUT
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font-size: 1.2em;
}
#commentform TEXTAREA
{
	margin-top: 5px;
	width: 100%;
	padding: 2px;
	font-size: 1.2em;
}
#commentform #submit
{
	margin-top: 5px;
	padding: 5px;
	font-weight: bold;
	font-size: 1.3em;
}
LEGEND
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 10px;
}
.entry FORM
{
	text-align: left;
}
/*End Form Elements
Begin Comments*/
#tabnav
{
	margin: 0;
	padding: 0;
}
#tabnav LI
{
	display: inline;
	list-style: none;
	font-weight: bold;
	font: 18px Arial;
	margin: 0;
	margin-right: 5px;
}
A.tabs
{
	padding: 5px 10px;
	background: #EEE;
	border: 1px solid #EEE;
	color: #666;
}
A.tabs:hover
{
	background: #FFF;
	border: 1px solid #EEE;
}
A.current
{
	background: #FFF;
	color: #333;
}
.commentlist
{
	padding: 0;
}
#commentform P
{
	margin: 5px 0;
}
.nocomments
{
	text-align: center;
	margin: 0;
	padding: 0;
}
/*Threaded Comments*/
OL.commentlist
{
	list-style: none;
	margin: 0 0 0em;
	padding: 0;
	text-indent: 0;
}
OL.commentlist LI
{
	margin: 15px 0 0px;
	list-style: none;
	padding: 20px;
}
OL.commentlist LI.alt
{
}
OL.commentlist LI.bypostauthor
{
}
OL.commentlist LI.byuser
{
}
OL.commentlist LI.comment-author-admin
{
}
OL.commentlist LI.comment
{
}
OL.commentlist LI DIV.comment-author
{
}
OL.commentlist LI DIV.vcard
{
}
OL.commentlist LI DIV.vcard CITE.fn
{
	font-style: normal;
	font-size: 14px;
}
OL.commentlist LI DIV.vcard CITE.fn A.url
{
}
OL.commentlist LI DIV.vcard IMG.avatar
{
	float: right;
	padding: 2px;
}
OL.commentlist LI DIV.vcard IMG.avatar-32
{
}
OL.commentlist LI DIV.vcard IMG.photo
{
}
OL.commentlist LI DIV.vcard SPAN.says
{
}
OL.commentlist LI DIV.commentmetadata
{
	margin: 0;
	display: block;
}
OL.commentlist LI DIV.comment-meta
{
}
OL.commentlist LI P
{
	margin: 13px 5px 13px 0;
	line-height: 16px;
}
OL.commentlist LI UL
{
	margin: 0;
}
OL.commentlist LI DIV.reply
{
}
OL.commentlist LI DIV.reply A
{
	font-weight: bold;
}
OL.commentlist LI UL.children
{
	list-style: none;
	margin: 2em 0 0;
	text-indent: 0;
	padding: 0;
}
OL.commentlist LI UL.children LI
{
	font-size: 12px;
}
OL.commentlist LI UL.children LI.alt
{
}
OL.commentlist LI UL.children LI.bypostauthor
{
}
OL.commentlist LI UL.children LI.byuser
{
}
OL.commentlist LI UL.children LI.comment-author-admin
{
}
OL.commentlist LI UL.children LI.depth-2
{
	margin: 0;
}
OL.commentlist LI UL.children LI.depth-3
{
	margin: 0;
}
OL.commentlist LI UL.children LI.depth-4
{
	margin: 0;
}
OL.commentlist LI UL.children LI.depth-5
{
}
OL.commentlist LI UL.children LI.comment
{
	margin: 0;
	margin-top: 20px;
}
OL.commentlist LI UL.children LI.odd
{
}
OL.commentlist LI.even
{
	background: #FFF;
}
OL.commentlist LI.odd
{
	background: #FCFCFC;
}
OL.commentlist LI.parent
{
}
OL.commentlist LI.pingback
{
	padding: 1em;
}
OL.commentlist LI.thread-alt
{
}
OL.commentlist LI.thread-even
{
}
OL.commentlist LI.thread-odd
{
}
OL.commentlist .navigation
{
	padding: 10px 0;
	margin: 10px 0;
	clear: both;
	border: none;
}
/*End Comments
Begin Sidebar*/
#sidebar
{
	width: 215px;
	float: right;
	margin: 0;
}
#sidebar FORM
{
	margin: 0;
}
/*End Sidebar
Begin Calendar*/
#sidebar #wp-calendar
{
	empty-cells: show;
	margin: 10px auto 0;
	width: 190px;
}
#sidebar #wp-calendar #next A
{
	padding-right: 10px;
	text-align: right;
}
#sidebar #wp-calendar #prev A
{
	padding-left: 10px;
	text-align: left;
}
#sidebar #wp-calendar A
{
	display: block;
}
#sidebar #wp-calendar CAPTION
{
	text-align: right;
	width: 190px;
	padding-right: 10px;
}
#sidebar #wp-calendar TD
{
	padding: 3px 0;
	text-align: center;
}
/*Begin Various Tags & Classes*/
ACRONYM, ABBR, SPAN.caps
{
	cursor: help;
}
BLOCKQUOTE
{
	margin: 15px 30px 0 10px;
	padding-left: 20px;
}
BLOCKQUOTE CITE
{
	margin: 5px 0 0;
	display: block;
}
.center
{
	text-align: center;
}
.hidden
{
	display: none;
}
HR
{
	display: none;
}
A IMG
{
	border: none;
}
.navigation
{
	margin: 50px 0;
	padding-top: 30px;
	clear: both;
}
PRE
{
	width: 500px;
	margin-right: 250px;
	font-size: 1.1em;
}
/*End Various Tags & Classes
Captions*/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption
{
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
	border: 0 none #000000;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*End captions*/
IMG.wp-smiley
{
	border: none;
	padding: 0;
}
.entry A.more-link
{
	padding: 1px 6px;
	font-size: 0.8em;
	font-weight: bold;
	float: right;
}
.navigation A
{
	font-size: 1em;
	padding: 5px 10px;
	font-weight: bold;
}
/*simpleX RSS*/
#sidebar LI#rssfeeds
{
	padding-left: 18px;
	margin-left: 5px;
	margin-top: 10px;
	background: url(images/rss.gif) no-repeat left center;
}
#sidebar LI#rssfeeds A, #sidebar .textwidget A, #sidebar .widget_tag_cloud A, #sidebar P A
{
	background: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#sidebar .widget_tag_cloud A
{
	margin: 5px 5px 0 6px;
}
#sidebar #wp-calendar
{
	margin: 6px;
	padding: 0;
}
/*Header Menu*/
.clearfix:after
{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
HTML[xmlns] .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
/*Page Menu CSS*/
#pagemenu
{
	width: 100%;
	font-size: 1.4em;
}
#pagemenu UL#page-list
{
	list-style: none;
	padding: 0px 10px;
	margin: 0 auto;
	width: 890px;
	margin-top: 6px;
	display: block;
/*ignored by IE  remove space bug on FF, Chrome*/
}
#pagemenu UL LI.page_item A, #pagemenu UL LI.cat-item A
{
	font-weight: bold;
	padding: 0px 20px;
	text-decoration: none;
	border: none;
}
#pagemenu UL LI.page_item A:hover, #pagemenu UL LI.cat-item A:hover
{
	text-decoration: none;
}
#pagemenu #page-list
{
	margin: 0;
	padding: 0;
}
#pagemenu #page-list LI
{
	padding: 0px;
	float: left;
	list-style: none;
	line-height: 28px;
	display: inline;
	margin-left: 5px;
}
#pagemenu #page-list LI A, #page-list LI UL LI A
{
	display: block;
}
#pagemenu #page-list LI UL
{
	position: absolute;
	width: 12em;
	left: -999em;
	border-top: none;
	margin: 0;
	padding: 0;
}
#pagemenu #page-list LI:hover UL, #pagemenu #page-list LI.sfhover UL
{
	left: auto;
}
#pagemenu #page-list LI UL LI
{
	line-height: 28px;
	width: 12em;
	margin: 0px;
}
#pagemenu #page-list LI:hover, #pagemenu #page-list LI.hover
{
	position: static;
}
#pagemenu #page-list LI UL UL
{
	margin: -29px 0 0 12em;
}
#pagemenu #page-list LI:hover UL UL, #pagemenu #page-list LI.sfhover UL UL
{
	left: -999em;
}
#pagemenu #page-list LI:hover UL, #pagemenu #page-list LI LI:hover UL, #pagemenu #page-list LI.sfhover UL, #pagemenu #page-list LI LI.sfhover UL
{
	left: auto;
}
#pagemenu #page-list LI:hover UL UL, #pagemenu #page-list LI:hover UL UL UL, #pagemenu #page-list LI.sfhover UL UL, #pagemenu #page-list LI.sfhover UL UL UL
{
	left: -999em;
}
#pagemenu #page-list LI:hover UL, #pagemenu #page-list LI LI:hover UL, #pagemenu #page-list LI LI LI:hover UL, #pagemenu #page-list LI.sfhover UL, #pagemenu #page-list LI LI.sfhover UL, #pagemenu #page-list LI LI LI.sfhover UL
{
	left: auto;
}
/*sidebar ul li pages category*/
#sidebar .page_item UL LI, #sidebar .cat-item UL LI
{
	padding-left: 15px;
}
#sidebar UL LI DIV A.freedownload
{
	background: url(images/downloadsimplex.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 200px;
	border: none;
}
#sidebar UL LI DIV A.freedownload:hover
{
	background: url(images/downloadsimplex.gif) no-repeat 0 -70px;
	position: relative;
}
/*for ad*/
#sidebar UL LI DIV DIV
{
	font-size: 0.9em;
	line-height: 1.8em;
}
#sidebar UL LI DIV SPAN.red
{
	font-size: 1em;
	font-weight: bold;
	color: #F00;
}