/*********************************************************************************************

Theme Name: Yamidoo Magazine
Theme URI: http://www.wpzoom.com/themes/yamidoo/
Description: A magazine style theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.2
Author: WPZOOM
Author URI: http://www.wpzoom.com

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  featured.php
6.  Featured Categories  ---------------  blocks.php
7.  Homepage Articles ------------------  index.php
8.  Single Articles & Pages ------------  single.php, page.php
9.  Comments  --------------------------  comments.php
10. Forms  ----------------------------   searchform.php
11. Sidebar & Widgets ------------------  sidebar.php
12. Footer  ----------------------------  footer.php

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: 
// inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
// th {  background: #BBCCDD; color:#333; }
// th, td { line-height: 20px; padding: 4px; }
// tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
// tr:nth-child(2n+1) {  } 

 
/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   

.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.hr { border-top: 3px solid #ECE8D7; }
.transpBlack { background: url(transpBlack.png); }
.wp-caption { background-color: #EFEFEF; border: 1px solid #B6B6B6; font-size: 11px; margin-bottom: 5px; padding: 5px 5px 5px; text-align: center; }
	.wp-caption img { border: 1px solid #B6B6B6; }
a { color: #000; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
h1 a { color: #000; font-size: 22px; font-weight: 400; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; }

#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
	#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
		#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }
 

/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/   

body
{
	background:url(images/bg.gif) repeat-x 120px 120px; 
        background-color:#feb403;
	color:#333;
	font:62.5% Lucida Grande, Lucida Grande, Helvetica,Arial, sans-serif;
}
 
#content-wrap
{
	float:left;
	padding:20px;
	width:940px;
}
 
#main-wrap
{
	background-color:#fff;
border:solid 1px #EBCD6A;
border-bottom:solid 2px #EBCD6A;
/*	-moz-box-shadow: 0 0 5em #FCFC63;
	-webkit-box-shadow: 0 0 5em #FCFC63;
	box-shadow: 0 0 5em #FCFC63;  */
	clear:both;
	float:left;
	font-size:12px;
	margin-top:-28px;
	width:980px;
        z-index: 6;
        position: relative;

 }
 
 #page-wrap
{
	margin:0 auto;
	width:980px;
        z-index: 1;
}


#fullwidth {
width:940px;
} 
 
 
/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/   
  
#header
{
position: relative;
padding-top: 0px;
/*width:978px;*/
width:1078px;
background:url(images/header_other.png) no-repeat bottom;
margin-left:-100px;
padding-left:100px;
}

div.mytest_left
{

width:1078px;
margin-left:-100px;
padding-left:100px;
background:url(images/test1.png) repeat-y center; 
float:left;
clear: both;
position: relative;

}
div.bottom
{
 width:1078px;
margin:0;
padding:0;
margin-left:-48px;
background:url(images/header_bg_bottom.png) no-repeat top;
float:left;
clear: both;
position: relative;
}
#header .banner-head {
float: right; 
display: inline; 
margin-bottom: 10px;
height:35px;
width:800px;
text-align:right;
}

#righthead {
position: absolute;
float:right;
margin:0;
width:395px;
top:0;
right:0;
z-index: 7;
}

#logo
{
float:left;
width:430px;
margin-top:60px;
}

#people {
position:relative;
left: -20px;
z-index:37;
width: 693px;
}


#logo h1 a
{
color:#BFB5B5;
font-family:Lucida Grande, Helvetica, Arial,sans-serif;
font-size:35px;
font-weight:700;
}
 
#logo h2
{
color:#BFB5B5;
font-size:14px;
font-weight:bold;
}
 
 
/********************************************************************************************* 

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/   
 

#menu
{
	float:right;
	padding:5px 11px 0px 0;
	text-align:right;
        height:21px;
}

#menu a
{
	color:#000;
	font-family:Helvetica;font-size:10pt;
	
	font-weight:bold;
}

#menu img {
vertical-align:middle;
padding-bottom:2px;
}

#menu li
{
	display:inline;
	padding-right:6px;
}
 
 
/********************************************************************************************* 

5. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   
 
#feature
{
	float:left;
	margin:0 0 15px 0;
	width:940px;
	background:#1f1e1e;
	position:relative;
}
 
#navi {
  }

#navi ul {	
 	margin:0 auto;	
 	width:100px;
 	position:absolute;
 	top:18px;
 	left:515px;
 	
}

#navi li {	
 	float:left;
	padding-left:1px;
	list-style-type:none;
	text-align:center;
}

#navi a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	text-decoration:none;
	opacity:0.5;
}	

#navi a.current {
	 opacity:1;
 
 }
 
 #navi a:hover {
	opacity:1;

}

#navi img {
	border:2px solid #000;
	margin:0 0 9px 0;
	display:block;
	width:90px;
	height:60px;
	  
}

#navi strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	height:305px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:18px;
	left:20px;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	right:15px;
	text-shadow:1px -1px 0 #000;
 }
 
#panes a {
color:#fff;
font-weight:bold;
}

#panes img {
	float:left;
	margin-right:120px;		
	width:480px;
	height:280px;
	border:2px solid #000000;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
font-size:24px;
font-family:Lucida Grande, Helvetica, Arial,sans-serif;
padding:0;
margin:0 0 12px 0;
}

#panes h3 a {
color:#d3d3d3;
line-height:1.2;
font-weight:normal;

}

#panes .more {
background:url(images/more.png) no-repeat right 2px;
float:right;
font-weight:bold;
font-size:14px;
padding-right:24px;
margin-top:20px;
}

#panes .more a {
color:#797575;
text-shadow:1px 1px 0 #000;
}

.meta-feature {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:1px 0 5px 0;
 }
 
 .meta-feature  li {
 display:inline;
 }
 
.meta-feature  a
{
color:#d3d3d3;
font-weight:700;

}

.meta-feature a:hover
{
text-decoration:none;
border-bottom:1px solid #fff;

}
#panes p {
padding:5px 0 0 0;

}
 
 .overlay {
	background:#000000;
	left:2px;
	opacity:0.7;
	position:absolute;
	height:36px;
	top:240px;
	width:450px;
	font-size:18px;
	font-weight:bold;
	padding:8px 15px 0 15px;
	overflow:hidden;
}

	.overlay a {
	color:#fff;
	}


/********************************************************************************************* 

6. Featured Categories  -------------------------  blocks.php

*********************************************************************************************/   


#columns
{
	float:left;
	line-height:19px;
	padding:5px 0 0 0;
	width:960px;
}
 
 
  
.column
{
	border-right:1px solid #ECE8D7;
	float:left;
	padding:0 15px;
	width:200px;
}
 
.column p, .column_last p  {
padding:0 0 10px 0;
}

.column h3 a,.column_last h3 a
{
	color:#660000;
	font-size:17px;
	font-weight:700;
	
}

.column h3,.column_last h3
{
	padding:5px 0;
}

.column h4 a ,.column_last h4 a
{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	color:#222;
}

.column img,.column_last img
{
 	margin:0 0 15px;
 
}

.column a,.column_last  a
{
	color:#154A7F;
	font-weight:700;
 }

.column_count a
{
	background:url(images/comment.png) no-repeat left;
	float:left;
	padding:10px 0 10px 20px;
	font-size:10px;
 }

.column_date
{
	float:right;
	text-align:right;
	padding-top:10px;
	font-size:10px;
	text-transform:uppercase;
	color:#154A7F;
	font-weight:bold;
}

.column_last
{
	float:left;
	padding:0 15px;
	width:200px;
}

 
  	
/********************************************************************************************* 

7. Homepage Articles -------------------------  index.php

*********************************************************************************************/   
 
.post
{
	float:left;
	line-height:20px;
	width:610px;
}

.post small {
  /*text-transform:uppercase;*/
  font-size:10px;
  font-weight:bold;
  padding:0px 0 0px 0;
 
  }
  
.post a
{
	border-bottom:1px solid #ccc;
	color:#154A7F;
	font-weight:700;
}
.article p a 
{
color:#154A7F;
	font-weight:700;
}
.article_my pa
{
color:#154A7F;
	font-weight:700;
}
.post a:hover, .article p a:hover
{
	color: #333333;
	border:none;
	text-decoration:none;
}
.article_my p a:hover
{
color: #333333;
	border:none;
	text-decoration:none;
}
.post blockquote
{
	border-left:3px solid #ccc;
	color:#777;
	font-family:Lucida Grande, Helvetica,Arial,sans-serif;
	font-size:16px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
}

.post h1
{
 
	font-size:20px;
	font-weight:700;
	padding-bottom:10px;
 	line-height:30px;
        text-align:center;
}

 .post h1 a
{
	padding-bottom:10px;
 	line-height:30px;
 	color:##3399CC;
 	border:none;
 }

.post h1 a:hover {
	color:#333;
	}

.post h2,h3,h4,h5,h6
{
	font-weight:700;
	padding-bottom:5px;
	padding-top:10px;
}

.post li ol
{
	border-bottom:1px dotted #ccc;
	line-height:25px;
	padding-left:15px;
}
.post   ol li  {
list-style:decimal;
}

.post p
{
	padding:5px 0;
}

.post ul li
{
 
	line-height:25px;
	list-style:square;
}
 
.post ul,.post ul,ol
{
	padding:10px 0px 10px 25px;
}


 .post-meta {
/*float:left;*/
margin:30px 0 0 0;
color:#660000;
font-size:10px;
font-weight:bold;
/*text-transform:uppercase;*/
}

.post-meta a {
color:#154A7F;
border-bottom:none;
}

.post-meta a:hover {
 text-decoration:underline;
}

span.date, span.category, span.author, span.comments {
 /*text-transform:uppercase;*/
 font-size:10px;
 margin:0 8px 10px 0;
 font-weight:bold;
 color:#024D7F;
 }
 
 span.date {
 background:url(images/clock.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.category {
 /*background:url(images/category.png) no-repeat 0 2px;
 padding-left:12px;*/
 padding-left:0;
 }
 span.mycategory
 {
 padding:0.9em 0.5em 0.5em 0em;
 display:block;
 margin:0;
 padding:0;
 border-top:solid 1px white;
border-bottom:solid 1px #999999;
 width:200px;

 
 }
span.mycategory a
{
font-family:lucida Grande,arial;
font-size:11pt;
font-weight:bold;
color:#333333;
text-decoration:none;
border:0;
}
 /*span.mycategory:hover
 {
 color:#667798;
background:#CDDDFF;
border-top:solid 1px #8D99B0;
border-bottom:solid 1px #8D99B0;
cursor:pointer;
 } */
 span.author {
 background:url(images/user.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.comments {
/* background:url(images/comments.png) no-repeat 0 2px;*/
 padding-left:14px;
 }
 
.img-shadow img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:-6px 6px 6px -6px;
padding:4px;
position:relative;

}

 p
{
font-family:Verdana,arial,Helvica;
padding-bottom:15px;
color:#444444;
margin-right:5px;

}
	
/********************************************************************************************* 

8. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/   
 	
   .article
{
    /*	background-color:#F8F5E8;
	border-bottom:2px solid #ECE8D7;
	border-right:2px solid #ECE8D7; */
	line-height:19px;
	margin:15px 0 18px 0;
	padding:10px 5px 15px 10px;
}
.article_my
{
/*border-bottom:2px solid #ECE8D7;
	border-right:2px solid #ECE8D7; */
	line-height:19px;
	margin:15px 0 18px 0;
	padding:10px 5px 15px 10px;
}
.article h2
{
	padding-bottom:10px;
}
.article_my h2
{
padding-bottom:10px;
}
.article h2 a
{
	color:#024D7F;
	font-size:19px;
	font-weight:700;
}
.article_my h2 a
{
color:#024D7F;
	font-size:19px;
	font-weight:700;
}
.article img
{
 
	float:left;
	margin:3px 10px 10px 10px;
box-shadow:3px 3px 9px #999999;
-webkit-box-shadow: 3px 3px 9px #999999;
-moz-box-shadow: 3px 3px 9px #999999;
border:solid 1px #ccc;	
padding:4px;
}
.article_my img
{
float:left;
	margin:3px 10px 10px 10px;
box-shadow:3px 3px 9px #999999;
-webkit-box-shadow: 3px 3px 9px #999999;
-moz-box-shadow: 3px 3px 9px #999999;
border:solid 1px #ccc;	
padding:4px;
}
.article_my small,.article_my small a
{
color:#154A7F;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
}
.article small,.article small a
{
	color:#154A7F;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
}

.widget h3
{
border-bottom: 1px solid #999999;
    color: #333333;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 3px;
}
#articles h2
{
font-family:Lucida Grande, Helvetica,Arial,sans-serif;
};
background-color:#fff;
padding:8px 0 8px 8px;
font-weight:200;
width:550px;
}
.shopping h3
{
	text-align:center;
	background-color:#F8F5E8;
	font-family:Lucida Grande, Helvetica, Arial,sans-serif;
	font-size:12px;
	font-weight:700;
	padding:8px 0 8px 10px;
	text-transform:uppercase;
	border-bottom:0px;
	clear:both;
}

.shopping a
{
	text-align:center;
	background-color:#F8F5E8;
	font-family:Lucida Grande, Helvetica, Arial,sans-serif;
	font-size:12px;
	font-weight:700;
	padding:8px 0 8px 10px;
	text-transform:uppercase;
	border-bottom:0px;
	clear:both;
}

#articles 
{
	float:left;
	width:610px;
}

.author
{
	float:left;
	width:110px;
}

.author img
{
	border:1px solid #ccc;
	display:block;
}

#categ
{
	background-color:#fdf5e0;
	border-bottom:1px solid #BFB8B8;
	border-top:1px solid #BFB8B8;
	float:left;
	padding:3px 0;
	text-align:center;
	width:980px;
}

.tag-links {
background:url(images/tag.png) no-repeat left 2px;
padding-left:20px;
height:18px;
float:left;
clear:both;

}

.nextpage {
background:url(images/page.png) no-repeat left 10px;
padding-left:20px;
 float:left;
clear:both;
margin-bottom:5px;
}

 #socialicons
{
	border-bottom:1px dotted #A0BDD4;
	border-top:1px dotted #A0BDD4;
	color:#4c4d50;
	float:left;
	margin:15px 0 0;
	padding:1px 0 10px 0;
	width:610px;
}

#socialicons img
{
	margin-right:5px;
	padding-bottom:3px;
	height:16px;
}

#socialicons li
{
	border:none;
	display:inline;
	float:left;
	padding-right:15px;
}

 ul,#socialicons ul
{
	list-style:none;
}

#socialicons ul
{
	float:left;
	padding:10px 0 0 10px;
	color:#4c4d50;
	font-family:arial, "lucida console", sans-serif;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}

#socialicons ul li a
{
	border-bottom:none;
	color:#4c4d50;
	text-decoration:none;
}

#socialicons ul li a:hover
{
	border-bottom:none;
	color:#030a1f;
}

#socialicons ul li img
{
	border:none;
	vertical-align:middle;
}

 .img-shadow {
 float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
 
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;

  }

/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   
 
#comments { margin: 15px 0; float: left; width: 600px; }
	#comments h3 { font-size: 22px; color: #222; margin: 10px 0 0 0; clear: left; }
	#comments div.comments { margin: 0 0 10px 0; }
		#comments div.comments h2 { font-size: 18px; font-weight: normal; }
		#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }
	#comments ol.commentlist div.comment-content { margin-left: 95px; }
	#comments cite { font-style: normal; font-weight: normal; }
	#comments p.trackbackurl { font-size: 11px; }
		#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
	#comments a.more-link { display: block; margin: 10px 0 0; }
	#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
	#comments .normalComments { padding: 0px 0; clear: left; font-family: Tahoma, Sans-Serif; }
		#comments .normalComments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; border-bottom: 1px dotted #A5ACB9; }
			#comments .normalComments li ul li { padding: 10px 0 5px 0; }
	#comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; }
	#comments .normalComments li ul.children { border-top: 1px dotted #CCCCCC; margin-top: 10px; padding: 0; }
		#comments .normalComments li ul.children li { clear: left; margin: 0 10px 0px 30px; }
	#comments .normalComments li ul li { border: none; }
	#comments .normalComments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; float: left; clear: both; }
	#comments .normalComments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
		#comments .normalComments div.gravatar img { margin: 0; }
	#comments .normalComments div.comment-author { border-right: 1px solid #CCCCCC; line-height: 18px; margin: 0 10px 3px 0; width: 90px; }
	#comments .comment-author { float: left; }
		#comments .comment-author img.avatar { float: left; width: 45px; clear: both; }
	#comments .comment-meta { clear: right; }
	#comments .normalComments div.comment-content {  }
.normalComments p,   .normalComments li.author p { border-left: 1px solid #CCCCCC; font-size: 12px; line-height: 20px; margin-left: 90px; padding: 0 0 0 10px; }
#comments .normalComments .avatar { float: left; margin: 0 15px 0 0; }
#comments .normalComments span.says { display: none; }
#comments .normalComments .children { margin: 0 0 0 0; }
#comments .normalComments .commentmetadata a.comment-edit-link { background: none; }
#comments	.normalComments .commentmetadata a { display: inline; font-size: 10px; color: #222; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; text-transform: uppercase; font-family: Arial,Lucida Grande, Helvetica,sans-serif; }
#comments		.normalComments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments	.normalComments .reply { border-left: 1px solid #CCCCCC; margin: 0 0 0 90px; padding: 10px; }
#comments .normalComments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a, #comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
#commentform { color: #6F6F6F; }
	#commentform code { font-size: 11px; }
	#commentform p { margin: 0 10px 5px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 10px; text-transform:uppercase; }
#comments textarea, #commentform textarea { width: 450px; height: 130px;  }
#comments #submit, #commentform #submit { background: #737070; color: #F1ECEC; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); border: none; text-transform: uppercase; cursor: pointer; cursor: hand; margin:8px 0;}
#comments #submit:hover, #commentform #submit:hover { background: #333; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform:none; }

 
/********************************************************************************************* 

10. Forms  -------------------------   searchform.php

*********************************************************************************************/   
 
 
input { background: #f6f6f6;  color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0;border-bottom: 1px solid #eee; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-top: 1px solid #bbb;}
textarea { background: #f6f6f6; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-top: 1px solid #bbb; color: #666; font-size: 13px; padding: 5px; }
#search { float: right; padding-top: 30px; text-align: right; z-index: 6;padding-right:91px;}
#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 5px; height: 26px; text-transform: uppercase; }
#searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 5px; text-transform: uppercase; }
 
 
/********************************************************************************************* 

11. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
 
 
#sidebar
{
float:left;
padding-left:20px;
text-align:left;
width:310px;
}

#sidebar_product
{
float:left;
padding-left:0px;
text-align:left;
width:200px;
}

.sidebar_product ul,.post ul,ol
{
	padding:0px 0px 0px 30px;
}

#sidebar_product .widget
{
	float:left;
	margin:0px 0 15px 0;
}


#sidebar_right {
float:left;
margin-left:10px;
width:285px;
}

#sidebar_left .widget, #sidebar_right .widget
{
float:left;
margin:0 0 15px;
width:285px;
}
   #ads li
{
	border:none;
	display:block;
	float:left;
	margin:0;
	padding:0 5px 5px 0;
	text-align:left;
	width:125px;
}
   
   
ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; }
ul.gallery img:hover { border: 2px solid #0C2B41; background: #fff; }
ul.gallery a { border: none; display: block; float: left; padding: 0 7px 5px 7px; text-align: left; width: 63px; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { background-color: #fff; border:none;}
ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }
ul.gallery li { border: none; padding: 0; float:left; }

 
  .widget
{
	float:left;
	/*margin:10px 0 15px 0;*/
	width:285px;
 
}


.widget a
{
	color:#154A7F;
	font-size:10px;

}

ul#twitter-3 div h3 a.twitterwidget 
{
	background-image: url('/images/twitter-bird.jpg');
	color: #333333 !important;
    	font-family: Helvetica;
    	font-size: 18px !important;
    	font-weight: bold !important;
	padding: 18px 0 13px 60px;
	line-height: 31px;
	background-repeat: no-repeat;
	
}

.widget  img
{
	border:0;
	background:#fff;
}

.widget li
{
  line-height:15px;
	border-bottom:1px dotted #ccc;
	padding:4px 0 4px 0px;
}

.widget ul ul
{
	padding-left:20px;
}

 
/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/   
  div.footer_bg
 {
  width:1078px; 
margin-left:-100px;
padding-left:100px;
 background:url(images/footer_bg.png) no-repeat bottom; 
 }
#footer
{
	background-color:#ffffff;
border:solid 1px #EBCD6A;
border-bottom:solid 2px #EBCD6A;
    /*    -moz-box-shadow: 0 0 5em #FCFC63;
	-webkit-box-shadow: 0 0 5em #FCFC63;
	box-shadow: 0 0 5em #FCFC63; */
	float:left;
	font-size:12px;
	line-height:19px;
	margin:20px auto;
	width:980px;
	padding-bottom: 15px;
 }

 #footer a
{
	
	color:#333;
	font-weight:700;
}

 #footer a:hover
{
	border:none;
	text-decoration:none;
	 border-bottom:1px solid #ccc;
}

#footer h4
{
	font-size:14px;
	font-weight:700;
	/**text-transform:uppercase; **/
}

#footer_right
{
	float:right;
	padding:30px 15px 0 0;
	text-align:right;
/*	width:600px; */
}

#footer_right li
{
	display:inline;
	font-size:14px;
	font-weight:700;
	padding:0 0 0 5px;
/**	text-transform:uppercase; **/

}

#footer_right ul
{
	display:block;
	padding-bottom:10px;
}


  #subscribe
{
	float:left;
	padding:20px;
	width:280px;
}

 #subscribe p {
 padding:5px 0 8px 0;
 } 
 /**********customize *****************/
h1.product-header
 {
 font-family:Helvetica,Arial,sans-serif;
 color:#333333;
 font-size:20pt;
 font-weight:bold;
 padding:0;
 margin:0em 0.5em 0em 0em;
 text-align:left;
 }
 
 div.img-border
 {
 border:solid 1px #A9A9A9;
 padding:2px;
 }
 div.price-box
 {
width:435px;
margin-top:12px;

 }
 div.ususal-price
{
margin:0;
padding:0 0 0 5px;
font-family:Helvetica,Arial;
font-size:10pt;
color:#333333;
float:left;	

}
div.ususal-price span
{
text-decoration:line-through;	
}
div.deposite-price
{
margin:0;
padding:0;
float:left;
}

div.custom-clear
{
clear:both;
margin:0;
padding:0;
}
div.our-price
{
margin:0;
padding:0;
font-family:Helvetica,Arial;
font-size:13.5pt;
font-weight:bold;
color:#CC3333;

line-height:16px;
}
div.multi-currency
{
font-family:Helvetica,Arial,sans-serif;
font-size:9pt;
margin:0;
padding:0;
color:#cc3333;
}
div.product-desc
{
font-family:Helvetica,Arial;
font-size:9pt;
color:#4C4C63;
padding:0;

}
div.product-desc p
{
margin:0;
padding:0px 0px 10px 0px;
width:430px;
font-family:Verdana,Arial,Helvetica;
font-size:11px;
line-height:150%;
color:rgb(68,68,68);
}
div.qty-cart
{

background-color:#ECF1F2;
width:435px;
height:95px;
}
div.pre-order
{
width:180px;
float:left;
margin-top:10px;

}
div.pre-order-right
{
width:250px;
float:left;
margin-top:21px;
}
h1.pre-order-info
{
font-family: Helvetica;
font-size: 12pt; 
color: black;   
text-align: right;
padding:7px 7px 0 0; 
margin: 0pt; 
line-height: 17px;
font-weight:normal;
}
h1.pre-order-info p
{
margin: 3px 0 0 0; 
padding: 0 0 0 0px;
line-height: 15px; 
font-family: Helvetica; 
font-size: 9pt; 
color: black;   
}
div.qty
{

float:left;
margin-top:3px;
margin-left:10px;
font-family:Helvetica;
font-size:9pt;
color:#64696D;
}
div.addtocart
{
float:left;
width:160px;	
}
div.non-pre-order
{
margin-top:14px;
font-family:Helvetica,Arial;
font-size:11pt;
color:#333333;
}
div.other-info
{
margin:10px 0 0 0;
padding:0;
width:435px;
}
div.country
{
margin:0;
padding:0;
float:left;
width:150px;
}
div.shipping-info
{
margin:0;
padding:0;
margin-top:5px;
float:left;
font-family:Helvetica;
font-size:9pt;
color:#336699;
width:105px;
}
div.customercare
{
margin:0;
padding:0;
margin-top:5px;
float:left;
font-family:Helvetica;
font-size:9pt;
color:#336699;
width:160px;
}
div.free-tracking
{
margin:10px 0 0 0;
padding:0;
width:430px;
}
div.free-tracking h2
{
margin:0;
padding:0;
font-family:Helvetica,Arial;
font-size:15pt;
color:#7D7C7C;
}
div.free-tracking p
{
margin:0;
padding:0;
font-family:Helvetica,Arial;
color:#535252;
line-height:12px;
}
#main
{
margin:0;
padding:0;
font-family:Helvetica,Arial;
font-size:7pt;
color:#336699;
}
div.estimate
{
margin:0;
padding:0;
font-family:Helvetica,Arial;
font-size:7pt;
color:#7D7C7C;
line-height:1;
}

/*****for meun bar *******/
span.readmore a
{
color:#024D7F;
}
span.readmore a:hover
{
text-decoration:underline;
}
div.menu_container
{
margin-left:18px;
padding:0;
}

div.left_menu
{
float:left;
}

ul.new_menu
{
margin:0;
padding:0;
float:left;
width:700px;
height:38px;
background:url(images/menu_bg.png) repeat-x;
border:solid 1px #B0AFAF;
 -moz-border-radius-topleft:5px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:5px;
 
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:5px;
margin-top:2.4em;
}

li.cart {
float:left;
margin-top:0.5em;
padding-left:5px;
padding-right:5px;
width:2px;
}
li.each_tab1
{
float:left;
padding:0.9em  0em;
}
li.each_tab1 a
{
text-decoration:none;
}
li.each_tab
{
float:left;
}
li.each_tab:hover
{
background:url(images/left_menu_bar_hover.png) repeat-x;
height:38px;
}
span.each_tab
{
padding:0em 2.3em;
margin-top:1em;
font-family:helvetica,arial;
color:#444349;
border-right:solid 1px #B3B4B8;
line-height:1px;
}
li.each_tab a
{
font-family:helvetica,arial;
color:#444349;
display:block;
padding:1em 0em;
}
li.each_tab a span
{
padding:0 2.5em;
border-left:solid 1px #b3b4b8;
}
li.each_tab a:hover
{
color:black;
text-decoration:none;

}
div.menu_right
{
margin:0;
padding:0;
float:left;
width:235px;
margin: 2px 0 0;
}
ul.new_menu_right
{
margin:0;
padding:0;
margin-left:5px;
float:left;
width:235px;
height:38px;
background: black url(images/menu_bg_black.png) repeat-x;
border:solid 1px #000000;
 -moz-border-radius-topleft:5px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:5px;
 
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:5px;
}
ul.new_menu_right li
{
list-style:none;
float:left;
}
ul.new_menu_right li a
{
color:#ffffff;
float:left;
font-family:helvetica,arial;
line-height:2em;
margin-left:5px;
margin-top:1px;
padding:0.5em 1.5em;

}
ul.new_menu_right li a:hover
{
background:url(images/new_meu_bg_hover.png) repeat-x;
line-height:2em;
color:#ffffff;
text-decoration:none;
float:left;
font-family:helvetica,arial;

}
/******drop down ********/



/* main level link hover */


/* sub levels link hover */
#nav_right  ul li:hover , #nav_right  li:hover li  {
	background:white;
color:black;
 margin:3px;
}
#nav_right  ul a:hover {
	background:black;
color:white;
padding-right:1em;
-moz-border-radius-topleft:5px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:5px;
 
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:5px;
}

/* dropdown */
#nav_right  li:hover > ul {
	display:block;

position:absolute;
z-index:2;
margin-top:3.1em;
padding:0;
border:solid 1px #000000;
 -moz-border-radius-topleft:5px;
 -moz-border-radius-topright:5px;
 -moz-border-radius-bottomleft:5px;
 -moz-border-radius-bottomright:5px;
 
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-bottom-right-radius:5px;
 

}

/* level 2 list */
#nav_right  ul {
	display:none;
width:12em;
background:white;
}
#nav_right  ul li {
	float: none;
margin:0;
padding:0;

}

#nav_right  ul a {
	color:black;
	padding-right:1em;
}

/* level 3+ list */
#nav_right  ul ul {
	right: 145px;
	top: -38px;
}



/* clearfix */
#nav_right :after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav_right  {
	display: inline-block;
} 
html[xmlns] #nav_right  {
	display: block;
}
 
* html #nav_right  {
	height: 1%;
}
/*****for meun bar *******/
/*********** latest product title ***********/
h2.new_product_header
{
float:left;
width:915px;
background:url(images/credit.png) no-repeat top right;
margin-left:7px;
}
h2.preorder_header
{
float:left;
margin-left:20px;

}
/*********** latest product title ***********/
/******** defautl ********/
a.default_product_title
{
display:block;
width:300px;
color:#024D7F;

font-size:17pt;
line-height:27px;
font-family:Helvetica,Arial,Georgia,Times New Roman, Times, serif;
float:left;
font-weight:bold;
border-bottom:solid 1px transparent;
}
a.default_product_title:hover
{
color:gray;
border-bottom:solid 1px white;
}
/******** defautl ********/
/*********** latest Pre Order widget ***********/
a.preorder-title
{
color:#154A7F;
font-size:13px;
border:0;
font-weight:700;
text-decoration:none;

}

a.preorder-title:hover
{
color:#154A7F;
text-decoration:underline;
}
/*********** latest Pre Order ***********/
/*********** intensedebate widget ***********/
.idw-container
.idw-jump
{
display:none;
}
.idw-container
.idw-info a
{
text-decoration:none;
color:#333333;
cursor:default;
}
/*********** intensedebate widget ***********/
/******************Outlet category**************************/
.article_my  img {
float:right;
margin:3px 2px 5px;
-moz-box-shadow:3px 3px 9px #999999;
border:solid 1px #cccccc;
padding:4px;
}
span.outlet_page
{
/*background:none repeat scroll 0 0 black;*/
height:60px;
margin-left:4px;
margin-top:234px;
/*opacity:0.7;*/
position:absolute;
width:462px;
}
/*span.outlet_page:hover
{
background:black;
opacity:0.7;

}*/
span.outlet_page p
{
color:white;
font-family:Lucida Grande,Helvica,Arial;
font-size:12px;

line-height:13px;
margin:5px 5px 5px 5px;
opacity:100;
}
span.outlet_page a {color:white;text-decoration:none;}
h3.outlet_page
{
font-weight:700px;
color:white;
font-size:16px;
position:absolute;
text-align:left;
width:450px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
text-align:right;
padding:5px;
}

h3.outlet_page a{color:white;  /* WebKit (Safari/Chrome) Only */
 /*  -webkit-text-stroke: 1px black; */
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  color: white;
  
 /*  text-shadow:
    3px 3px 0 #000,*/
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
  /*  -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;*/
padding:3px;
}
div.outlet_page
{
color:white;
position:absolute;
font-size:11px;
width:213px;
margin-left:5px;
margin-right:5px;
margin-top:34px;
padding:2px;
padding-left:245px;
text-align:right;
}
div.outlet_page span.date{color:white;padding:0;background-image:none;}
div.outlet_page a
{
color:white;
text-decoration:none;
padding:3px;
}


/******************Outlet c

/******************Outlet category**************************/
/******************Browse Category widget**************************/
h2.browse_blog
{
color:#333333;
font-family:Helvetica;
font-size:18px;
font-weight:bold;
border-bottom:solid 1px #999999;
margin-top:10px;
padding-bottom:3px;
}
ul.browse_blog
{
margin-bottom:24px;
}
ul.browse_blog li
{
border-bottom:1px solid #999999;
list-style:square inside none;
color:#99CC66;
padding:6px 8px 8px 6px;
}
ul.browse_blog li a
{
font-family:Lucida Grande;
font-size:15px;
font-weight:bold;
color:#333333;
/*padding:6px 182px 6px 6px;*/
padding:6px 20px 6px 6px;
}
ul.browse_blog li:hover
{
text-decoration:none;
color:#336633;
background:#CCFFCC;
cursor:pointer;
}
ul.browse_blog li a:hover
{
text-decoration:none;
color:#336633;
background:#CCFFCC;
}
/******************Browse Category widget**************************/
div.the_rest p
{
padding-top:0px;
padding-bottom:0;
}
img.bgclear
{
margin:0;border:none;padding:0;-moz-box-shadow:3px 3px 9px white;box-shadow:3px 3px 9px white;background:white;
}
.a2a_kit addtoany_list  img,.a2a_kit addtoany_list a img
{
-moz-box-shadow:3px 3px 9px white;
-webkit-box-shadow:3px 3px 9px white;
border:0;
margin-left:2px;
padding:1px;
float:left;
}
addtoany_list a img 
{
padding-left:5px;padding-right:5px;
}
div.author_info  img
{
-moz-box-shadow:3px 3px 9px white;
-webkit-box-shadow:3px 3px 9px white;
border:0;

}
#crumbs a
{
color:#154A7F;
font-weight:700;
}
.addtoany_list a img
{
-moz-box-shadow:3px 3px 9px white;
-webkit-box-shadow:3px 3px 9px white;
border:0;
margin:0;
}
a.new_excerpt
{
color:#024D7F;font-weight:bold;text-decoration:none;
}
a.new_excerpt:hover
{
text-decoration:underline;
}
div.the_rest img
{
float:none;
}
hr.borderline
{
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}
/************************ searh ***************************************/
#selectbox
{
 position:absolute;
 top:0;left:0;
 border:solid 1px #333366;
 margin:48px 0 0 220px;
 width:77px;height:25px;
 font-size:13px;
 color:black;
 background:url(images/select_bg.jpg) repeat-x;
 }
 input.blog_search
 {
 z-index:1;
 background:white;
 position:absolute;
 top:0;left:0;font-size:13px;
 color:#666666;
 margin:48px 0 0 -2px;
 
 height: 22px; 
 padding: 2px 2px 2px 5px;
 width:208px;
 border-top:solid 1px #cccccc;
 border-bottom:solid 1px #ffffff;
 border-right:solid 1px #ffffff;
 border-left:solid 1px #ffffff;
}
input.blog_search_sumbit
{
background-color:transparent;
margin:51px 1px 0 227px;
padding:2px 3px 0 5px;
color:black;
font-weight:bold;
position:absolute;
top:0;
left:0;
border:0;
text-transform:none;
font-size:11px;

}

input.product_search_submit
{
   background:transparent;
   margin:51px 1px 0 227px;
   padding:2px 3px 0 5px;
   position:absolute;
   font-weight:bold;
	font-size:11px;
	color:black;
   top:0;left:0;border:0;
 
}
span.tick_p,span.tick_b
{
 margin:0;
 padding:0;
 padding-right:2px;
 width:10px;
 visibility:visible; 
}
span.tick_b
{
 margin:0;
 padding:0;
 padding-right:2px;
 width:10px;
 visibility:hidden; 
}
div.drop_menu
{
margin:0px;
padding:5px 2px;
text-align:left;
cursor:pointer;
color:black;
}
div.drop_menu:hover
{
background:#cccccc;
color:black;
}
div.livesearch
{
position:absolute;left:0;top:0;z-index:-9;
width:211px;
margin-left:-2px;
text-align:left;
padding:2px;
margin-top:77px;
 
}
div.l_r
{
cursor:pointer;
padding:5px;


}
div.l_r:hover
{
background:#E3E9FF;
}
/************************ search ***************************************/
div.under_bread
{
clear:both;
magrin:0;
padding:0;
border-bottom:solid 1px #B0AFAF;
margin-bottom:10px;height:3px;
}

div.latest_preorder_part
{
float:left;
width:275px;
border-bottom:solid 1px #DDDDDD;
border-left:solid 1px #DDDDDD;
border-right:solid 1px #DDDDDD;
margin-left:15px;
margin-top:7px;
}
h2.latest_preorder_header
{
font-size: 20px; 
border:solid 1px white;
border-bottom:solid 1px #DDDDDD; 
font-weight: 200;
width:276px;
background:white;margin-left:-1px;
}

/********** category series *****************/
li.series
{
/* border-bottom: 1px solid #999999;

*/
line-height: 25px;
list-style: none outside none !important;
}
a.seriess
{
    border: 0 none;
    color: #666666;
    display: block;
    font-family:lucida Grande;
    font-size: 9pt;
    font-weight: bold;
    padding-left: 0.6em;
    text-decoration: none;
}
a.seriess:hover
{
background:#cdddff;
color:#667798;
}
font.filter
{ 
    border: 0 none;
    color: #666666;
    font-family: lucida Grande;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;

}