/* queries for ipad/tabletpc  portrait and landsscape */
@media only screen and (max-width: 1024px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* headings
---------------------------------------- */
h1 { font-size: 50px; line-height: 58px; }
h2 { font-size: 35px; line-height: 43px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 16px; line-height: 19px; }
h6 { font-size: 14px; line-height: 17px; }


/* forms
---------------------------------------- */
input[type=text], input[type=password] { width: 180px; }		/* padding issue (200   2*5 = 210) */
textarea { width: 290px; height: 150px; max-width: 100%; }		/* padding issue (320   2*5 = 330) */

/*---------------------------------------------- 
general id's or classes
------------------------------------------------*/
.wrapper { width: 690px; }
#sidebar { width: 180px; }
#maincontent { width: 480px; }

/*---------------------------------------------- 
top
------------------------------------------------*/
#top .latest_tweet { width: 450px;}
	
/*---------------------------------------------- 
entries
------------------------------------------------*/
.entry { width: 330px; }

/*---------------------------------------------- 
comments
------------------------------------------------*/
#comments .comment .comment { padding-left: 30px; }

	
/*---------------------------------------------- 
columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 300px; }
.one_third { width: 190px; }
.two_third { width: 410px; }

#bottom .one_half  { width: 330px; }
#bottom .one_third { width: 210px; }
#bottom .two_third { width: 450px; }

#entry-single .one_half  { width: 195px; }
#entry-single .one_third { width: 120px; }
#entry-single .two_third { width: 270px; }

.last {	margin-right: 0px; }



}


/* queries for ihone/smartphones */
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {

/* headings
---------------------------------------- */
h1 { font-size: 44px; line-height: 46px; }
h2 { font-size: 26px; line-height: 34px; }
h3 { font-size: 20px; line-height: 26px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 16px; line-height: 19px; }
h6 { font-size: 14px; line-height: 17px; }

/* forms
---------------------------------------- */
input[type=text], input[type=password] { width: 230px;  max-width: 100%; }		/* padding issue (250   2*5 = 260) */
textarea { width: 230px; height: 150px; max-width: 100%; }		/* padding issue (250   2*5 = 260) */

/*---------------------------------------------- 
general id's or classes
------------------------------------------------*/
.wrapper { width: 300px; float: none; }		/* visuel width = 280 */
#sidebar { width: 240px; padding: 60px 30px 30px 30px; float: none; margin-bottom: 30px;}
#maincontent { width: 300px; }


/*---------------------------------------------- 
header
------------------------------------------------*/
header #logo { float: none; text-align: center; }
header #logo a { margin: 0 auto; display: inline-block; }

/*---------------------------------------------- 
footer
------------------------------------------------*/
footer .left_float, footer .right_float { float: none; }

/*---------------------------------------------- 
nav
------------------------------------------------*/
nav, #nav { width: 100%; margin: 30px 0 0 0; float: none; }
nav ul li, #nav nav ul li { float: none; width: 100%; margin: 0; text-align:center; line-height: 30px; }

		
/*---------------------------------------------- 
top
------------------------------------------------*/
#top { text-align: center; height: 30px; }
#top .widget { display: none; }
#top .socialmedia { padding-left: 0px;  }


/*---------------------------------------------- 
bottom
------------------------------------------------*/
#bottom { position:absolute; }
#bottom .bottom_inner {	padding: 25px 0 30px 0; }

/*---------------------------------------------- 
pagecontent
------------------------------------------------*/
.pageloader_inner {	background: #fff;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;	border-bottom: 1px solid #e0e0e0;
	}

/*---------------------------------------------- 
article
------------------------------------------------*/
article, #article {	background: none;	box-shadow:  none;	-moz-box-shadow:  none;	-webkit-box-shadow:  none;	border-bottom: none;	}
		
/*---------------------------------------------- 
entries
------------------------------------------------*/
.entry { width: 300px; }

/*---------------------------------------------- 
comments
------------------------------------------------*/
#comments .comment .comment { padding-left: 15px; }

/*---------------------------------------------- 
social media widget
------------------------------------------------*/
.socialmedia { float: none; width: 100%; padding-left: 0px; text-align: center; }
.socialmedia a { display: inline-block; float: none; width: 30px; height: 30px; margin-left: -4px; background-position: -5px -5px;}
.socialmedia a:hover { background-position: -5px -45px; }	
	
	
/*---------------------------------------------- 
columns
------------------------------------------------*/
.columnsection { margin: 0; padding: 0; margin-bottom: 60px;}
.column { float: none; margin:0; padding:0; padding-top: 60px; }
div .column:first-child { padding: 0; }
.one_full { width: 240px; }
.one_half  { width: 240px; }
.one_third { width: 240px; }
.two_third { width: 240px; }

#bottom .one_half  { width: 300px; }
#bottom .one_third { width: 300px; }
#bottom .two_third { width: 300px; }

#entry-single .one_half  { width: 240px; }
#entry-single .one_third { width: 240px; }
#entry-single .two_third { width: 240px; }

.last {	margin-right: 0px; }


}