/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/





/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {padding: 24px 0;-webkit-text-size-adjust: 100%;
}
.wrapper {width: 975px; background: #fff; margin: 0 auto;}
#container {padding: 30px 0 25px;}
.logo {width: 290px; height: 128px; padding: 18px 0 12px 30px; overflow: hidden; float: left;}
.site-description {width: 290px; height: 111px; padding: 35px 30px 0; float: left; overflow: hidden;}
.header {height: 158px; overflow: hidden; padding-right: 30px;}
.search {width: 145px; margin-top: 28px; float: right;}
.search fieldset {width: 145px;}
.search input {width: 105px;}
.menu {width: 100px; padding-right: 30px; float: right;}
.menu ul {margin-top: 25px;}
.menu li {margin: 6px 0;}
.dd {height: 48px;}
.dd li a {padding-top: 18px;}
.dd li {font-size:13px;}
.nav {margin-top:0px;}
.content-title {padding: 0 0 15px 30px;border-top: 0px solid #d9d9d9;}
.entry {margin-bottom: 0px;}
.fbhome {padding:20px 0 0 30px;}
.fbhome2 {padding:0px 0 0 30px;max-width:560px;}
.fbhomesize {width:500px;border:none; overflow:hidden;height:27px;}
.footersocial {padding-left:30px;margin-top:20px;}
.kgflag {float:right;margin-right:20px;margin-top:-30px}
.floatleft1 {float:left}
.floatleft2 {float:left}

/*** Slideshow ***/

#slideshow, .slideshow {height: 290px; width: 975px;}
.slide {height: 290px; width: 975px;}
.slide img {width: 640px; height: 290px;}

.sidebar {width: 275px; padding: 0px 30px 0 0; float: right;}
.socialright {margin-top:-25px;float:right;display:block}
.contactright {margin:0 0 25px 0;font-size: 16px;line-height:17px;text-align:left;float:right;background-image:url(http://www.studentstan.com/wp-content/uploads/2013/06/contact1.jpg);background-position:left bottom;background-repeat:no-repeat;width:156px;height:78px}

#content {width: 640px; float: left;}
.list .post {padding: 30px 0 0 30px;}
.list .post .thumb img {margin: 0 30px 30px 0;float: left; width: 290px; height: 290px;}
.footer {height: 60px;}
.credits {float: right;margin-top:0px;padding-bottom:0px;}

.post-navigation {width: 610px; padding: 15px 0 0 30px;}
.post-prev {width: 250px; min-height: 40px; padding-left: 30px;}
.post-next {width: 250px; min-height: 40px; padding-right: 30px;}
.line {right: 305px;}

.post-content img {margin: 0 0 15px; height: auto; max-width: 610px;}
.entry .post-content {padding: 0 0 0 30px;}
.entry .post-meta {padding: 0px 0 0 30px;}
.post-content blockquote {padding: 15px 0 10px 65px; background: url("images/bq.png") 20px 0 no-repeat;}
.post-content {color: #262626; font: 16px/1.4 Arial, Helvetica, sans-serif;}
.post-content li {color: #262626; font: 16px/1.4 Arial, Helvetica, sans-serif; margin: 3px 0;}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {padding: 0px 0;
	}
.wrapper {width: 768px;}
#container {padding: 20px 0 15px;}
.site-description {width: 100px; height: auto; padding: 25px 15px 0; float: left; overflow: hidden;}
.header {height: 198px;}
.content-title {padding: 15px 0 15px 30px}

/*** Slideshow ***/

#slideshow, .slideshow {height: 228px; width: 768px;}
.slide {height: 228px; width: 768px;}
.slide img {width: 503px; height: 228px;}
.slide .post-category {font-size: 11px; color: #fff; text-transform: uppercase; margin-bottom: 15px;}

.dd li.parent a {margin: 0 8px; padding-right: 0px; background: none;}
.dd li.parent a.dd_hover {color: #fff; background: none; margin: 0 8px; padding-right: 0px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.dd li {font-size:11px;}

.sidebar {float: left;padding: 0px 0 0 30px;}
.socialright {display:none}
.contactright {float:none;margin:-16px 0 15px 0;}
.widget_getconnected .widget-body div {width: 100%; float: none;margin-left:0}
.kgflag {float:left;margin-top:-40px}


}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {padding: 0px 0;
	}
.wrapper {width: 320px;}
#container {padding: 10px 0 15px;}
.logo {width: 290px; height: 128px; padding: 0px 0 0px 13px; overflow: hidden; float: left;}
.site-description {width: 300px; height: auto; padding: 0px 10px 10px; float: left; overflow: hidden;}
.header {height: auto; overflow: hidden; padding-right: 0px;}
.search {width: 300px; float: none; margin:0 auto;}
.search fieldset {width: 300px;}
.search input {width: 255px;}
.menu {width: 300px; padding-right: 30px; padding-left: 20px; float: left;}
.menu ul {margin-top: 15px;}
.menu li {margin: 10px 0;}
.dd {height: 96px;}
.dd li a {padding-top: 10px;}
.nav {margin-top:7px;width:320px;}
.content-title {padding: 20px 0 15px 15px;border-top: 0px solid #d9d9d9;margin-top:10px;}
.entry {margin-bottom: 0px;}
.kgflag {float:left;margin-left:25px;margin-top:-40px}
.floatleft1 {float:none}
.floatleft2 {float:none;margin-top:10px}

/*** Slideshow ***/

#slideshow, .slideshow {display:none;}

#content {width: 300px; float: none;}
.list .post {padding: 20px 0 0 15px;}
.footer {height: 70px;}
.credits {float: none;margin-top:10px;padding-bottom:10px;}
p.copyright {float: none}

.post-navigation {width: 300px; padding: 15px 0 0 10px;}
.post-prev {width: 100px; min-height: 40px; padding-left: 30px;}
.post-next {width: 100px; min-height: 40px; padding-right: 30px;}
.line {right: 150px;}

.post-content img {margin: 0 0 10px; height: auto; max-width: 270px;}
.entry .post-content {padding: 0 0 0 10px;}
.entry .post-meta {padding: 0 0 0 15px;}
.post-content blockquote {padding: 15px 0 10px 45px; background: url("images/bq2.png") 20px 0 no-repeat;}

.dd li.parent a {margin: 0 8px; padding-right: 0px; background: none;}
.dd li.parent a.dd_hover {color: #fff; background: none; margin: 0 8px; padding-right: 0px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.dd li {font-size:13px;}

.fbhome {padding:15px 0 0 15px;}
.fbhome2 {padding:15px 0 0 15px;clear:both;}
.fbhomesize {width:220px;border:none; overflow:hidden;height:27px;}
.footersocial {padding-left:20px;margin-top:30px;}

.sidebar {width: 275px; padding: 0px 30px 0 0; float: none;}
.widget_getconnected .widget-body div {width: 100%; float: none;margin-left:25px}
.socialright {display:none}
.contactright {float:none;;margin:-26px 0 15px 25px}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
	}
.fbhomesize {width:380px;border:none; overflow:hidden;height:27px;}
.floatleft1 {float:none}
.floatleft2 {float:none;margin-top:10px}

.wrapper {width: 480px;}
#container {padding: 10px 0 15px;}
#content {width: 460px; float: none;}
p.copyright {margin-right:20px;}
.list .post .thumb img {margin: 0 20px 20px 0;float: left; width: 200px; height: 200px;}
.logo {width: 290px; height: 128px; padding: 0px 0 0px 0px; overflow: hidden; float: none;margin:0 auto}
.site-description {width: 460px; height: auto; padding: 0px 10px 10px; float: left; overflow: hidden;}
.menu {width: 200px; padding-right: 30px; padding-left: 20px; float: left;}
.menu ul {margin-top: 0px;}
.menu li {margin: 10px 0;}
.content-title {padding: 20px 0 15px 15px;border-top: 0px solid #d9d9d9;margin-top:0px;}

.dd {height: 64px;}
.nav {width:480px;}

.post-navigation {width: 460px; padding: 15px 0 0 10px;}
.post-prev {width: 160px; min-height: 40px; padding-left: 30px;}
.post-next {width: 160px; min-height: 40px; padding-right: 30px;}
.line {right: 240px;}

.post-content img {margin: 0 0 10px; height: auto; max-width: 425px;}
.entry .post-content {padding: 0 0 0 20px;}

}