/*
Theme Name: Love The 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, feel free to contact for additional support at <a href="http://www.webdesigncreatives.com">Web Design Creatives</a>.
Version: 2.0
Author: Web Design Creatives
Author URI: http://www.webdesigncreatives.com
Tags: white, orange, two-columns, fixed-width, right-sidebar
*/

/* 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:#ccc;
	color: #333333;
	font:12px/19px Arial, Verdana, Helvetica, sans-serif;
	
}
.post img.center { clear: both; margin-right: auto; margin-left: auto; border-style: none; display: block; }

.post img.left { clear: both; float:left; border-style: none; display: inline; }

.post img.right { clear: both; float:right; border-style: none; display: inline; }

a, a:link {
	color:#666; 
	text-decoration:underline;
}
a:visited {
	color:#666;
}
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 { width:950px; margin: 0 auto 20px; border-width: 1px; }
.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-color: #fff; height: 3px; }
.bc span{ 
}
.navigation {
	color:#ea7521;
	font-size:28px;
	font-weight:normal;
	line-height:30px;
	width:72%;
	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 {
	overflow: hidden;
	background: #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 11px 20px;
}
#content .post, #content .comments {
	width:72%;
	padding-left:3%;
	float:right;	
}


#sidebar { width: 25%; float: left; }
#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) no-repeat;	
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	padding-left:20px;
	color:#666 !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:#474747;
	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:#474747;
	text-decoration:none;
	}
#content .post h2 a:hover {
	color:#474747;
	font-weight:bold;
	text-decoration:underline;
	}	
h2 span {
	font: 0.65em Arial, Verdana, Helvetica, sans-serif; 
	color:#666; 
	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; 
}
/* 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) repeat-x;
	padding:10px 0 30px 10px;
	color: #ef9552;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	clear:left;
	height:19px;
}
#mainNav ul {
	width:600px;
	float:left;
	}
#mainNav li {
	display: inline;
	border-left:1px solid #EF9552;
	padding:1px 12px;
}
#mainNav .first {
	border:medium none;
}
#mainNav li a {
	color: #ffffff;
	font: normal 16px 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:#666 !important;
	text-decoration:underline;
	}
.post .postmetadata a:hover {
	color:#666 !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:hover li:hover { background-color: #ccc; }
#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; text-decoration: none; }
#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;
}
.top_stickers { width: 320px; float: left; margin-top: 10px; margin-left: 10px; padding: 5px 10px; }
.footer_info { color: #f7f7f7; background-color: #474747; height: 200px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px !important; padding-left: 20px; border-right: 3px solid #fffaff; border-left: 3px solid #fffaff; }
.footer_info a { color: #ffa500; text-decoration: none; }
.footer_info a:hover { color: #ffa500; text-decoration: underline; }
.powered { float: right; }
#tab_hardware_selected { color: #303030; font-size: 15px; font-family: arial; font-weight: normal; background-color: #fff; background-repeat: no-repeat; text-align: left; margin-top: 0; padding-top: 6px; padding-left: 6px; width: 126px; height: 25px; float: left; border-style: solid; border-width: 1px; border-color: #666 #666 #ccc; }
#tab_blog_selected { color: #303030; font-size: 12px; font-family: arial; font-weight: bold; background-color: #fff; background-repeat: no-repeat; text-decoration: none; text-align: left; margin-top: 0; padding-top: 4px; padding-left: 6px; width: 126px; height: 22px; float: left; margin-left: 8px; border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; }
#tab_hardware { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #989898; background-repeat: no-repeat; text-align: left; width: 126px; height: 22px; float: left; margin-top: 0; padding-top: 4px; padding-left: 6px; }
#tab_services { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #989898; background-repeat: no-repeat; text-align: left; margin-top: 0; margin-left: 8px; padding-top: 4px; padding-left: 6px; width: 126px; height: 22px; float: left; }
#tab_services:hover { background-color: #f60; }
#tab_hardware:hover { background-color: #f60; }
#tab_blog:hover { background-color: #f60; }
#tab_blog { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #a9a9a9; background-repeat: no-repeat; text-decoration: none; text-align: left; width: 126px; height: 20px; float: left; margin-top: 0; margin-left: 8px; padding-top: 6px; padding-left: 6px; border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; }
#header_tabs { width: 952px; clear: both; margin-top: 12px; margin-right: auto; margin-left: auto; }
#header { background: #fff ; width: 904px; float: left; margin: 0; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 5px 20px 0; }
#header h1{ font-size:3.3em; font-weight: normal; letter-spacing:-1px; float: left; white-space:nowrap; }
#header h1 a {
	color: #333333;
	text-decoration: none;
}
#header span.title { display:block; color:#666; font-size: 13px; font-family: "trebuchet ms", "courier new", courier, arial, Verdana, Helvetica, sans-serif; font-style: italic; text-align: right; letter-spacing: 1px; width: 220px; float: left; margin-top: 20px; ont-variant: normal; }
#header_left { width: 510px; height: 26px; float: left; border-bottom: 1px solid #989898; }
#head_clear { background-color: #fff; width: 950px; height: 1px; clear: both; margin: 0; padding: 0; border-left: 1px solid #989898; }
#header_right { background-color: #ccc; width: 420px; height: 26px; float: left; margin: 0; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #989898; }
#inner_wrap { clear: both; border-left: 1px solid #989898; border-bottom: 1px solid #989898; border-right: 1px solid #989898; border-top-width: 0; }
#header_tabs a { text-decoration: none; }
#header_ad img { float: right; margin-right: 30px; border: solid 1px #808080; }
#subscribe_box td, #subscribe_box table { font-size: 13px; border-width: 0; }
#subscribe_box { font-size: 13px; background-color: #f7f4f4; width: 100%; float: left; margin-top: 20px; margin-bottom: 4px; }
.widget_links li, .widget_archive li { text-indent: 15px; border-bottom: 1px solid #d3d3d3; }
.widget_links h2, .widget_archive h2 { margin-top: 10px; margin-bottom: 0; }
.inpost_ad { background-color: #f2f2f2; text-align: left; float: left; margin-right: auto; margin-bottom: 10px; margin-left: 80px; border: solid 1px #bfbfbf; }

TD.product_description_table { font-size: 11px; }
TD.product_description_table_strong { font-size: 11px; font-weight:bold; }
TD.product_description_table a:link{ color: #ffffff;}
TD.product_description_table a:hover{color: #fcbc8f; }
TD.product_description_table a:visited{ color: #ffffff;}
TD.product_description_table a:active{color: #ffffff; }

TD.product_description_table_bold { font-size: 11px; font-weight:bold; color: #ffffff;}
TD.product_description_table_bold a:link{ color: #ffffff;}
TD.product_description_table_bold a:hover{color: #fcbc8f; }
TD.product_description_table_bold a:visited{ color: #ffffff;}
TD.product_description_table_bold a:active{color: #ffffff; }

TD.product_description_table_bold_black { font-size: 11px; font-weight:bold; color: #474646;}
TD.product_description_table_bold_black a:link{ color: #474646;}
TD.product_description_table_bold_black a:hover{color: #fcbc8f; }
TD.product_description_table_bold_black a:visited{ color: #474646;}
TD.product_description_table_bold_black a:active{color: #474646; }

TD.product_description_table1 { font-size: 11px; border:1px solid #ffe1cc;}
TD.product_description_table1 a:link{ color: #ffffff;}
TD.product_description_table1 a:hover{color: #fcbc8f; }
TD.product_description_table1 a:visited{ color: #ffffff;}
TD.product_description_table1 a:active{color: #ffffff; }

TD.product_description_table_bold1 { font-size: 12px; font-weight:bold; color: #ffffff; border:1px solid #ffe1cc;}
TD.product_description_table_bold1 a:link{ color: #ffffff;}
TD.product_description_table_bold1 a:hover{color: #fcbc8f; }
TD.product_description_table_bold1 a:visited{ color: #ffffff;}
TD.product_description_table_bold1 a:active{color: #ffffff; }

TD.product_description_table_bold_black1 { font-size: 11px; font-weight:bold; color: #474646; border:1px solid #ffe1cc;}
TD.product_description_table_bold_black1 a:link{ color: #474646;}
TD.product_description_table_bold_black1 a:hover{color: #fcbc8f; }
TD.product_description_table_bold_black1 a:visited{ color: #474646;}
TD.product_description_table_bold_black1 a:active{color: #474646; }


TABLE.product_description {
	border:none;
	border-collapse:collapse;
}

.pagenavbottom a {
	color:#FFF !important;
	text-decoration:none;
	
	 }
	 
	 .current { 
background-color:#474747 !important;
}

.page-numbers {
	color:#FFF;
	background-color:#ff6b01;
	height:20px;
	float:left;
	text-align:center;
	margin:5px;
	padding:5px;
	width:20px}
	
	.page-numbers a {
	color:#FFF;
}
	
	.next {
	color:#FFF;
	text-align:center;
	background-color:#ff6b01;
	height:20px;
	float:left;
	margin:5px;
	padding:5px;
	width:70px}
	
		.prev {
	color:#FFF;
	text-align:center;
	background-color:#ff6b01;
	height:20px;
	float:left;
	margin:5px;
	padding:5px;
	width:70px}
	
	 .dots {
	color:#666 !important;
	float:left;

	background-color:#FFF !important;
	width:10px !important;
}