/*  
Theme Name: ASOS Online Funky
Version: 1.0
Description: Designed by <a href="http://www.feano.com">Fe Angelique Obenza</a>.
Author: ButterPixels
Author URI: http://www.butterpixels.com
*/

/* RESET */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

img {
border: 0;
}

ul, ol, dl {
list-style: none;
}



/*STRUCTURE*/

body { 
     margin: 0 auto;
     display:block;
     width: 100%;
     background: url('images/asos_bg.jpg') no-repeat; 
     color: #000;
     font: 12px Verdana, Arial, Tahoma, sans-serif;
     line-height: 1.5em;
     }

p {
   margin-top: 5px;
   margin-bottom: 5px; 
   color:#333333; 
   line-height: 1.5em;
   } 

strong {font-weight: bold;}

h1 {font: 24px Georgia bold; padding-bottom: 5px; margin-bottom: 5;}

h2 {font: 12px Arial bold;}

h3 {font: 12px Arial bold;}

h4,h5,h6 {font-size:8px; font-weight:lighter;}
    
a:link {text-decoration: none; color:#333; font-weight: bold;} 
a:visited{text-decoration:none; color:#333; font-weight: bold;} 
a:hover{text-decoration:none; color:#FE66CB;}
a:active{text-decoration:none; color:#3537FB;}  

.alignleft {float: left;}     

#wrapper {
         margin: 0 auto;
         width: 980px;
         /*border: dashed 1px #000000;*/
         }
#header {
        width: auto;
        height: 211px;
        }    
		

/*START MENU */
#nav {
	/*background: #000;*/
	display: block;
	float: left;
	margin-top: 173px;
	height: 30px;     
	width: 100%;
}
#nav .menu-header,
div.menu {
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-left: 12px;
	width: 928px;
}
#nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#nav .menu-header li,
div.menu li {
	float: left;
	padding-right: 15px; /*added*/
	position: relative;
}
#nav a {
	color: #fff;
	display: block;
	line-height: 38px;
	margin-left: -10px;
	padding: 0 10px;
	text-decoration: none;
	background: #3333ff;
    opacity:0.90;

}
#nav ul ul {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;

}
#nav ul ul li {
	min-width: 180px;
}
#nav ul ul ul {
	left: 100%;
	top: 0;
}
#nav ul ul a {
	background: #D9D9FF;
	color: #66F;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#nav li:hover > a,
#nav ul ul :hover > a {
	color: #3333ff;
		background: #D9D9FF;

}
#nav ul li:hover > ul {
	display: block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	color: #3333ff;
	background: url('images/nav_hover.png') repeat-x; 
}
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color: #fff;
}

			

        
#content {
         width: 728px;
         float: left;
	 margin: 0 auto;
         background: #FFF;
	 border: 1px solid #D9D9FF; 
	 border-top: solid 8px #D9D9FF;
	 padding: 10px;
         } 
		 
 
#sidebar {
         width: 200px;
         float:right;
         }       
		 
#sidebar ul {margin-left: -10px; list-style:none;}

#sidebar li {}

#sidebar ul li {
             margin-bottom: 5px;
	     padding-left: 10px;
	     padding-right: 10px;
             padding-bottom: 0px;
             font-size: 11px; 
	     line-height: 1.5em; 
	     border: 1px solid #D9D9FF; 
	     border-top: solid 8px #D9D9FF;
	     background: #FFF;
	     }


#sidebar ul ul li {
                  margin-left: 10px;
                  border: none;
                  padding-left: 0px;
		  padding-top: 0px;
		  padding-bottom: 0px;
                  }

#sidebar ul ul ul li {
                  border: none;
                  padding-left: 0px;
		  padding-bottom: 0px;
		  }

#sidebar ul li h2 {
       margin-bottom: 10px;
       font-family:"Arial";
       font-size:14px; 
       font-weight: bold;
       padding: 5px 0px 5px 0px;
       text-transform:uppercase; 
       /*background: #D9D9FF;*/
       border-bottom: 1px dotted #EEE;
       width: 100%; 
       }

         
#footer {
	width:750px;
	float:left;
        padding: 50px 0px 50px 0px;
        font-size: 8pt;
	line-height: 1.5em;
        }

#footer a{text-decoration: none; font-weight: normal;}

/*FONT STYLES */
span.big-blue {font-size: 20px; font-weight:bold; color:#3333ff; letter-spacing: 2px;}
span.big-bold-green {font-size: 34px; font-weight: bold; color: #66cc00; font: Arial oblique;}


/*ENTRY POSTS */


div.entry {
	  margin: 10px;
	  }


.entry h1 a, .entry h1 a:link, .entry h1 a:visited,

.entry h2 a, .entry h2 a:link, .entry h2 a:visited,

.entry h3 a, .entry h3 a:link, .entry h3 a:visited,

.entry h4 a, .entry h4 a:link, .entry h4 a:visited,

.entry h5 a, .entry h5 a:link, .entry h5 a:visited,

.entry h6 a, .entry h6 a:link, .entry h6 a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #111;
}

.entry h2 { 
          font-size: 14px; 
          padding-top: 10px; 
          padding-bottom: 10px; 
          border-top: 1px dotted #CCC; 
          border-bottom: 1px dotted #CCC;
          margin-bottom: 10px;
          } 

.entry h3 {
	   margin-bottom: 10px;
	   font-family:"Arial";
 	   font-size:14px; 
           font-weight: bold;
	   padding: 5px 0px 5px 5px;
	   text-transform:uppercase; 
	   /*background: #D9D9FF;*/
           border: 1px solid #EEE;
	   width: 100%; 
           }

.entry h3 a:hover {color:#FE66CB;}
		 
.entry p {padding: 5px 0px 5px 0px; line-height:1.5em; font-size: 1em;}

/*.entry .post-title h2 a, .post-title h2 a:link, .post-title h2 a:visited {font-size: 12px; line-height: 1.5em; text-transform: uppercase;}
*/
.entry h2.post-title a:hover {color:#FE66CB;}

span.info-cat {font-size:11px; font-family: 'Verdana'; margin: 0 auto;}
span.info-cat a, .info-cat a:link, .info-cat a:visited {text-decoration:underline;}

a img.alignleft {float:left; padding: 5px; margin:0 1em 1em 0}

/*RELATED TOPICS */

div.related ol {
               width: 95%;
               padding: 10px;
               margin-bottom: 10px;
               }

div.related ol li {
        font-size: 11px;
        border-bottom: 1px dotted #EFEFEF; 
        padding: 5px;
        }

div.related ol li a{
        font-weight: normal; 
        }
 
/*ENTRY TABLE*/

table.transcripts {clear: both; width: auto; padding: 10px; line-height: 1.5em;}

table.transcripts tr.focus {background: #EEE;}

table.transcripts th {
              padding-left: 10px; 
              font-weight: bold; 
              border-top: 1px solid #EBEBEB; 
              border-left: 1px solid #EBEBEB; 
              border-right: 0px; 
              border-bottom: 1px solid #EBEBEB;
              }

table.transcripts td{
              padding: 10px; 
              border: 1px solid #EBEBEB; 
              border-left: 0px;
              line-height: 1.4em;
              }

/*RECENT LIST HOME PAGE */

div ul.recent li a { 
              background: url(images/blue-bullet.png) no-repeat left; 
              padding-left: 15px; 
              line-height: 1.8em; 
              font-weight: normal; 
              font-size: 11px;
              }


/* CLEAR */
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* Read More Link */
.more-link, a.more-link {
             font: 8px Arial bold; 
             text-transform: uppercase;
             color:#FE66CB;
             padding-left: 5px;
             }


div.entry span.more a, p.more a, p.more a:link, p.more a:visited {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 10px;
			color:#8CB200;
			padding-right: 15px;
			background: url(images/arrow-green.gif) no-repeat right 1px;
			}

/*COLUMNS*/

		 
div.full-width-column {
        width: 720x;
        margin: 0 auto;
	margin-bottom: 5px;
	/*border: 1px solid #ffcc00;*/
        line-height: 1.5em;
	padding: 5px;
}

		
div.one-of-2-big-column {
		width: 300px;
		height:auto;
		float: left;
		/*border: 1px solid #009900;*/
		}
		
div.two-of-2-big-column {
        width: 420px;
		float:right;
		/*border: 1px solid #009900;*/
		}
		
div.one-of-3-column {
        width:200px;
        height: auto;
        margin-top: 10px;
	float: left;
	/*border: 1px solid #ff0000;*/
	}

div.one-of-3-column h2.post-title { 
        font-size: 16px; 
        line-height: 1.5em; 
        padding-top: 10px; 
        border-top: 1px dotted #CCC;
        }
		
div.one-of-3-column h3 {
	   margin-bottom: 10px;
	   font-family:"Arial";
 	   font-size:14px; 
           font-weight: bold;
	   padding: 5px 0px 5px 5px;
	   text-transform:uppercase; 
           border: 1px solid #EEE;
	   width: 100%; 
		}

div.one-of-3-column span.more a, p.more a, p.more a:link, p.more a:visited {
			text-decoration: none;
			text-shadow: #ccc;
			text-transform: uppercase;
			font-size: 10px;
			font-weight: bold;
			color:#8CB200;
			padding-right: 15px;
			background: url(images/arrow-green.gif) no-repeat right 1px;
			}

div.three-of-3-column {
		width: 500px;
		float:left;
		/*border: 1px solid #009900;*/
		}

div.three-of-3-column h2.post-title {margin-top: 5px; padding-top: 10px; font-size: 16px; line-height: 1.5em;}

/*div h3 {
		margin-bottom: 10px;
		font-family:"Arial";
 		font-size:14px; 
		padding: 5px 0px 5px 5px;
		/*text-transform:uppercase; 
		background: #D9D9FF;*/
		width: 100%; 
		}*/

div.inner {margin: 0 auto;}

/* ADVERTISMENT */

div.ad-left-side {
		margin: 0 auto;
		/*background: #CCC;*/
		width: 200px;
		height: 250;
		/*border: solid 1px #CCC;*/
		}
		
/* CATEGORIES */

div.category-main-barbie {
		display: block;
		height: 100px;
		padding: 5px;
		}
		
div.category-main-dee {
		display: block;
		height: 100px;
		padding: 5px;
		}
		
div.entry-category {
		width: 100%;
		height: auto;
		margin: 0 auto;
		}
		
/* ------------END --------------- */
/*.widget ul li{
             list-style-type:none; 
             background: #FFF;
             }

.widget ul li li{list-style-image: url('images/bullet-post.gif');}
.widgettitle {margin-top: 10px; font: 10pt Arial bold; text-transform:uppercase; list-style:none;}*/
	   
.notice {color:#FF0033; font-style:italic; font-weight: bold;}
.big {font: 12pt Georgia bold;}


div.page-numbers {margin-right: 10px; float: right; height:auto;}


/*COMMENTS*/

#comments {
		clear:both;
		display:block;
		margin: 10px;
		height: auto;
		}

#comments h2 {
	   margin-bottom: 10px;
	   font-family:"Arial";
 	   font-size:14px; 
       font-weight: bold;
	   padding: 5px 0px 5px 5px;
	   text-transform:uppercase; 
       border: 1px solid #EEE;
	   width: 100%; 
	   }
		
#comments h3  {
	   margin: auto 0;
	   font-family:"Arial";
 	   font-size:12px; 
       font-weight: bold;
	   padding: 5px 0px 5px 5px;
	   text-transform:uppercase; 
       }

#comments ol.commentlist {
       width: 450px;
	   }

#comments ol.commentlist li {
        margin: 10px 0px 0px 0px;
		border: 1px solid #EEE;
		padding: 10px;
        }
#comments .comment-author {   
        width: 50px;
        float: left;
		}
#comments .comment-post {
        display:inline-table;
		margin-top: 0px;
		padding-left: 10px;
		width: 360px;
		height: auto;
		}

#comments .comment-post cite.fn, span.says {
 		font-size: 14px;
		font-weight: bold;
		text-transform:inherit;
		}
		
#comments p {font-size:12px; line-height:1.2em; margin-top: 10px;}

#comments .comment-meta a, .reply {font-size: 11px; font-weight: normal;}

#comments .reply a {margin-top: 20px; float: right; }
		
textarea#comment { width: 400px; padding: 5px; }  
commentmetadata { font-size: 10px; }  


div.gallery { 
         width: 350px;
         display: relative;
         float: left;
         }


/*SHARESALE YES-ASIA.COM*/

a.sasmakepage:link {color: 0054EE; font: 12px Verdana bold;}
a.sasmakepage:visited {color: 0054EE;}
a.sasmakepage:active {color: 0054EE;}
a.sasmakepage:hover {color: 0054EE;}

table.sasmakepagetable 
	{  
	font-family: "Arial", Verdana; 
	font-size: 11px; 
	background-position: center top; 
	clip:  rect(   ); 
	}

table.sasmakepagetable td {
	padding: 15px;
	border: 1px dashed #dfdfdf;
	}

table.sasmakepagetable p {text-align:left;}

span.price {
	font: 12px Verdana bold;
	color: #FF0000;
	}

/*WP CAPTION */

.img {text-align: center;}

div.wp-caption {
         margin: 10px;
         background: #eee;
         border: 1px solid #ccc;
         }