/**
 * Tinynav css
 *
 * Note: 
 *
 * @file           style.css
 * @package        TinyNav
 * @author         Beee
 * @copyright      2012
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource     wp-content/plugins/tinynav/style.css
 * @since          available since Release 0.1
 */

/* = CSS for admin
-------------------------------------------------------------- */
.admin_left, .admin_right {
	padding: 5px;
	border: 1px solid #cccccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
}

.admin_left {
	float: left;
	width: 60%;
}

.admin_right {
	float: right;
	width: 30%;
}

.admin_left h3,
.admin_right h3 {
	margin: 0 0 5px 0;
}

.hidden {
	display: none;
}

hr {
	background: #CCCCCC;
	width: 100%;
	height: 1px;
	border: 0;
	margin-bottom: 10px;
}

/* =Responsive Menu (Tinynav.js)
-------------------------------------------------------------- */

/* Remove tinynav menu untill screen size is max 980 */
.tinynav { 
    display: none;
}

/* =Media
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

}

@media screen and (max-width: 650px) {

		/**
		 * When a screen is max 650 pixels, we hide the 'regular' menu 
		 * because we want to show our new menu
		 */
		ul.menu {
			display: none;
		}
		
		/* Here we show our new menu menu */
		.tinynav { 
		  display: block;
			margin: 10px auto;
			width: 100%;
		}

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {

}