/*
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:#333366;
	color: #333333;
	font:normal 85% Arial, Verdana, Helvetica, sans-serif;
	line-height:19px;
}


.alignleft {
	border: none;
	float:left;
	padding:4px 10px 5px 0;
}
.alignright {
	border: none;
	float:right;
	padding:4px 0 5px 10px;
}


.prod-box .aligncenter {
display:block;
margin:5px auto;
}

h4 {
font-size:110%
}
h3{
font-size:120%
}

a, a:link {
	color:#AE927D; 
	text-decoration:underline;
}
a:visited {
	color:#AE927D;
}
a:hover, a:focus, a:active {
	color: #DA7114;
	text-decoration:underline;
}
ul, li {
	list-style:none;
}
h1, h3, h4, h5 {
	font-family:Georgia,"Nimbus Roman No9 L",serif;
	margin-bottom: 10px;
}
h2 {
	color: #DA7114;
	font-family:Georgia,"Nimbus Roman No9 L",serif;
	margin-bottom: 15px;
	font-size:22px;
	font-weight:normal;
	line-height:26px;
}

/* Global 
---------------------------------------------------- */
#wraper {
	margin:20px auto 20px auto;	
	width:905px;
}
.tc{
	background:url(images/top-curve.jpg) 0 0 no-repeat;
	height: 32px;
	font-size: 0px;
	overflow: hidden;
}
.tc span{ 
	background:url(images/top-curve.jpg) top left no-repeat;
	display: block;
	height: 32px;
	width: 10px;
	font-size: 0px;
}
.bc{
	overflow: hidden;	
	padding: 0 17px;
	background: url(images/foot.jpg) 0 0 repeat-y;
	height:40px;
	}





.navigation {
	color:#DA7114;
	font-size:28px;
	font-weight:normal;
	line-height:30px;
	width:72%;
	overflow:hidden;
	margin-bottom:10px;
	font-size:28px;
}
.sml a {
	font-size:18px !important;	
}
.alignleft, .alignright {
	font-size:18px !important;
}
.navigation a {
	color:#DA7114;
	font-size:28px;
	font-weight:normal;
	line-height:30px;
	text-decoration:none;
}
.navigation a:hover {
	color:#000;
	text-decoration:underline;
}


.sml .alignright {
	float:left;
}
/* Columns Class 
--------------------------------------------------------------*/
#content {
	overflow: hidden;	
	padding: 5px 40px 10px;
	background: url(images/middle.jpg) 0 0 repeat-y;
	}
#content .post, #content .comments {
	width:71%;
	padding-right:3%;
	float:left;	
}
#sidebar {
	width: 25%;
	float: right;	
}

#content .pagepost h2 {
border-bottom: 1px dotted #DBD2C4;
margin-bottom:10px;
padding:0 0 10px;}


#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: 17px;
	width:100%;
	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;
	text-decoration:underline;
	}	
h2.h2title 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: #DA7114;
	font-size: 1.4em;
}
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:10px;
}
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
}
table, td, th { 
	vertical-align: middle; 
}

/* Header 
---------------------------------------------------------------*/
#header {
	height:60px;
	position: relative;
	padding-bottom: 10px;
	overflow: hidden;
	background: url(images/head.jpg) 0 0 no-repeat;
	padding:11px 0 0 60px;
	overflow: hidden;
}
#header .logo {
display:block;
background:transparent;
width:400px;
}
#header .logo img {
width:400px;
height:45px;
border:none;
}



#header h1{
	font-size:3.3em;
	font-weight: normal;
	padding:15px 0 24px 0;
	letter-spacing:-1px;
	white-space:nowrap;
	height:50px;
}
#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;
right:40px;
top:25px;
}
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: #CCC;
	font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}
ul.globalNav li a:hover {
	color: #DA7114;
	text-decoration:underline;
}

/* Main Navigation 
---------------------------------------------------------------*/
/*top menu*/

#foxmenucontainer {
background:#6E9F1F url(images/suckerfish_green.png) repeat-x 0 -3px;
border-top:1px solid #474747;
display:block;
font-family: Verdana,sans-serif;
height:33px;
line-height:normal;
padding:0 0 0 20px;
margin:0;
z-index:100;
position:relative;
}
	
#menu, #menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	letter-spacing:0.05em;
	height:33px;
	}

#menu a {
	color: #e0e5eb;
	display: block;
   	padding: 4px 10px 6px 10px;
	text-decoration:none;
	}
	
#menu a:hover {
	background:#30554E url(images/menuhov.jpg) repeat-x 0 -3px;
	color: #fff;
	display: block;
	text-decoration: none;
	}

#menu li {
font-size:12px;
font-weight:bold;
	float: left;
	line-height:23px;
	margin: 0;
	padding: 0;
	}
	
#menu li li {
font-size:10px;
font-weight:normal;
line-height:15px;
float:left;
padding:0;
width:130px;
}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
border-left:1px solid #30554E;
border-right:1px solid #30554E;
background:#223F39 url(images/menudrop.jpg) repeat-x 0 0px;
	width: 130px;
	float: none;
	margin: 0px;
	padding:2px 10px 4px;
	color:#fff;
	
	}
	
#menu li li a:hover, #menu li li a:active {
	background: #346158 url(images/menudrophov.jpg) repeat-x 0 0px;
	width: 130px;
	float: none;
	margin: 0px;
	padding:2px 10px 4px;

	}

#menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	font-size:11px;
	z-index:200;
	}

#menu li:hover ul {
	left: auto;
	display: block;
	}
	
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	}

#outerNav {
	background: url(images/middle.jpg) 0 0 repeat-y;
	padding:0 12px 0 10px;
	position:relative;
	z-index:50;
	}


.headSearch {
float:right;
margin:6px 30px 0 0;
}
.keyword {
	float:left;
	background:url(images/search-text.gif) 0 0 no-repeat;
	width:140px;
	height:16px;
	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:31px;
	height:22px;
	border:none;
	margin:0 !important;
	}
	
/* Mixed Content Class
---------------------------------------------------------------*/
.post p {
	margin-bottom: 12px;
}
blockquote {
background:#F9F1D8 none repeat scroll 0 0;
color:#000000;
margin:5px 0 15px;
padding:10px 20px 10px 40px;
}
.post ul {
	color:#666666;
font-size:11px;
line-height:19px;
	margin-bottom: 10px;
}	
.post ul li {
	background:transparent url(images/bullet-content.gif) no-repeat scroll 0 6px;
	padding:0 0 2px 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:#333;
}
.post a:hover {
	text-decoration:none;
	color:#DA7114;
}
.post a:hover .post .postmetadata a:hover {
	text-decoration:none;
	color:#DA7114;
	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:100%;
	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;
}

.noBorderTable {
	border-style: none;
}

/* 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:#333366;
font-size:11px;
font-weight:bold;
margin:5px 0;
text-transform:uppercase;
}
.rightPan {
	background: url(images/gray-top-curve.gif) #EBEBEB top right no-repeat;
	margin-bottom: 15px;
	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;
}


.rightPanProd {
	background: url(images/prod-top-curve.gif) #8FB09D top right no-repeat;
	margin-bottom: 15px;
	text-indent:15px;
}
.rightPanProd span.stc {
	background: url(images/prod-top-curve.gif) top left no-repeat;
	display: block;
	height: 8px;
	width: 10px;
	line-height:0;
}

.gbcProd {
	background: url(images/prod-bottom-curve.gif) bottom right no-repeat;
	height:15px;
	font-size: 0px;
	line-height:0;
}
.gbcProd span.sbc {
	background: url(images/prod-bottom-curve.gif) bottom left no-repeat;
	display: block;
	height:15px;
	width: 10px;
}

.rightPanPromo {
	background: url(images/promo-top-curve.gif) #D19628 top right no-repeat;
	margin-bottom: 15px;
	text-indent:15px;
}
.rightPanPromo span.stc {
	background: url(images/promo-top-curve.gif) top left no-repeat;
	display: block;
	height: 8px;
	width: 10px;
	line-height:0;
}

.gbcPromo {
	background: url(images/promo-bottom-curve.gif) bottom right no-repeat;
	height:6px;
	font-size: 0px;
	line-height:0;
}
.gbcPromo span.sbc {
	background: url(images/promo-bottom-curve.gif) bottom left no-repeat;
	display: block;
	height:6px;
	width: 10px;
}

#sidebar .promo h3 {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin:0 0 4px;
text-indent:0;
padding:0 5px;
text-align:center;
}
#sidebar .promo p, #sidebar .promo h4{
color:#FFFFFF;
text-align:center;
text-indent:0;
margin-bottom:2px;
}

#sidebar .promo a, #sidebar .promo h3 a{
color:#FFFFFF;
text-decoration:none;
}


#sidebar .promo a h4:hover{
color:#333366;
text-decoration:none;
}

#sidebar .promo a img {
border:none;
}

#sidebar .promo a img:hover {
border:none;
}

#sidebar .promo h4{
font-size:100%;
}

#sidebar ul {
line-height:18px;
padding-left:15px;
}
#sidebar ul li {
background:transparent url(images/bullet-sidebar.gif) no-repeat scroll 0 7px;
padding:0 10px 3px 15px;;
}
#sidebar ul li ul {
	margin-bottom: 0px;
}
#sidebar ul li ul li {
	background: url(images/bullet-content.gif) 15px 7px no-repeat;
	margin-left:0px;
}
#sidebar a {
	color: #333;
}
#sidebar a:hover {
	color:#006699;
	text-decoration:none;
}

.rightPan ul{
text-indent:0px;
}

.rightPanProd ul{
text-indent:0px;
}

#sidebar ul.standard {
padding-left:0px;
}

/* Footer 
------------------------------------------------------------*/
#footer {
	position: relative;
	padding: 10px 15px;
	font-size:10px;
	line-height:15px;
}
#footer p {
	text-align: right;
	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:#DA7114;
	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;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
	margin-left:5px;
}


.capalignleft {
	margin:4px 13px 4px 0;
	float:left;
}

.captionright {
	margin:4px 0 4px 13px;
	float:right;
}
.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;
}

#calendar_wrap {
line-height:11px;
padding:0 8px 0 5px;  
}

#calendar_wrap .calendar-month {
padding:3px 0;
}
#calendar_wrap table {
margin-bottom:0;
font-size:10px;
}
.home-content {
float:left;
padding-top:10px;
float:left;
padding-right:3%;
width:71%;
}
#content .home-content .post, #content .home-content .comments {
float:left;
width:99%;
}

.newslet {
padding:0 5px 0 10px;
margin:0;
text-indent:0px;
height:60px;
}
.newslet .newslet-title{
padding:0px;
margin:0;
color:#333366;
font-family:Georgia,"Nimbus Roman No9 L",serif;
font-size:11px;
font-weight:bold;
text-indent:5px;
text-transform:uppercase;
}

.newslet form p {
margin:0 !important;
}

#wpoi_email {
   float: right;
    font-size: 11px;
    height: 13px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 140px;
}
.newslet input {
float:left;
}

.servlist {
padding-bottom:10px;
}

.servlist p{
margin-bottom:4px;
}

.prod-row {
float:left;
}
.prod-box {
background:#E8F3CF none repeat scroll 0 0;
border:1px solid #FF9900;
float:left;
height:250px;
line-height:17px;
margin-bottom:10px;
margin-right:15px;
padding:12px;
width:250px;
}
.promobox {
width:100px;
height:40px;
float:right;
position:relative;

}
.promobox img {
margin:0 0 10px 5px;
border:none;
}



.prod-box .servlist p {
margin-bottom:2px;
font-size:90%;
line-height:15px;
}

.pricebut-ind {
width:100px;
height:40px;
float:right;
position:relative;
}
.pricebut-ind img {
margin:0 0 5px 5px;
border:none;
}
.breadcrumb {
padding: 3px 30px 0;
font-size:80%;
color:#999999;
}
.content-pad {
padding:10px 0 0;
}

h3.price {
padding-right:7px;
text-align:right;
}
a.more-link {
font-style:italic;
color:#FF6600;

}

.wp-caption-text {
font-size:9px;
font-style:italic;
line-height:13px;
}