/*
Theme Name:     Yasmin Child
Theme URI:      http://www.humantraffickingcollaborative.org
Description:    Child theme for the Yasmin theme 
Author:         Caroline Joy
Author URI:     http://www.humantraffickingcollaborative.org
Template:       Yasmin
Version:        0.1.0
*/

@import url("../Yasmin/responsive-style.css");

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */



/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container { width: 768px; }
		.container .seven.columns { width: 400px; margin:0 auto; }
		#blogname { float: left; margin: 0 auto; text-align:center; }
		.container .nine.columns { width: 300px; }

		#subnav li a {
			padding: 0px 25px 10px !important;
		}
		
		#search {
			float: right;
    		margin: 20px 0 0 0;
			width: 200px;
		}
		#s {
			margin: 0;
			padding: 5px;
			width: 120px;
		}
		#bottom ul {
			top:-760px;
			right:5px; 
		}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
		#blogname { text-align:center; margin: 6px 10px 10px 10px !important; }
        .columns, .column { margin: 0 10px; }
ul.social {
    float: none !important;
    margin: 0 !important;
}
ul.social li {
    float: none !important;
    margin-left: 10px !important;
    display: inline-block !important;
}
#head-logo-right {
	float:none;
	display:block;
	margin:10px auto;
	width:173px;
}
#topbar {
	height:110px;
}

		#search {
			float: right;
    		margin: 20px 0 0 0;
			width: 200px;
		}

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 280px; }

        /* Offsets */
        
       /* Float menu left now*/
       
       .menu ul {float:left;}
		#bottom ul {
			top:-860px;
			right:-55px; 
		}
    }
	@media only screen and (max-width: 479px) {
		#bottom ul {
			top:-940px;
			right:-55px; 
		}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
		.container .seven.columns { width: 420px; margin:0 auto; }
		#blogname { float: none; text-align:center; margin: 6px 10px 10px 10px !important; }

        
        /* Float menu left now*/
       
       .menu ul {float:left;}

		#search {
			float: right;
    		margin: 20px 0 0 0;
			width: 260px !important;
		}
		#s {
			margin: 0;
			padding: 5px;
			width: 190px !important;
		}

		.footer_column_left {
			text-align: center;
			width: 90%;
			margin-left: 3%;
			margin-bottom: 5%;
		}
		
		.footer_column_right {
			text-align: center;
			width: 90%;
			margin-left: 3%;
		}
	   }

@media only screen and (max-width: 640px) {
	#footer-container {
		padding-top: 1.0em;
	}

	.footer_column_left {
		text-align: center;
		width: 90%;
		margin-left: 3%;
		margin-bottom: 5%;
	}
	
	.footer_column_right {
		text-align: center;
		width: 90%;
		margin-left: 3%;
	}

	#search {
		float: right;
		margin: 20px 0 0 0;
		width: 200px !important;
	}
	#s {
		margin: 0;
		padding: 5px;
		width: 120px !important;
	}

}

/* #Clearing
================================================== */