/*

Theme Name: Orange

Theme URI:

Description: A clean and user friendly theme which highlights the blog content and user comments so beautifully. Made simple so anyone can maintain it easily.</a>.

Version: 1.0

Author: Icon Services

Author URI: http://www.iconservices.net

*/



/* Changelog

- Fixed the image caption problem

*/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, fieldset, form, label, legend, p, blockquote, pre, a, abbr, acronym, address, code, del, em, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td  {

	margin: 0px; 

	padding: 0px;

}

html, body {

	background:#EBEBEB;

	color: #333333;

	font:normal 85% Arial, Verdana, Helvetica, sans-serif;

	line-height:19px;

}

.post img {

	border: none;

	float:right;

	margin:10px;

}

a, a:link {

	color:#AE927D; 

	text-decoration:underline;

}

a:visited {

	color:#AE927D;

}

a:hover, a:focus, a:active {

	color: #EA7521;

	text-decoration:underline;

}

ul, li {

	list-style:none;

}

h1, h2, h3, h4, h5 {

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

	margin-bottom: 10px;

}

h2 {

	color: #EA7521;

	margin-bottom: 15px;

	font-size:21px;

	font-weight:normal;

	line-height:30px;

}



/* Global 

---------------------------------------------------- */

#wraper {

	margin:20px auto 20px auto;	

	width:900px;

}

.tc{

	background:url(images/top-curve.gif) top right no-repeat;

	height: 9px;

	font-size: 0px;

	overflow: hidden;

}

.tc span{ 

	background:url(images/top-curve.gif) top left no-repeat;

	display: block;

	height: 9px;

	width: 10px;

	font-size: 0px;

}

.bc{

	background:url(images/bottom-curve.gif) top right no-repeat;

	height:9px;

	font-size: 0px;

	overflow:hidden;

}

.bc span{ 

	background:url(images/bottom-curve.gif) top left no-repeat;

	display: block;

	height: 9px;

	width: 10px;

	font-size: 0px;

}

.navigation {

	color:#EA7521;

	font-size:12px;

	font-weight:normal;

	line-height:30px;

	width:72%;

	overflow:hidden;

	margin-bottom:20px;

	font-size:28px;

}

.sml a {

	font-size:18px !important;	

}

.alignleft, .alignright {

	font-size:18px !important;

}

.navigation a {

	color:#EA7521;

	font-size:28px;

	font-weight:normal;

	line-height:30px;

	text-decoration:none;

}

.navigation a:hover {

	color:#000;

	text-decoration:underline;

}



.alignleft {

	float:left;

}



.alignright {

	float:right;

}



.sml .alignright {

	float:left;

}

/* Columns Class 

--------------------------------------------------------------*/

#content {

	padding-bottom: 10px;

	overflow: hidden;

	background: #fff;

	border-left: 1px solid #E4E4E4;

	border-right: 1px solid #E4E4E4;

	padding: 11px 20px;

}

#content .post, #content .comments {

	width:72%;

	padding-right:3%;

	float:left;	

}

#sidebar {

	width: 25%;

	float: right;	

}

#content .post h2 span.comment {

	border:none;

}

#content .post h2 span.comment span {

	border:none;

	display: block;

	position:absolute;

	top:12px;

	right:2px;

	background: url(images/icon-comments.gif) 0 0 no-repeat;	

	font: normal 11px Arial, Verdana, Helvetica, sans-serif; 

	padding-left:20px;

	color:#666 !important;

	height:15px;

}

#content .post h2 span.comment a {

	display: block;

	background: url(images/icon-comments.gif) 0 0 no-repeat;	

	font: normal 11px Arial, Verdana, Helvetica, sans-serif; 

	padding-left:20px;

	color:#AE927D !important;

	height:15px;

	text-decoration:underline;

	position:absolute;

	top:12px;

	right:2px;

}

#content .post h2 span.comment a:hover {

	font: normal 11px Arial, Verdana, Helvetica, sans-serif; 

	text-decoration:none;

}

#content .post h2.h2title {	

	color:#351905;

	font-size: 1.5em;

	width:100%;

	position:relative;

	border-top: 1px dotted #DBD2C4;

	border-bottom: 1px dotted #DBD2C4;

	margin-bottom:10px;

	padding:4px 0;

	font-weight: bold;

	overflow:hidden;

}

#content .post h2 a {

	color:#351905;

	text-decoration:none;

	}

#content .post h2 a:hover {

	color:#351905;

	font-weight:bold;

	text-decoration:underline;

	}	

h2 span {

	font: normal 0.65em Arial, Verdana, Helvetica, sans-serif; 

	color:#AE927D; 

	padding-left: 10px;

	margin-left: 10px;

	border-left: 1px solid #DFCDBF;

}

.post h3 {

	color: #EA7521;

	font-size: 1.3em;

}

h5.comments {

	border-bottom:1px solid #D4D7D9;

	color:#131313;

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

	font-size:18px;

	margin:10px 0 12px;

	padding:0;

	width:97% !important;

}

abbr, acronym {

	border-bottom: 1px dotted #000000;

}

table { 

	border-collapse: collapse;

	font-size:11px;

	margin-bottom:20px;

}

caption, th, td { 

	text-align: left; 

	font-weight: normal; 

}

table, td, th { 

	vertical-align: middle; 

}



/* Header 

---------------------------------------------------------------*/

#header {

	position: relative;

	padding-bottom: 10px;

	overflow: hidden;

	background: #ffffff ;

	border-left: 1px solid #E4E4E4;

	border-right: 1px solid #E4E4E4;

	/*padding: 11px 20px;*/

	overflow: hidden;
	
	text-align: left;

}

#header h1{

	font-size:3.3em;

	font-weight: normal;

	padding:15px 0 24px 0;

	letter-spacing:-1px;

	white-space:nowrap;

}

#header div{

	border:1px solid red;

	width:0;

	overflow:visible;

}

#header h1 a {

	color: #333333;

	text-decoration: none;

}

#header span.title {

	display:block;

	position:absolute;

	top:54px;

	left:22px;

	text-align: right;	

	color:#AFAFAF;

	font:normal 13px Arial, Verdana, Helvetica, sans-serif; 

	font-style: italic;

}



/* Global Navigation 

---------------------------------------------------------------*/

ul.globalNav{

	position: absolute;

	top:30px;

	right:10px;

}

ul.globalNav li {

	display: inline;

	border-right:1px solid #EBEBEB;

	padding:1px 8px;

}

ul.globalNav li.last {

	border-right:none;

}

ul.globalNav li a, ul.globalNav li a:link {

	color: #818181;

	font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;

	text-decoration:none;

}

ul.globalNav li a:hover {

	color: #EA7521;

	text-decoration:underline;

}



/* Main Navigation 

---------------------------------------------------------------*/

#mainNav {

	background:#FFF url(images/nav-bg.gif) 0 0 repeat-x;

	padding:10px 0 30px 10px;

	color: #37648D;

	border-left:1px solid #E4E4E4;

	border-right:1px solid #E4E4E4;

	clear:left;

	height:19px;

}

#mainNav ul {

	width:900px;

	float:left;

	}

#mainNav li {

	display: inline;

	border-left:1px solid #EF9552;

	padding:1px 12px;

}

#mainNav .first {

	border:medium none;

}

#mainNav li a {

	color: #37648D;

	font: normal 12px Arial, Verdana, Helvetica, sans-serif;

	text-decoration:none;

}

#mainNav li a:hover {

	text-decoration:underline;

}

.headSearch {

	float:right;

	margin-right:10px;

}

.keyword {

	float:left;

	background:url(images/search-text.gif) 0 0 no-repeat;

	width:129px;

	height:22px;

	border:none;

	font-size:11px;

	padding:4px 0 0 4px;

	color:#818181;

	margin:0 !important;

}	

.searchButton {

	float:left;

	background:url(images/search-button.gif) 0 0 no-repeat;

	width:60px;

	height:22px;

	border:none;

	margin:0 !important;

	}

	

/* Mixed Content Class

---------------------------------------------------------------*/

.post p {

	margin-bottom: 15px;

}

blockquote {

	background: url(images/quotes.gif) 0 0 no-repeat;

	padding-left: 50px;

	color: #000;

	margin:20px 0;

}

.post ul {

	font-size:12px;

	margin-bottom: 10px;

	color:#666;

	line-height:24px;

	margin:-8px 0 20px 15px;

}	

.post ul li {

	background: url(images/bullet-content.gif) 0 8px no-repeat;

	padding-left:15px;

}

.post ul li ul{

	font-size:12px;

	margin-bottom: 10px;

	line-height:24px;

	margin:0px;

}

.post ul li ul li {

	background: url(images/bullet-content2.gif) 0 8px no-repeat !important;

}

.post ol {

	margin-bottom: 10px;

	color:#666;

	margin:-8px 0 20px 35px;

}

.post ol li {

	list-style-type:decimal;

	padding-left:0px;

}

.post ol li ol{

	margin:5px 0 5px 18px;

}

.post a {

	text-decoration:underline;

	color:#000;

}

.post a:hover {

	text-decoration:none;

	color:#EA7521;

}

.post a:hover .post .postmetadata a:hover {

	text-decoration:none;

	color:#EA7521;

	white-space:nowrap;

}

.post .postmetadata {

	margin:0 auto;

	width:89%;

	background:#F9F9F9;

	color:#999999;

	font-size:11px;

	line-height:18px;	

	margin-bottom:30px;

	padding:5px 20px;

	

}

.entry {

	margin:0 auto;

	width:95%;

	clear:left;

}



.post .postmetadata a {

	color:#AE927D !important;

	text-decoration:underline;

	}

.post .postmetadata a:hover {

	color:#AE927D !important;

	text-decoration:none;

	}

.tags {

	padding:0 15px;

	line-height:21px;

}	

.tags a {

	color:#9A8A7C !important;

	font-weight:bold;

	text-decoration:none;

}	

.tags a:hover {

	color:#000 !important;

	font-weight:bold;

	text-decoration:underline !important;

}



/* Table 

---------------------------------------------------------------*/

table {

	border:1px solid #F3E3D7;

	border-collapse: collapse;

}

td, th  {

	border: 1px solid #F3E3D7;

	padding:3px 4px;

}

th {

	font-weight:bold;

	background:#FFF6F0;

	color:#000;

}



/* Common Used Class 

---------------------------------------------------------------*/

.float_left {

	float: left;

}

.float_right {

	float: right;

}

.clear_both {

	clear: both;

}

abbr[title], acronym[title] {

	border-bottom:1px dotted #999999;

	cursor:help;

	font-style:italic;

}



/* Forms 

----------------------------------------------------------- */

fieldset {

	border: 1px solid #F3E3D7;

	padding: 10px;

	margin-bottom:15px;

}

legend {

	font:bold 14px Arial, Verdana, Helvetica, sans-serif; 

}

label {

	font:bold 11px Arial, Verdana, Helvetica, sans-serif; 

}

input[type="radio"], input[type="checkbox"] {

	margin-right:15px;

	vertical-align:bottom;

	}

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

	margin:0 5px;

	}

textarea {

	width:100% !important;

}



/* Side bar

-------------------------------------------------------------*/

#sidebar h3 {

	color:#000;

	margin:10px 0 8px 0;

	font-size:16px;

	font-weight:bold;

}

.rightPan {

	background: url(images/gray-top-curve.gif) #EBEBEB top right no-repeat;

	margin-bottom: 20px;

	text-indent:15px;

}

.rightPan span.stc {

	background: url(images/gray-top-curve.gif) top left no-repeat;

	display: block;

	height: 5px;

	width: 10px;

	line-height:0;

}



.gbc {

	background: url(images/gray-bottom-curve.gif) bottom right no-repeat;

	height:15px;

	font-size: 0px;

	line-height:0;

}

.gbc span.sbc {

	background: url(images/gray-bottom-curve.gif) bottom left no-repeat;

	display: block;

	height:15px;

	width: 10px;

}



#sidebar ul {

	line-height:25px;

}

#sidebar ul li {

	background: url(images/bullet-sidebar.gif) 15px 11px no-repeat;

	padding-left: 12px;

	margin-left:5px;

}

#sidebar ul li ul {

	margin-bottom: 0px;

}

#sidebar ul li ul li {

	background: url(images/bullet-content.gif) 15px 10px no-repeat;

	margin-left:0px;

}

#sidebar a {

	color: #333;

}

#sidebar a:hover {

	color:#000;

	text-decoration:none;

}



/* Footer 

------------------------------------------------------------*/

#footer {

	position: relative;

	padding: 10px 15px;

	font-size:10px;

	line-height:15px;

}

#footer p {

	text-align: right;

	position: absolute;

	top: 10px;

	right:5px;

	font-size: 0.92em;

	padding-bottom:20px;

}



/* Comments 

------------------------------------------------------------*/

.commetmain {

	border-bottom:1px dotted #999;

	clear:both;

	height:100%;

	margin-bottom:15px;

	overflow:hidden;

	padding:10px;

}

.commetmainalt {

	background:#FFF2E8;

	border-bottom:1px dotted #999;

	clear:both;

	height:100%;

	margin-bottom:15px;

	overflow:hidden;

	padding:10px;

}

.commet_left {

	float:left;

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

	font-size:11px;

	width:15%;

	padding-right:15px;

}

.comment-author {

	font-size:11px;

	padding-bottom:5px;

}

.comment-author strong, .comment-author strong a {

	font-size:14px;

	}

.commet_right {

	border-left:1px dotted #999;

	float:left;

	min-height:55px;

	padding:5px 0 0 15px;

	width:76%;

	min-height:100px;

}

.thecomment, .comment-body {

	margin:0;

}

.avatar {

	display:block;

	margin:5px 0 0 0;

}

small {

	color:#999;

}



/* Comments Form

------------------------------------------------------------*/

#commentform label {

	float:left;

	text-align:left;

	margin-bottom:15px;

	font-size:11px;

	width:110px;

	font-weight:bold;

}

.txtarea {

	width:75% !important;

	float:right;

	padding:5px;

	margin-bottom:5px;

	border:1px solid #b8b8b8;

	background:#FAF8F8;

	font:12px Arial, Helvetica, sans-serif;

}

.txtarea:hover {

	border:1px solid #B6B6B6;

	background:#F4F3F3;

}

.Cmtbutton:hover {

	background:#000;

	border:medium none;

	color:#FAF8F8;	

}

.Cmtbutton {

	background:#EA7521;

	border:medium none;

	clear:both;

	color:#FAF8F8;

	float:left;

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

	font-size:12px;

	font-weight:bold;

	margin-left:100px;

	padding:5px;

	width:180px;

	margin-left:142px !important;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	overflow:hidden;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

.wp-caption-text {

	overflow:none !important;

	margin:0 !important;

}

form p {

	margin:10px 0 0 0 !important;

}

dl {

	margin-bottom:15px;

}




