/* Structure Styles */
* {margin:0;padding:0;}
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: 960px;
	margin: 0 auto;
	}

#content {
	font-size: 1.4em;
	float: left;
	}

.narrowcolumn .entry {
	line-height: 1.3em;
	width: 100%;
	}

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;	
	}
#header-img{clear:both; margin:10px auto; width:940px;}	

h2 {
	font-size: 2.2em;
	clear:both;
	}	

h2.pagetitle {
	font-size: 2.2em;
	font-style: italic;
	}	

#sidebar ul li h4 {
	font-family: Georgia, Arial, 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.6em;
	padding: 5px 5px;
	}

h3 {
	font-size: 1.6em;
	clear:both;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}	
	
#header h3, #header h3 a, #header h3 a:hover, #header h3 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, cite {
	text-decoration: none;
	}	

#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;
}


	
.post hr {
	display: block; 
	border: none;
	}		

.entry img {
	padding: 5px;
	max-width: 100%;
	}	
.entry a:visited{ color:#6611CC;}	

/* Begin Structure */

#page {
	padding: 0;
	width: 100%;	
	}

#header {
	margin:0;
	padding: 0;
	width: 100%;
	}

#headerimg {
	margin: 0;
	height: 110px;
	width: 960px;
	margin: 0 auto;
	
	}

.narrowcolumn {
	padding: 20px 40px;
	margin: 0px auto;
	width: 580px;	
	}

.post {
	margin: 0 0 30px;	
	}
	

.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 0;
	padding-top: 10px;
	}


#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding:0;
	margin: 20px 0 0;
	}


/* End Headers */	

/* 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: 10px;
	float: left;	
	margin-bottom: 20px;
}

.entry p {
	padding: 0px 0 7px 0;
	margin:0;
}
.entry p a.img {
	border:none;
	background:none;
}
.entry p a.img:hover {
	border:none;
	background:none;
}
.entry li{
	margin-bottom:7px;
}

/* end */

html>body .entry ul {
	margin-left: 30px;
	padding: 0px;
	
	}

html>body .entry li {
	margin: 0 0 7px 0;
	}

.entry  ol, .entry ul {
	padding:0;
	margin:  10px 0 5px 10px;
	}

.entry ol li, .entry ul li {
	margin: 0;
	padding: 0;
	margin-bottom:7px;
	}	

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;	
	}

#sidebar ul li {
	list-style-type: disc;
	list-style-image: none;
	margin-left:25px;
	
	}

#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 5px;
	/*background: url(images/meta.gif) no-repeat 5px 7px;*/
	
}
#sidebar a:hover {
	/*background: url(images/meta.gif) no-repeat 5px 7px;*/
}	

* html #sidebar a {
	height: 1px;
}
	

#sidebar .textwidget {
	margin: 6px;
}

	
/* End Entry Lists */




.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

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;
}




/* Begin Sidebar */
#sidebar
{	
	width: 215px;
	float: right;
	margin: 20px 60px 20px 0;	
	}

#sidebar form {
	margin: 0;
	}
	

/* End Sidebar */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}



blockquote {	
	margin: 10px 0 0 30px;
	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;
	}
	
pre {
	width: 500px;
	margin-right: 250px;
	font-size: 1.1em;
}

.entry a.more-link {
	padding: 1px 6px;
	font-size:0.8em;
	font-weight: bold;
	float:right;
	}


/* sidebar ul li pages category */

#sidebar .menu-item ul li, #sidebar .cat-item ul li{
	padding-left: 15px;
} 


/* 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;
}

/* Main Menu CSS */
div.menu {padding: 8px 5px 0;height:30px}

.menu ul li {margin-right: 5px; }

.menu ul a {font-size: 12px; border: none; color: #666;font-weight: bold;}
.menu ul a:hover {border: none}


/* Autum Color Theme */

body {
	background: #fafafa;
	color: #333;
	}

#header {
	background: #282923;
	}
	
#footer {
	background: #eee;
	}

#headerimg .description {
	color:#aaa;
	margin:0 0 0 15px;
	font-weight:normal;
	}

h2.pagetitle {
	color: #666;
	}

#sidebar h4 {
	color: #999;
	border-bottom: 3px solid #eee;
	font-family: Georgia,Arial,'Lucida Grande',Verdana,Sans-Serif;
    font-size: 1.6em;
	margin:5px 0 0;
    padding: 0px 0 3px;
	}
#sidebar p{margin:5px 0 10px 0;}
#sidebar p a{text-decoration:none; color:#B85B5A; background:none !important; border:none !important; padding:0 !important; margin:0 !important; display:inline;}
#sidebar p a:hover{text-decoration:underline; color:#000; background:none !important; border:none !important;}
h1, h1 a, h1 a:hover, h1 a:visited {
	color: #333;
	}
	
#header h3, #header h3 a, #header h3 a:hover, #header h3 a:visited {
	color: #ddd;
	line-height:60px;
	margin:0;
	padding-top:20px;
	font-size:40px;
	}	
	
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

small, #sidebar ul ul li, #sidebar ul ol li, strike {
	color: #aaa;
	}

code {
	border: 1px solid #eee;
	background: #fff;
	}

a {
	color: #B85B5A;
	border-bottom: 1px solid #E8C8C8;
	}

a:hover {
	color: #333;
	background: #E8C8C8;
	border-bottom: 1px solid #c47373;
	}
	
.post hr {
	border-top: 1px dotted #ccc;
	}		

.entry img {
	padding:2px;border:2px solid #ccc;margin:10px;
	}	
	
.entry {
	border-top: 1px solid #eee;
	}
	
#sidebar a {
	border-bottom:1px solid #eee;
	}	
#sidebar a:hover {
	border-bottom: 1px solid #c47373;
	background-color: #E8C8C8;
}	

#sidebar .cat-item a:hover,
#sidebar .linkcat a:hover,
#sidebar .blogroll a:hover {
	background-color: #E8C8C8;
} 

#sidebar div.flickr_badge_image a {
	background: #fff;
	border: 1px solid #eee;
}
#sidebar div.flickr_badge_image a:hover {
	border: 1px solid #ddd;
	background: #fdfdfd;
}

	
legend {
	background: #ccc;
}


acronym, abbr {
	border-bottom: 1px dashed #ccc;
	}
	
blockquote {
	border-left: 4px solid #ddd;
	background:#eee;
	color: #666;
	font-style:italic;
	}		


	
/* menu colors */
div.menu {background: #ccc;}
.menu ul li.current-menu-item a, .menu ul li.current_page_item, .menu ul li.current_page_item a:hover {color: #333;background: #fafafa;}
.menu ul a, .menu ul li,.menu ul li li,.menu ul li li li, .menu ul li.current-menu-item li a {color: #666;background:#ddd;}
.menu ul li:hover, .menu ul li.sfHover,.menu ul a:focus, .menu ul a:hover, .menu ul a:active,  .menu ul li.current-menu-item li a:hover {	background:	#eee;}

.sidebar {font-size:1.2em; line-height:1.4166; margin:0 0 1.25em; padding:0.4166em 5px 0.4166em 5px;}
.sidebar li {margin:0.25em 0;background: url(images/username/pp-bullet.gif) 0 0.53em no-repeat; padding:0 0 0 15px;}
.sidebar h4 {margin-bottom:3px; line-height:1.3em; color:#555; font-weight:bold;font-size:1.3em;margin-top:20px;}



/*** ESSENTIAL STYLES ***/
.menu ul, .menu ul * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu ul {
	line-height:	1.0;
}
.menu ul ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.menu ul ul li {
	width:			100%;
}
.menu ul li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu ul li {
	float:			left;
	position:		relative;
}
.menu ul a {
	display:		block;
	position:		relative;
}
.menu ul li:hover ul {
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		99;
}
.menu ul li:hover li ul {
	top:			-999em;
}
.menu ul li li:hover ul {
	left:			14em; /* match ul width */
	top:			0;
}
.menu ul li li:hover li ul {
	top:			-999em;
}
.menu ul li li li:hover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.menu ul {
	float:			left;
	margin-bottom:	1em;
}
.menu ul a {
	padding: 		.75em 1em;
	text-decoration:none;
}


.menu ul li:hover, .menu ul li.sfHover,
.menu ul a:focus, .menu ul a:hover, .menu ul a:active {
	outline:		0;
}


.menu ul { width: 910px; margin: 0 auto; float:none;}

ul#nav #active a {background:#eee; text-decoration:underline;}

fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:380px;background:#eee;border:2px solid #aaa;}
fieldset#contact-form label {font-size:13px;}
fieldset#contact-form input {height:20px;font-size:15px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width:360px;padding:3px;}
fieldset#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}
input:focus, textarea:focus {background:#fff;border:1px solid #555;}

.lightbox img{
	border:2px solid #aaa;
	
}
.lightbox a{ text-decoration:none !important; border:none !important;}
.lightbox a:hover{
	background:none !important;
	text-decoration:none !important;
}
.post h1{
	font-size:32px;
	line-height:32px;
	margin-top:10px;
	padding-top:0px;
}


.entry h2{ margin-top:5px; margin-bottom:10px;}
.entry h3{ margin-top:10px; margin-bottom:10px;}