/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		background: #81735d;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
	}
	
    header {
        background: url(../images/header-bg.jpg) repeat-x center top;
        height: 226px;
    }
    .mainheader {
        position: relative;
        z-index: 999;
    }
    header .fourcol.hdrleft {
        float: left;
        width: 28.75%;
        padding: 0.8% 2%;
        text-align: left;
        color: #FFDA99;
        position: relative;
        top: 40px;
        background: url(../images/recomended-college-bg.png) repeat center top;
        
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }
    header .fourcol.hdrright {
        float: right;
        width: 28.75%;
        padding: 0.8% 2%;
        text-align: left;
        color: #FFDA99;
        position: relative;
        top: 40px;
        background: url(../images/more-collegegirls-bg.png) repeat center top;
        
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }
    header .fourcol .lists {
        line-height: 16px;
    }
    header .fourcol.hdrleft a, header .fourcol.hdrright a{
        color: #fff;
        text-decoration: underline;
        line-height: 16px;
    }
    header .fourcol.hdrleft a:hover, header .fourcol.hdrright a:hover{
        text-decoration: none;
    }
    header .fourcol.hdrleft h3, header .fourcol.hdrright h3 {
        color: #fff;
        margin-bottom: 8px;
    }
    .toplist {
        position: relative;
        top: -252px;
    }
    .naviwrap {
        background: #230909 url(../images/navimainbg.png) repeat-x center top;
        height: 38px;
        margin-bottom: 30px;
        border-top: 2px solid #a71717;
        border-bottom: 2px solid #81735d;
        position: relative;
        z-index: 5;
        width: 100%;
    }
    nav > ul {
        float: left;
    }
    nav > ul > li {
        display: inline;
        position: relative;
    }
    nav > ul > li > a, nav > ul > li > a:link {
        display: inline-block;
        padding: 0.9% 2.8%;
        font-size: 13px;
        color: #fff;
        text-decoration: none;
        border-left:1px solid #3f1111;
        border-right:1px solid #3a1010;
        margin-right: -3px;
    }

    nav > ul > li:hover > a, nav > ul > li > a:hover, nav > ul > li > a.active {
        background: url(../images/navihover.png) repeat-x center top;
    }
	ul.submenu {
		background: #2A0B0B;
		position: absolute;
		top: 25px;
		left: 0;
		min-width: 150px;
		display: none;
	}
	ul.submenu li {
		list-style: none;
	}
	ul.submenu li a {
		display: block;
		padding: 1px;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid #441010;
		font-size: 8px;
	}
    ul.submenu li a:hover {
		background: #3a1010;
		text-decoration: none;
	}
	nav > ul > li:hover ul.submenu{
		display: block;
	}
    
    .banner.left {
        position: absolute;
        top: 0;
        left: -155px;
    }
    .banner.right {
        position: absolute;
        top: 0;
        right: -155px;
    }
    .searchwrap {
        float: right;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -o-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        height: 26px;
        margin-top: 5px;
        background: #fff;
        width: 22%;
        overflow: hidden;
    }
    .searchwrap input {
        border: medium none;
        margin: 0;
        padding: 5px;
        width: 75%;
        outline: none;
    }
    .searchwrap button {
        width: 36px;
        height: 26px;
        background: url(../images/search-bg.png) no-repeat center center;
        border: none;
        text-indent: -999px;
        cursor: pointer;
        float: right;
        margin-right: -3px;
    }
    .row.topsection {
        margin-bottom: 50px;
    }
    .row.topsection .twocol {
        width: 15.77%;
        margin-right: 1%;
    }
    
    .row.topsection .twocol img {
        width: 100%;
    }
    
    .row.topsection .twocol img,  .thumbwrap .container> .threecol img, .gallerywrap .container> .threecol img  {
        border: 2px solid #fff;
    }
    
    .row.topsection .twocol img:hover,  .thumbwrap .container> .threecol img:hover, .gallerywrap .container> .threecol img:hover  {
        border: 2px solid #cc3333;
    }
    
    .thumbwrap {
        background: #dbc8a6;
        margin-top: 30px;
        margin-bottom: 80px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
    }
    .gallerywrap {
        background: #dbc8a6;
        margin-bottom: 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
    }
	.gallerywrap a {
		color: #4b1414;
	}
	
	.gallerywrap a:hover {
		color: #F00;
	}
    .thumbwrap .container {
        margin-bottom: -20px;
        overflow: hidden;
        padding: 20px 20px 0;
        position: relative;
        z-index: 1;
    }
    .galleryview .gallerywrap .container, .thumbwrap.morefree .container{
        margin-bottom: 0;
        overflow: hidden;
        padding: 20px;
        position: relative;
        z-index: 1;
    }
    .thumbwrap.morefree {
        margin-bottom: 20px;
    }
    .galleryview .gallerywrap .twelvecol {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .thumbwrap .container > .threecol {
        width: 19.2%;
        margin-right: 1%;
    }
    .gallerywrap .container > .threecol  {
        width: 24.2%;
        margin-right: 1%;
    }
    .thumbwrap .container> .threecol img, .gallerywrap .container> .threecol img {
        width: 100%;
    }

    .pclip {
        background: url(../images/paper-clip.png) no-repeat center center;
        position: absolute;
        width: 196px;
        height: 213px;
        left: -20px;
        top: -20px;
        z-index: 0;
    }
    
    .titlebox {
        left: 160px;
        position: absolute;
        top: -27px;
        z-index: 2;
    }
    
    .thumbwrap .bottoms {
        background: url(../images/bottom-bg.png) no-repeat left top;
        bottom: -35px;
        height: 33px;
        position: relative;
        padding-top: 12px;
    }
    .thumbwrap .bottoms > a {
        color: #FFFFFF;
        font-size: 14px;
        text-decoration: none;
        font-weight: bold;
        margin-right: 17px;
        padding: 10px 9px;
    }
    .thumbwrap .bottoms > a:hover {
        text-decoration: underline;
    }
    .thumbwrap .bottoms > a.bookmark {
        color: #980404;
        padding: 10px 7px;
    }
    .bannerboxes {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    .bannertitle {
        background: url(../images/bannertitlebg.png) no-repeat right top;
        height: 33px;
        padding: 4px 20px 0px 10px
    }
    
    .bannerboxes .wrap {
        background: #a4957d;
        padding: 15px;
        color: #FFDA99;
        -moz-border-radius: 0 8px 0 0;
        -webkit-border-radius: 0 8px 0 0;
        -o-border-radius: 0 8px 0 0;
        border-radius: 0 8px 0 0;
        overflow: hidden;
    }
    .bannerboxes .wrap > div {
        background: #222222;
        overflow: hidden;
        padding: 10px;
    }
    .bannerboxes .wrap a {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }
    .bannerboxes .wrap a:hover {
        color: #ff0000;
        text-decoration: underline;
    }
    .bannerboxes .wrap ul {
        list-style: none;
        line-height: normal;
    }
    
    .textlinkwrap {
        overflow: hidden;
        background: #5f4d32;
        padding: 10px;
        color: #ffda99;
    }
    .textlinkwrap a {
        font-weight: bold;
        color: #ffda99;
        text-decoration: none;
    }
    .textlinkwrap a:hover {
        text-decoration: underline;
    }
    
    footer {
        color: #FFDA99;
        font-size: 11px;
    }
    footer p {
        margin-bottom: 15px;
    }
    
    footer a {
        color: #fff;
    }
    footer a:hover {
        text-decoration: none;
    }
    nav select {
        display: none;
      }
    .row.thumbwrap.morefree {
        width: 98%;
        max-width: 1400px;
    }
    .row.thumbwrap.morefree .container > .threecol {
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 13.2%;
    }
	#freevideo {
	width:704px;
	height:436px;
	border: 2px solid #fff;
	margin-bottom:7px;
	}
/* ============================= */
/* ! Additional Style   */
/* ============================= */ 
@media handheld, only screen and (max-width: 1280px) {
    .banner.left,
    .banner.right {
        display: none;
    }
    nav ul li a {
        font-size: 13px;   
    }
    
}
@media handheld, only screen and (max-width: 1024px) {
    .toplist {
        display: none
    }
    nav ul li a {
        font-size: 12px;
        padding: 0.9% 1.2%;
    }
    .searchwrap input {
        width: 70%;
    }
    
}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
    nav ul     { display: none; }
    nav select {
        display: inline-block;
        width: 60%;
        margin: 3px 10px;
        padding: 4px;
        font-size: 17px;
    }
    .searchwrap {
        width: 33%;
    }
    .searchwrap input {
        width: 70%;
    }
    .row.topsection .twocol {
        width: 41%;
        margin-right: 1%;
        float: left;
    }
    .thumbwrap .container {
        padding-left: 0;
        padding-right: 0;
    }
    .thumbwrap .container > .threecol, .gallerywrap .container > .threecol {
        width: 41%;
        margin-right: 1% !important;
        float: left;
        text-align: center;
    }
    .bannerboxes .wrap ul.fourcol{
        width: 25%;
        float: left;
    }
    .thumbwrap .container, .galleryview .gallerywrap .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media handheld, only screen and (max-width: 600px) {
    .row.topsection .twocol {
        width: 97%;
        margin-right: 0;
        float: none;
    }
    .thumbwrap.morefree .container {
        margin: 0;
    }
    
    .thumbwrap .container > .threecol, .gallerywrap .container > .threecol {
        width: 97%;
        margin: 0% !important;
        float: none;
        padding: 0;
    }
    .bannerboxes .wrap ul.fourcol{
        width: 97%;
        float: none;
    }
    .row.topsection .twocol img, .thumbwrap .container > .threecol img {
        width: 90%;
    }
    .titlebox {
        left: 0;
    }
    .thumbwrap .bottoms {
        background: none;
        text-align: center;
        bottom: -45px;
    }
    .thumbwrap .bottoms a, .thumbwrap .bottoms > a.bookmark{
        display: inline-block;
        margin-bottom: 10px;
        padding: 10px;
        background: #5F4D32;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        color: #FFDA99;
    }
    .thumbwrap {
        margin-bottom: 120px;
    }
    footer {
        padding-top: 60px;
    }
    .bannerboxes {
        margin-bottom: 60px;
    }
    
    .naviwrap {
        height: 88px;
    }
    nav select {
        width: 94%;
    }
    .searchwrap {
        float: none;
        width: 95%;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .searchwrap input {
        width: 75%;
    }
    
    
}
@media handheld, only screen and (max-width: 480px) {
    header {
        height: 126px;
    }
}
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}