/*MIN-WIDTH : 1025 PIXELS --------------------------------------- */

@media screen and (min-width:1025px) {
#container {
width: 660px;
}



#title_wrapper {
	width: 328px;
	margin-bottom: 30px;

}
#dropdown {
	width: 330px;
	margin-bottom: 30px;

}


#dropdown ul li a {
	font-size: 13px;
	font-weight: 700;
	width: 108px;
	}
	
#intro_wrapper {
	margin-bottom: 30px;
}

#footer_wrapper {
	margin-top: 20px;
}

#byline_wrapper {
	margin-top: 20px;
}
	
.title {
	font-size: 13px;
	font-weight: 700;
}

body {
font-size: 12px;
font-weight: 500;
}


}



/*MAX-WIDTH : 1024 PIXELS (ipad landscape)--------------------------------------- */
@media screen and (max-width:1024px) {
#container {
width: 540px;
}



#title_wrapper {
	width: 268px;
	margin-bottom: 20px;

}

#dropdown {
	width: 270px;
	margin-bottom: 20px;

}

#dropdown ul li a {
	font-size: 12px;
	font-weight: 600;
	width: 88px;
	}

#intro_wrapper {
	margin-bottom: 20px;
}

#footer_wrapper {
	margin-top: 15px;
}

#byline_wrapper {
	margin-top: 15px;
}
	
.title {
	font-size: 12px;
	font-weight: 600;
}

body {
font-size: 11px;
font-weight: 500;
}

}









/*MAX-WIDTH : 320 PIXELS (iphone portrait)--------------------------------------- */
@media screen and (max-width:320px) {

#container {
width: 300px;
}

#title_wrapper {
	width: 148px;
	margin-bottom: 10px;
}

#dropdown {
	width: 150px;
	margin-bottom: 10px;

}

#dropdown ul li a {
	font-size: 9px;
	font-weight: 400;
	width: 48px;
	}

#footer_wrapper {
	margin-top: 10px;
}	
#byline_wrapper {
	margin-top: 10px;
}
.title {
	font-size: 9px;
	font-weight: 400;
}

body {
font-size: 10px;
font-weight: 300;
}

}