/*
Theme Name: OccasionWise
Theme URI: http://www.occasionwise.com/
Description: 3 column widget ready liquid layout design. XHTML 1.0 Transitional and optimised for Search Engines.
Version: 1.0
Author: Deadpan110
Author URI: http://www.deadpan110.com/

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

*/

/* Begin Base Elements */

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;

	}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align : center;
	background : #eee;
	color : #000;
	min-width : 700px;
	
}

a {
	color: #f90;
}
a:hover {
	color: #fda;
}

#wrapper {
text-align : left;
width : 90%;
margin : 0 auto;
	background: #eee;

	/*outline: blue solid thin;*/
/*background : #fff url(sidebar.gif) repeat-y 10px 0;*/
}


#header {
/*outline: red solid thin;*/
	clear : both;
	height: 112px;
	width: 553px;
	margin: 38px auto 0 auto;
	background: url('img/occasionwise.jpg') top center no-repeat;
	list-style: none;
	
	}

#header h1 {
	display: none;
}

#clockid {
	position: relative;
	top: 1px;
	left: 19px;
}

#subnav {
background: url('img/OcWise-T-center.gif') top center repeat-x;

width: 100%;
height: 11px;
/*margin: 0 5%;*/
/*outline: red solid thin;*/

}

#octl {
position: relative;
float: left;
z-index: 10;
width: 6px;
height: 11px;
background: url('img/OcWise-TL-corner.gif') top center no-repeat;


}

#octr {
position: relative;
float: right;
right: -2px;

width: 6px;
height: 11px;
background: url('img/OcWise-TR-corner.gif') top center no-repeat;


}


#footer {
clear:both;
/*position: relative;*/
float: left;
width: 100%;
height: 30px;
/*outline: red solid thin;*/
text-align: center;
background : #ddd;
border-bottom: 1px solid #aaa;
margin-top: 10px;
}






#contentfloatholder {
	background: #fff;
	/*outline: blue solid thin;*/
	/*padding: 10px;*/
/*background : url(sidebar.gif) repeat-y 100% 0;*/
float : left;
width : 100%;
margin: 0;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
}
#contentfloatholder:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}



#center {
/*outline: red solid thin;*/
background: #fff;
margin : 0 220px 0 220px;
font-size: 1.5em;
}
#center .post {
	display: inline-block;
}

#center p {line-height: 1.5em; text-align: justify; color: #000000;}
#center h1, #center h2, #center h3 {color: #aaa; font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 0; border-bottom: 1px dashed #aaa; margin: 0.5em 0 0 0; text-align: left;}
#center h2 {font-size: 1.5em;}
#center h2.firstheading { padding-left: 25px; margin-right: 125px;}
#center h2 a {color: #999;text-decoration: none;}
#center h2 a:hover {color: #fda;}
#center ul, #center ol {margin: 0.5em; padding: 0.5em;}
#center ul li {margin: 0 1em; padding: 0.2em; list-style: square inside;}
#center ol li {margin: 0 3em; padding: 0.2em; list-style: decimal outside;}
#center blockquote {margin: 15px; padding: 0 0 10px 30px; font-style: italic; background: url('img/blockquote.png') 0 0 no-repeat;}
#center blockquote p {margin: 1em 2em 0 0;}
#center input, #center select, .productcart input, .productcart select, #left form input, #left form select {margin:4px; padding: 2px; border: 1px solid #ccc; background: #f9f9f9;}
#center textarea {width: 95%; margin:4px; padding: 2px; border: 1px solid #ccc; background: #f9f9f9;}
/*
input, select {margin:4px; padding: 2px; border: 1px solid #ccc; background: #f9f9f9;}
textarea {width: 95%; margin:4px; padding: 2px; border: 1px solid #ccc; background: #f9f9f9;}
*/


#center .entry iframe {
	float: right;
}


.wpsc_checkout_table {width: 100%}
.wpsc_checkout_table strong {width:100%; background: #fda; margin:4px; padding: 2px }

.boxedup {clear: both;}
/*.boxedup  { text-align: center; font-size: x-small;}*/
.boxedin {clear: both; width: 100%; text-align: left; font-size: xx-small;font-style: italic; color: #aaa; padding: 0; margin: 0;}

#centerwrap {
float : left;
width : 100%;
margin : 0 -95% 0 0;
}
#left {
/*outline: red solid thin;*/
float : left;
/*background : #fff;*/
width : 220px;
margin : 0 0 0 -5%;
/*margin : 10px 0 0 10px;*/
}
#right {
/*outline: red solid thin;*/
float : right;
background : #fff;
width : 220px;
margin : 0;
}



.comment_no { clear: right; float:right; width:45px; height:45px; padding: 0; font-size: 3em; color: #ccc;}

.commentlist {margin: 0;}
ol.commentlist {margin: 0 !important; padding: 0 !important;}
.commentlist li {clear: both;  list-style-type: none !important; padding: 10px !important; background: #fff url('img/gradient.png') 0 -10px repeat-x;  margin: 10px !important;}
.commentlist li:hover {background-position: 0 0;}


.commentmetadata {border-top: 1px dashed #ec5; clear: both; text-align: right; font-size: 0.8em; font-weight: normal; color: #ca5; margin-top: 20px !important;}

#center blockquote.commented {margin-left: 5px; padding: 0 10px 10px 20px; font-style: italic; color: #963; background: url('img/blockquote.gif') 0 0 no-repeat !important;}
#center blockquote.commented blockquote, #center blockquote.commented ul, #center blockquote.commented ul li {background: none !important; margin: 0 !important; padding: 0 !important;}

.commentlist .avatar { clear: left; float:left;  width:45px; height:45px; padding: 3px; margin: 0 20px 5px 0; border: 2px solid #ccc; background: #eee;}








* html div#centerwrap {
margin : 0 -100% 0 0;
}
* html div#left {
margin : 0;
}
div h3, div p {
margin : 1em 0;
padding : 0 20px;
}


#topnav {
	position: absolute;
	z-index: 5;
	clear: both;
	background : #eee url(img/main_nav.jpg)  top left repeat-x;
	font-size: 1em;
	top: 0px; left: 0px;
	/*outline: red solid thin;*/
	color: #000;
	width: 100%;
	height: 34px;
	padding-top: 5px; 
	text-align: left;
	text-transform: lowercase;
}

#topnavleft {
	float: left;
	width: 500px;

}

#topnavright {
	float: right;
	color: #aaa;
	text-align: left; font-size: 1.1em; font-weight: bold; z-index: 8;
}

#topnavright form {
	padding: 0;
	margin: 0;
}




#nav {padding-left: 35px; min-width: 1000px; margin: 0 auto;}
#nav, #nav ul {text-align: left; font-size: 1.1em; list-style: none; font-weight: normal; z-index: 8;}
#nav li {float: left; padding: 0; margin: 0;}
#nav a {border-right: 5px solid #eee; display: block; line-height: 2em; padding: 0 15px; color: #aaa; text-decoration: none; font-weight: bold;}
#nav a:hover {border-right: 5px solid #fda; color: #fff; background: #ccc;}
#nav li ul {margin: 0; padding: 0; font-size: 1em; border: 1px solid #ddd; background: #eee; position: absolute; left: -999em; height: auto; width: 14em;}
#nav li li {width: 14em; margin: 0;}
#nav li ul a {border-left: 1em solid #fda; margin: 0;}
#nav li ul a:hover {border-left: 1em solid #f90;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { color: #fff; background: #ccc;}



/*
.date {color: #ccb; padding: 0.5em 1em; text-align: right; float: right;}
.date1 {font-size: 3em; display: block;}
.date2 {font-size: 2em; display: block;}
.date3 {font-size: 2em; display: block; font-weight: bold; color: #bba}
*/

.date {
font-size: 62.5%; /* Resets 1em to 10px */
float: right; width: 120px; height: 70px; color: #fda; text-align: center; margin: 0 auto; /*border: 1px solid #aaa;*/}
.date1 {position: relative; font-size: 3.5em; display: block; top: -3px;}
.date2 {position: relative; font-size: 2.2em; display: block;top: -19px;}
.date3 {position: relative; top: -32px; font-size: 2.5em; display: block; font-weight: bold; color: #f90}

/* margin-bottom: 1em; margin-top: 5px; margin-left: 10px; margin-right: 10px;*/
#left ul, #right ul {margin: 5px 10px 10px 10px; padding-bottom: 20px; padding-top: 0px; background: url('img/portlet_header.png') bottom left no-repeat;}
#left ul li, #right ul li {margin: 0; padding: 5px; background: #f9f9f9;}
/*#left ul li a, #right ul li a {margin-left: 20px; display: block; border-bottom: 1px dashed #fc6;}
#left ul li a:hover, #right ul li a:hover {border-color: #da3;}
*/
#left ul li.listHeader, #right ul li.listHeader {background: transparent; padding: 0;}
#left ul li h2, #left ul li h3, #right ul li h2, #right ul li h3 {font-size: 12px; margin: 0; padding: 1em 0 0.5em 1.2em; color: #999; background: url('img/portlet_header.png');}


#right ul ul li a img {float: left; margin: 3px;}

#left ul ul, #right ul ul {background: transparent; padding: 0; margin: 0;}
#linkcat-1 {list-style: none;}
#left #linkcat-1 h2 {margin: 0; padding: 0.5em; color: #666; background: url('img/portlet_header.png')}
#left #linkcat-1 h2 {margin-left: 40px;}
#right #linkcat-1 h2 {margin-right: 38px;}
#left ul #searchform, #right ul #searchform {background: url('img/portlet_header.png'); padding-top: 20px;}
#left #searchform input, #right #searchform input {cursor: pointer; padding: 2px; border: 1px solid #aaa; margin: 0;}


#center #OC_related_products {margin: 0 auto; width: 450px;}
#center .OC_single_product {
	clear: right;
	float: left;
	margin: 10px;
	width: 120px;
	height: 155px;
	background: #fff url('img/gradient.png') 0 0 repeat-x;
	font-size: xx-small;
	text-align: center;
	/*outline: red solid thin;*/
}
.OC_single_product strong{
	display: block;
	/*outline: blue solid thin;*/
}
.OC_single_product img{
	margin: 0 auto;
	width: 95px;
	height: 95px;
}


div#categorydisplay {
	font: 1.2em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background:#000000;
	clear: both;
	width:100%;
	/* height: 23px; */
	border: solid #8BC548;
	border-width: 2px 0;
	margin: 0 auto;
	padding: 2px; 
}

div#categorydisplay ul { padding: 0; }

div#categorydisplay ul li { display: inline; }

div#categorydisplay ul {
	margin: 0;
	padding: 0;
	color: #000000;
}

div#categorydisplay ul li a {
	margin: 0;
	padding: 3px 12px;
	color: #8BC548;
	text-decoration: none;
	float: left;
}

div#categorydisplay ul li a:hover {
	background-color: #8BC548;
	color: #FFFFFF;
}

#MainCategory li a:hover, #MainCategory li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
	text-align: left;
}


#OccasionWiseCalendar {
	width: 172px;
	min-height: 200px;
	margin: 0 auto;
	/*outline: blue solid thin;*/
	background-color: #fff;
	/*font-size: 62.5%;*/ /* Resets 1em to 10px */
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}

#OccasionWiseCalendar .calendarDialog h2 {
	background-image: none;
}

/*
geekciao
*/