/* Sara Li-Chou Han Website Build: December 2008 - Developed by Magic House */


/* Zeroing for better cross browser positioning */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial;
	color:#FFFFFF;
}


/* Main page elements */
body 
{
    background-color:#000000;
}
h1 
{
    font-size:14px;
}
p 
{
    color:#FFFFFF;
    font-size:12px;
}
a 
{
    color:#FFFFFF;
    outline:none;
}
img
{
    border:none;
}

/* Structural elements */
#wrapper 
{
    margin-top:50px;
}
#header 
{
    width:435px;
}
#navigation 
{
    margin-left:77px;
    list-style:none;
    font-family:Helvetica, Arial, Sans-Serif;
    font-weight:bold;
    font-size:14px;
    padding-top:5px;
}
#navigation li
{
    display:inline;
}
#navigation li a
{
    color:#FFFFFF;
    text-decoration:none;
}
#navigation li a:hover 
{
    color:#B5265B;
}
#navigation .yah 
{
    color:#B5265B;
}
#mainContent 
{
    width:2812px;
    margin-top:10px;
}
#leftPanel 
{
    width:445px;
    height:402px;
    background-image:url(../images/leftPanelCollection.jpg);
    float:left;
}
#leftPanelContent
{
    width:320px;
    height:387px;
    background-image:url(../images/leftPanelContent.jpg);
    float:left;
    padding-top:15px;
    padding-left:100px;
    padding-right:25px;
}
    #leftPanelContent h1
    {
        font-weight:normal;
        font-size:12px;
        color:#B5265B;
    }
    #leftPanelContent a
    {
        font-size:12px;
    }
#leftPanelBlog
{
    width:139px;
    height:387px;
    background-image:url(../images/leftPanelBlog.jpg);
    float:left;
    padding-top:15px;
    padding-left:25px;
    padding-right:25px;
}
    #leftPanelBlog h1
    {
        color:#B5265B;
        font-size:12px;
    }
    #leftPanelBlog a
    {
        font-size:12px;
        text-decoration:none;
    }
#collectionImage 
{
    width:2367px;
    height:402px;
    float:left;
}
#collectionImage img
{
    border:none;
}


/* Classes */
.pinkText
{
    color:#B5265B;
}


/* Popup Page Styling */
#popupWrapper 
{
    margin-left:30px;
}
#popupWrapper h1
{
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    margin-top:10px;
    margin-bottom:15px;
}
#popupWrapper p
{
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:12px;
    color:#B5265B;
}
#popupWrapper a 
{
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    margin-top:10px;    
}
#popupBlogWrapper 
{

}
#popupBlogWrapper h1
{
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}
.GridViewCategory td
{
    border-bottom:dashed 1px #B5265B;
    padding-top:3px;
}
.GridViewCategoryPager td
{
    border-bottom:none;
    font-weight:bold;
}

/* Panel to hold text for home collections (conditional display) */
#designCollectionText
{
    width:305px;
    height:308px;
    background-image:url(../images/designCollectionText.jpg);
    float:left;
    margin-left:20px;
    padding-top:15px;
    padding-left:20px;
    padding-right:25px;
    overflow:hidden;
    color:#FFF;
    font-size:12px;
}

        /* Scrolling Arrows - with thanks to http://www.thehorizontalway.com/ */
        #arrows {
	        position: fixed;
	        top: 600px;
	        left: 650px; 
	        width: 90px;
	        height: 30px;
	        cursor: pointer;
        }

        #arrows ul {	
	        margin: 0;
	        padding: 0;
	        list-style:none;
        }

        #arrows ul li {
	        margin: 0;
	        padding: 0;
	        display:inline;
	        width: 40px;
	        height: 30px;
        }

        #arrows ul li a{
	        margin-right: 0px;
	        float: left;
	        display: block;
	        width: 40px;
	        height: 30px;
	        overflow: hidden;
	        cursor: pointer;
	        font-size: 50em;
	        text-indent: -9000px;
        }

        #arrows ul #left a {background: transparent url(../images/arrows/leftbig.png) no-repeat;}
        #arrows ul #right a{background: transparent  url(../images/arrows/rightbig.png) no-repeat;}