/*
Name: Younique
Design Studio: Arrtistic http://www.arrtistic.com/
Version: 1.0
Author: Chris Da Sie
*/ 


* {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@import url("http://static.tumblr.com/xkbim5e/xILltjck5/stylesheet.css");
@import url("http://static.tumblr.com/xkbim5e/AA1ltjcj8/pictos_base64.css");
@import url("http://static.tumblr.com/xkbim5e/954ltjcjq/pictos.css");


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, div { 
display : block; }

audio[controls], canvas, video { 
display : inline-block; 
*display : inline; 
*zoom : 1; }

/* 1. ROOT ============================================================================= */

body { 
	background : #E9E3D3 url("http://static.tumblr.com/xkbim5e/itkltjc7b/bg-pattern.png");
margin : 0 auto;
padding : 0;

font : 100%/1.4 'MuseoSans500', "Helvetica Neue", Helvetica, Arial, sans-serif;
text-shadow: 0 1px 0 rgba(255,255,255,.6);
color : rgb(40,40,40); }

button, 
input, 
select, 
textarea { 
font-family : 'MuseoSans500', "Helvetica Neue", Helvetica, Arial; 
color : rgb(40,40,40); }

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

a img {
    border: none;
}

/* 4.LINKS ============================================================================= */

a { 
color : #80A7B8;
text-decoration:none;
text-shadow: 0px 1px 1px rgba(255, 255, 255, .6);
font-weight: 400;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }

a:visited { 
color : #80A7B8; }

a:focus { 
outline : thin dotted; 
color : #80A7B8; }

a:hover, 
a:active { 
outline : 0;
color:white; }

#wrapper {
    width: 960px;
    margin: 0 auto;
}

h1.younique-logo {
	margin: 10px auto;
	width:134px;
	height:50px;
	background-image: url("http://static.tumblr.com/xkbim5e/lwgltjccd/younique.svg");
	background-image: url("http://static.tumblr.com/xkbim5e/Qrxltjcau/younique.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}

    #wrapper #title {
        margin: 30px 0;
        color: #A59D89;
        font-size: 50px;
        text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
        letter-spacing: -1px;
    }

    
        #wrapper #title a {
            color: #80A7B8;
            text-decoration: none;
        }
		
		#wrapper #title a:hover {
			color: #A59D89;
		}
		
    
    #wrapper #content {
        width: 600px;
        float: left;
    }
    
        #wrapper #content .post {
         	margin: 10px auto;
            background: #fff;
			background: rgba(255, 255, 255, .6);
            padding: 10px;
            position: relative;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			border: 5px solid #CCC6BA;
			overflow:hidden;
        }
            
            #wrapper #content .post .media {
                text-align: center;
                margin-bottom: 10px;
            }
            
            #wrapper #content .post .quotebg {
                font-family: georgia, serif;
                font-size: 150px;
                color: #A59D89;
                opacity: 0.2;
                filter: alpha(opacity=20);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
                position: absolute;
                top: 70px;
                left: 10px;
            }
            
            #wrapper #content .post .quote {
                color: #3b627e;
                font-weight: bold;
                padding: 20px 20px 5px 20px;
            }
            
            #wrapper #content .post .quote.short {
                font-size: 33px;
                line-height: 35px;
            }
            
            #wrapper #content .post .quote.medium {
                font-size: 25px;
                line-height: 28px;
            }
            
            #wrapper #content .post .quote.long {
                font-size: 18px;
                line-height: 22px;
            }
                                
                #wrapper #content .post .quote_source *:first-child {
                    margin-top: 0px;
                }
                
                #wrapper #content .post .quote_source *:last-child {
                    margin-bottom: 0px;
                }
                
                #wrapper #content .post .quote *:first-child {
                    margin-top: 0px;
                }
                
                #wrapper #content .post .quote *:last-child {
                    margin-bottom: 0px;
                }
                
            #wrapper #content .post .copy {
                color: #A59D89;
                padding: 10px;
                font-size: 13px;
                line-height: 15px;
            }
                
                #wrapper #content .post .copy a {
                    color: #6e7173;
                    
                }
                
                #wrapper #content .post .copy p {
                    margin: 10px 0 0 0;
                    padding: 0;
                }
                
                #wrapper #content .post .copy pre {
                    margin: 10px 0px 10px 0px;
                    padding: 10px;
                    background-color: #e6e6e6;
                    font: normal 11px Courier, monospace;
                    overflow: auto;
                }
                
                #wrapper #content .post .copy > p:first-child {
                    margin-top: 0;
                }
                
                #wrapper #content .post .copy img {
                    max-width: 100%;
                }
            
            #wrapper #content .post .audio {
                background: #eaeaea;
                float: left;
                padding: 7px;
                margin-bottom: 10px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
            }
                                                
                #wrapper #content .post .audio .player {
                    float: left;
                }
                
                    #wrapper #content .post .audio .player .audio_player embed {
                        border: 1px solid #c8c8c8;
                    }
                
                #wrapper #content .post .audio .meta {
                    padding: 8px 13px;
                    height: 13px;
                    float: left;
                    color: #666;
                    font-size: 11px;
                    text-transform: lowercase;
                }
                
                    #wrapper #content .post .audio .meta a {
                        color: #666;
                        text-decoration: none;
                    }
            
            #wrapper #content .post .album_art {
                text-align: center;
            }
            
            #wrapper #content .post .question {
                color: #A59D89;
                font-size: 16px;
                font-weight: bold;
                background: #f1f1f1;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px;
                margin: 0 0 15px 0;
                padding: 15px 20px;
                position: relative;
            }
            
                #wrapper #content .post .question .nipple {
                    width: 13px;
                    height: 7px;
                    background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
                    position: absolute;
                    bottom: -7px;
                    left: 30px;
                }
                
            #wrapper #content .post .asker_container {
                margin: 0 0 20px 24px;
            }
            
                #wrapper #content .post .asker_container img {
                    margin: 0 12px -7px 0;
                }
                
                #wrapper #content .post .asker_container a.asker {
                    color: ;
                }
            
            #wrapper #content .post .title {
                color: #A59D89;
                font-size: 16px;
                font-weight: bold;
                padding: 10px 10px 0 10px;
            }
            
            #wrapper #content .post img {
              max-width: 500px;
            }
                                
            #wrapper #content .post .chat {
                background-color: #fff;
                border-left: 5px solid #dedddd;
                margin: 10px 10px 0 10px;
                font-size: 14px;
            }
                                
                #wrapper #content .post .chat .lines {
                    margin-left: 1px;
                }
                
                    #wrapper #content .post .chat .lines .line {
                        background-color: #eaeaea;
                        color: #A59D89;
                        margin-bottom: 1px;
                        padding: 3px 5px;
                    }
                    
                    #wrapper #content .post .chat .lines .line.even {
                        background-color: #dedddd;
                    }
                
                #wrapper #content .post .link {
                    margin: 4px 0 2px 0;
                    font-size: 16px;
                    line-height: 25px;
                }
                    
                    #wrapper #content .post .link a {
                        
                        color: #80A7B8;
                        padding: 5px 7px;
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        border-radius: 4px;
                    }
                    
                    #wrapper #content .post .link a:hover {
                        opacity: 0.9;
                        filter: alpha(opacity=90);
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                    }
            
            #wrapper #content .post .footer {
                background: #eaeaea;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                font-size: 11px;
                color: #A59D89;
                padding: 5px 10px;
                margin-top: 10px;
            }
                
                #wrapper #content .post .footer.for_permalink:hover {
                    opacity: 0.9;
                    filter: alpha(opacity=90);
                    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                }
                
                #wrapper #content .post .footer .date {
                    width: 67%;
                    float: left;
                    color: #A59D89;
                }
                
                #wrapper #content .post .footer .notes {
                    width: 33%;
                    float: right;
                    text-align: right;
                    color: #A59D89;
                }
                    
                    #wrapper #content .post .footer .notes a {
                        color: #80A7B8;
                    }
                    
                    #wrapper #content .post .footer .tags a {
                        color: #80A7B8;
                        
                    }
                    
                        #wrapper #content .post .footer .tags .tag-commas:last-child {
                            display: none;
                        }
                    
                    #wrapper #content .post .footer.with_source_url .tags {
                        max-width: 330px;
                        float: left;
                    }
                    
                    #wrapper #content .post .footer.with_source_url .source_url {
                        float: right;
                        max-width: 160px;
                        overflow: hidden;
                        white-space: nowrap;
                        
                    }
                    
                        #wrapper #content .post .footer.with_source_url .source_url img {
                            vertical-align: top;
                            -moz-opacity: 0.5;
                            opacity: 0.5;
                        }
                        
                        #wrapper #content .post .footer.with_source_url .source_url:hover img {
                            -moz-opacity: 0.7;
                            opacity: 0.7;
                        }
                
                #wrapper #content .post a {
                    color: #80A7B8;;
                    text-decoration: none;
                }
                
                    #wrapper #content .post .copy blockquote {
                        margin: 10px 0px 10px 10px;
                        padding-left: 15px;
                        border-left: solid 4px #dcdcdc;
                    }
                    
                        #wrapper #content .post .copy blockquote blockquote {
                            border-left: solid 4px #cccccc;
                        }
                        
                            #wrapper #content .post .copy blockquote blockquote blockquote {
                                border-left: solid 4px #bcbcbc;
                            }
                            
                                #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
                                    border-left: solid 4px #acacac;
                                }
                                
                                    #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
                                        border-left: solid 4px #9c9c9c;
                                    }
                                    
                                        #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
                                            border-left: solid 4px #8c8c8c;
                                        }
                
                
                
                #wrapper #content #navigation {
                    text-align: right;
                    padding-bottom: 35px;
                    text-transform: lowercase;
                }
                
                    #wrapper #content #navigation a {
                        
                        color: #80A7B8;
                        padding: 5px 10px;
                        text-decoration: none;
                        margin-left: 25px;
                    }
                    
                    #wrapper #content #navigation a:hover {
                        opacity: 0.9;
                        filter: alpha(opacity=90);
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                    }
                    
                #wrapper #content #navigation.jump_pagination {}
                    
                    #wrapper #content #navigation.jump_pagination a {
                        margin: 0 0 0 4px;
                    }
                    
                    #wrapper #content #navigation.jump_pagination .current_page {
                        color: #fff;
                        background-color: rgba(255,255,255, 0.1);
                        border: 2px solid #fff;
                        padding: 3px 8px;
                        margin: 0 0 0 4px;
                        cursor: default;
                    }
                    
                    #wrapper #content #navigation.jump_pagination .jump_page {}
                    
                    #wrapper #content .post .notecontainer {
                        background: #eaeaea;
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        border-radius: 4px;
                        font-size: 11px;
                        color: #A59D89;
                        margin-top: 10px;
                        margin-bottom: -10px;
                    }
                    
                            #wrapper #content .post .notecontainer a {
                                color: #80A7B8;
                                
                            }
                            
                            #wrapper #content .post .notecontainer ol.notes {
                                padding: 0px 0 10px 0;
                                list-style-type: none;
                                font-size: 11px;
                            }
                            
                                #wrapper #content .post .notecontainer ol.notes li.note {
                                    padding: 10px 10px 0 10px;
                                }
                                
                                    #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
                                        vertical-align: -4px;
                                        margin-right: 10px;
                                        width: 16px;
                                        height: 16px;
                                    }
                                    
                                    #wrapper #content .post .notecontainer ol.notes li.note span.action {
                                        font-weight: normal;
                                    }
                                    
                                    #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
                                        font-weight: normal;
                                    }
                                    
                                    #wrapper #content .post .notecontainer ol.notes li.note blockquote {
                                        border-left: 2px solid #666;
                                        padding: 4px 10px;
                                        margin: 10px 0px 0px 25px;
                                    }
                                    
                                        #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
                                            text-decoration: none;
                                        }
        
        #wrapper #content #searchresults {
            color: #A59D89;
            margin: 0 0 15px 0;
            font-size: 20px;
        }
        
            #wrapper #content #searchresults .search_query {
                font-weight: bold;
            }
            
            #wrapper #content #searchresults .search_query:before {
                content:'“';
            }
            
            #wrapper #content #searchresults .search_query:after {
                content:'”';
            }
    
    #wrapper #sidebar {
        width: 350px;
        float: right;
        color: #A59D89;
        
    }
    
        #wrapper #sidebar a {
            color: #80A7B8;
        }
        
        #wrapper #sidebar #top {
            
            padding: 0 20px;
         
        }
        
            #wrapper #sidebar #top .avatar {
                width: 96px;
                height: 96px;
                position: relative;
                top: -24px;
                left: -5px;
				border: 5px solid white;
				-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
				-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
				-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
				box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
            }
            
            #wrapper #sidebar #top #pages {
                margin-bottom: 15px;
                font-size: 12px;
            }
            
                #wrapper #sidebar #top #pages.ask_and_submit {
                    display: none;
                    
                    
                }
            
                #wrapper #sidebar #top #pages a.page {
                    display: block;
                    float: left;
                    background-color: #80A7B8;
                    color: #fff;
                    padding: 4px 5px;
                    margin: 0 5px 5px 0;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                }
                
                #wrapper #sidebar #top #pages a.page:last-child {
                    margin-right: 0;
                }
                
                #wrapper #sidebar #top #pages a.page:hover {
                    opacity: 0.9;
                    filter: alpha(opacity=90);
                    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                }
                
            #wrapper #sidebar #top #description {
                font-size: 11px;
                position: relative;
                top: -18px;
            }
            
                #wrapper #sidebar #top #description a {
                    color: #80A7B8;
                    text-decoration: none;
                }
            
            #wrapper #sidebar #top #search {
                background: #fff;
                border: 1px solid #80A7B8;
                
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
            }
            
            #wrapper #sidebar #top #search-scope {
                padding-top: 5px;
                font-size: 11px;
                text-align: center;
            }
            
                #wrapper #sidebar #top #search-scope input,
                #wrapper #sidebar #top #search-scope label {
                    cursor: pointer;
                }
                
                #wrapper #sidebar #top #search form {
                    margin: 0;
                }
                    
                    #wrapper #sidebar #top #search form .query {
                        padding: 5px;
                        border: none;
                        background: transparent;
                        outline: none;
                        width: 125px;
                        float: left;
                        color: #3b627e;
                    }
                    
                    #wrapper #sidebar #top #search form .submit {
                        background: #80A7B8;
                        color: #fff;
                        border: none;
                        padding: 5px 7px;
                        margin: 3px 3px 2px 0;
                        float: right;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                        border-radius: 3px;
                        cursor: pointer;
                    }
                    
                    #wrapper #sidebar #top #search form .submit:hover {
                        opacity: 0.9;
                        filter: alpha(opacity=90);
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                    }
            
            #wrapper #sidebar #top .heading {
                color: #fff;
              
                font-size: 17px;
                margin-top: 20px;
                padding: 10px;

            }
            
            #wrapper #sidebar #top a .heading {
                color: #fff;
                text-decoration: none;
            }
            
            #wrapper #sidebar #top .heading#followontumblr {
                background: #80A7B8;
width:100%;
                text-indent: -9999px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;  
            }
            
            #wrapper #sidebar #top .heading#followontumblr:hover,
            #wrapper #sidebar #top .heading#twitter:hover {
                opacity: 0.9;
                filter: alpha(opacity=90);
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
            }
            
            #wrapper #sidebar #top .heading#twitter {
                background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat #80A7B8;
            }
            
            #wrapper #sidebar #top .heading#following {
                background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat #80A7B8;
            }
            
            #wrapper #sidebar #top .content {
                margin-top: 2px;
                padding: 7px 10px;
               
                color: #666;
                font-size: 11px;
                overflow: hidden;
            }
            
                #wrapper #sidebar #top a {
                    text-decoration: none;
                }
            
                #wrapper #sidebar #top #following-avatars.content {
                    padding: 4px;
                }
            
                        #wrapper #sidebar #top #following-avatars.content a img {
                            margin: 5px;
                        }
                        
                #wrapper #sidebar #top #buttons {
                    padding: 20px 0 0 0;
                }
                
                    #wrapper #sidebar #top #buttons .button {
                        width: 50%;
                        height: 21px;
                        float: left;
                        background: left center no-repeat transparent;
                        padding: 2px 0 0 0px;
                        font-size: 14px;
                    }
                    
                        #wrapper #sidebar #top #buttons a {
                            color: #3b627e;
                            text-decoration: none;
                        }
                    
                        #wrapper #sidebar #top #buttons div {
                            padding-bottom: 10px;
                        }

						#button-rss:before {
						font-family: "Pictos";
						content: "f";
						color: #A59D89;
						font-weight: normal;
						font-size: 19px;
						margin: 0 8px 0 0;
						width: 15px;
						}
						
						#button-random:before {
						font-family: "Pictos";
						content: ";";
						color: #A59D89;
						font-weight: normal;
						font-size: 19px;
						margin: 0 8px 0 0;
						width: 15px;
						}
						
						#button-archive:before {
						font-family: "Pictos";
						content: "I";
						color: #A59D89;
						font-weight: normal;
						font-size: 19px;
						margin: 0 8px 0 0;
						width: 15px;
						}
						
						#button-mobile:before {
						font-family: "Pictos";
						content: "'";
						color: #A59D89;
						font-weight: normal;
						font-size: 19px;
						margin: 0 8px 0 0;
						width: 15px;
						}
						
						
 
            
            #wrapper #sidebar #copyright {
                text-align: center;
                color: #fff;
                font-size: 12px;
                margin-bottom: 10px;
            }
            
                #wrapper #sidebar #copyright a {
                    color: #fff;
                    margin-left: 15px;
                }




/* 2. HEADINGS (320 and Up typography defaults) ==================================================== */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-weight : 700;
color: #A59D89; }

h1 { 
margin-bottom : 0;
font-size : 2.5em; /* 36 / 16 = 2 */
line-height : 1.2; }

h2 { 
margin-bottom : .75em;
font-size : 1.5em; /* 24 / 16 = 1.5 */
line-height : 1.2; }

h3 { 
margin-bottom : 1em;
font-size : 1.25em; /* 20 / 16 = 1.25 */
line-height : 1.3; }

h4 { 
margin-bottom : 1.25em;
font-size : 1em; /* 16 / 16 = 1.25 */
line-height : 1.25; }

h5 { 
margin-bottom : 1.5em;
font-size : .875em; /* 14 / 16 = .875 */ }

h6 { 
font-size : .75em; /* 12 / 16 = .75 */ }

/* 3. TYPOGRAPHY (320 and Up typography defaults) ============================================================================= */

p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto; 
text-align : justify; }

ul, 
ol { 
margin : 0 0 0 -24px; 
padding : 0 0 0 24px;
list-style:none }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; 
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

abbr[title] { 
border-bottom : 1px dotted; 
cursor : help; }

b, strong { 
font-weight : bold; }

dfn { 
font-style : italic; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid rgb(204,204,204); }

ins { 
background-color : rgb(240,240,240); 
color : rgb(0,0,0); 
text-decoration : none; }

mark { 
background-color : rgb(240,240,240); 
color: rgb(0,0,0); 
font-style : italic; 
font-weight : bold; }

pre, 
code, 
kbd, 
samp { 
font-family : monospace, monospace; 
_font-family : 'courier new', monospace; 
font-size : .875em; 
line-height : 1.5; }

pre { 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

q { 
quotes : none; }

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

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }



/* 5.FIGURES & IMAGES ============================================================================= */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

img {
border : 0; }

svg:not(:root) {
overflow : hidden; }


/* 7.FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label { 
font-weight : normal;
cursor : pointer; }

button, 
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
cursor : pointer; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

textarea { 
overflow : auto; 
vertical-align : top; }

/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px rgb(255,0,0); 
-moz-box-shadow : 0 0 2px rgb(255,0,0);
box-shadow : 0 0 2px rgb(255,0,0); }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : rgb(240,221,221); }

input[name="q"] {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
	color: #888;
}


/* CONTENT CONTAINER	============================================================================= */
.content {
	margin: 0 auto;
	max-width: 980px;
	width:100%;
}


/* BORDER RADIUS		============================================================================= */

.br-1 {
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* BANNER 		============================================================================= */

header[role="banner"] {
	margin: 0px auto;
	width: 980px;
}



/* 9 NAVIGATION 	============================================================================= */
/* 10 CONTENT 		============================================================================= */

div[role="main"] {
	float:left;
	max-width: 350px;
	width: 100%;
	height: 180px;
	display:block;
}

/* 11 MAIN 			============================================================================= */

.about-me {
	float: left;
	max-width: 350px;
	width: 100%;
}

.basic-info {
	float: left;
	width: 50%;
	margin:0px;
	padding:0px;
	margin-left: 10px;
	font-size: .875em;
	color: #A59D89;
}

.basic-info h1 a {
	text-transform:capitalize;
	font-weight: 700;
}


.one-liner:before {
font-family: "Pictos";
content: "i";
color: #A59D89;
font-weight: normal;
font-size: 19px;
margin: 0 8px 0 0;
width: 15px;
}


.one-liner {
	clear:both;
	margin:0px;
	margin-top: 0px;
}

.location:before {
font-family: "Pictos";
content: "M";
color: #A59D89;
font-weight: normal;
font-size: 19px;
margin: 0 8px 0 0;
width: 15px;
}

.location {
	margin-bottom: 0px;
}

.twitter {
	margin: 15px 0px;
}

.twitter a {
	text-transform: lowercase;
}

.heart-beat:before {
font-family: "Pictos";
content: "f";
color: #A59D89;
font-weight: normal;
font-size: 19px;
margin: 0 8px 0 0;
width: 15px;
}

.heart-beat {
	float: left;
	margin: 15px auto 25px;
	color:#82B87E;
	line-height: 14px;
	max-width: 200px;
	width: 150px;
	overflow: hidden;
}

.heart-beat:hover {
	cursor:pointer;
}

cite {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: .70em;
	color: #777;
	font-style: italic;	
	font-weight: 400;
}

.heart-button {
	float: left;
	background: #80A7B8;
	padding: 5px;
	text-decoration: none;
	margin-top:10px;
	margin-left: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:white!important;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, .2);
	text-align: center;
	cursor:pointer;
}

.heart-button:hover {
	background: #CCC6BA;
	color : #80A7B8!important;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .6);
	cursor:pointer;
}

.intro {
	display:block;
	margin-top: 20px;
	text-align:left;
	color:#A59D89;
	font-size: .875em;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

ul.information {
	float:right;
	margin-top: 20px;
	max-width: 600px;
	width:100%;
}


ul.information li.drink, ul.information li.sleep, ul.information li.food, ul.information li.high-fives, ul.information li.quotes, ul.information li.text, ul.information li.video  {
	margin: 10px auto;
	padding: 0px;
	float:left;
	max-width: 600px;
	width: 100%;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
	background: rgba(255, 255, 255, .6);
	border: 5px solid #CCC6BA;
	overflow:hidden;
}

/*--------------------------------------------------------------
Drinks Consumed 
---------------------------------------------------------------*/

h2.heading-drinks {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/V6lltjc6o/younique_chat.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}
/*--------------------------------------------------------------
Sleep I've gotten
---------------------------------------------------------------*/


h2.heading-sleep {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/ttPltjc4x/younique_audio.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}


/*--------------------------------------------------------------
Food I've eaten
---------------------------------------------------------------*/


h2.heading-food {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/e2Vltjc84/younique_link.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}

/*--------------------------------------------------------------
Awesome High-Fives I've gotten
---------------------------------------------------------------*/

h2.heading-high-fives {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/jCRltjc8x/younique_picture.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}


/*--------------------------------------------------------------
Quotes
---------------------------------------------------------------*/

h2.heading-quotes {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/9I6ltjc9f/younique_quote.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}


/*--------------------------------------------------------------
Text
---------------------------------------------------------------*/

h2.heading-text {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/St3ltjc9x/younique_text.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}

/*--------------------------------------------------------------
Video
---------------------------------------------------------------*/

h2.heading-video {
	margin:5px auto;
	width:74px;
	height:74px;
	background-image: url("http://static.tumblr.com/xkbim5e/mqTltjcae/younique_video.png");
	background-size:100%;
	text-indent: -999999px;
	overflow:hidden;
}



/* 13 CONTENTINFO 	============================================================================= */

footer {
	margin: 0px auto;
	padding: 0px auto;
	width:100%;
}

footer p {
	font-size: .75em;
	color: #A59D89;
	text-align: center;
}

/* 14 GLOBAL OBJECTS ============================================================================= */

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* 15 VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/* Non-semantic helper classes 

.ir { display : block; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
text-indent : -999em; 
direction : ltr; }

.ir br { 
display : none; }

.hidden { 
display : none; 
visibility: hidden; }

.visuallyhidden { 
position : absolute;
margin : -1px;
padding : 0;
height  : 1px;
width : 1px;
overflow : hidden;
border : 0; 
clip : rect(0 0 0 0); }

.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { 
position: static;
margin : 0; 
height : auto; 
width : auto;
overflow: visible; 
clip : auto; }

.invisible { 
visibility : hidden; } */

/* 16 MODERNIZR ============================================================================= */

/* audio */
/* applicationcache */
/* backgroundsize */
/* borderimage */
/* borderradius */
/* boxshadow */
/* canvas */
/* canvastext */
/* cssanimations */
/* csscolumns */
/* cssgradients */
/* cssreflections*/
/* csstransforms */
/* csstransforms3d */
/* csstransitions */
/* draganddrop */
/* flexbox */
/* fontface */
/* geolocation */
/* hashchange */
/* history */
/* hsla */
/* indexeddb */
/* inlinesvg */
/* localstorage */
/* multiplebgs */
/* opacity */
/* postmessage */
/* rgba */
/* sessionstorage */
/* smil */
/* svg */
/* svgclippaths */
/* textshadow */
/* touch */
/* video */
/* webgl */
/* websqldatabase */
/* websockets */
/* webworkers */

/* 17 TEMPLATE SPECIFICS ============================================================================= */

/* 18 MEDIA QUERIES ============================================================================= */

/* Print */
@media print {

/* 1 ROOT ============================================================================= */

* { 
background : transparent !important; 
color : black !important; 
text-shadow : none !important; 
filter : none !important; 
-ms-filter : none !important; }

@page { 
margin : 0.5cm; }

/* 2 HEADINGS ============================================================================= */

h2, h3 { 
orphans : 3; 
widows : 3; 
page-break-after : avoid; }

/* 3 TYPOGRAPHY ============================================================================= */

p { 
orphans : 3; 
widows : 3; }

pre, blockquote { 
border : 1px solid #999; 
page-break-inside : avoid; }

abbr[title]:after { 
content : " (" attr(title) ")"; }

/* 4 LINKS ============================================================================= */

a, a:visited { 
color : #444 !important; 
}

a[href]:after { 
content : " (" attr(href) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { 
content : ""; } 

/* 5 FIGURES & IMAGES ============================================================================= */

img { 
max-width : 90% !important;
page-break-inside : avoid; }

/* 6 TABLES ============================================================================= */

thead { 
display : table-header-group; } 

tr { 
page-break-inside : avoid; }

/* 7 FORMS ============================================================================= */
/* 8 BANNER ============================================================================= */
/* 9 NAVIGATION ============================================================================= */
/* 10 CONTENT ============================================================================= */
/* 11 MAIN ============================================================================= */
/* 12 COMPLEMENTARY ============================================================================= */
/* 13 CONTENTINFO ============================================================================= */
/* 14 GLOBAL OBJECTS ============================================================================= */

.ir a:after { 
content : ""; } 

/* 15 VENDOR-SPECIFIC ============================================================================= */
/* 16 MODERNIZR ============================================================================= */
/* 17 TEMPLATE SPECIFICS ============================================================================= */

}