/* ----------------------------------------------------------------------- *\
   Clip Boxes
\* ----------------------------------------------------------------------- */

#clip-boxes {
	padding: 0 5px; /* left margin for clips */
}
#clip-boxes li  {
	vertical-align: middle;
	display: inline-block;
	margin: 15px 1px; /* 1st= top separ between boxes, 2nd= horiz separ between boxes */
	width: 322px;
	height:300px;
	padding: 3px; /* white border around the thumb */
	font: 13px 'Century Gothic',sans-serif;
	text-align: justify;
	line-height:1.15;
	background: #fff;
}
#clip-boxes li img  {
	width: 320px;
	height: 180px;
	display: block;
	border-width: 1px;
    border-color: #9f9f9f;
    border-style: solid;
}
#clip-boxes .clip-details  {
	margin-top: 0px; /* separ betw img & left clip details */
	margin-bottom: 7px; /* separ betw clip details and descript */
	font-size: 14px;
	text-shadow: #c3a7c6 1px 1px 1px;   /* direction: (-)left - direct top - diffusion size */	
	color: #ce43dc;
}
#clip-boxes name {
	float: left;
	margin-top: 2px;
	line-height: 1.25;
	font-size: 18px;
}
#clip-boxes name span {
	font-size: 14px;
}
#clip-boxes li p {
    display: inline-block;
    border: #e8e1ef 3px solid;
	background-color: #e8e1ef;
    width: 316px;
    height: 62px;
    overflow: hidden;
}
#clip-boxes time {
	margin-top: 6px; /* right clip details separ with image */
	float: right;
	line-height: 1.35;
	text-align: right;
}


/* ----------------------------------------------------------------------- *\
   Search page config
\* ----------------------------------------------------------------------- */

body {
margin:0;
padding:0;
  
}

input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    color: #888;
}

input:-moz-placeholder {
    color: #888;
}
.wrapper{
	width:1180px;
	margin:0 auto;}
.search {
    background: url("../design/tr14/search_background.png") no-repeat scroll 0 0 transparent;
    height: 202px;
    width: 1180px;
}
.search-top{
	width:1180px;
	height:150px;
	float:left;
}
.bgshow{
	float:left;
	width:205px;
	height:30px;
	background:url(../design/tr14/search_slider_12.png) no-repeat;
	padding:0px;
	margin:55px 0px 0px 130px;
	}
ul.show{
	float:left;
	margin:0px 14px 14px 51px;
	padding:0;
	}
ul.show li{
	float:left;
	list-style:none;
	margin-left:10px;
	
	}

ul.show li a{
	float:left;
	display:block;
	width:20px;
	height:31px;
	}
ul.show li a.active{
	float:left;
	display:block;
	background:url(../design/tr14/search_slider_24.png)  bottom no-repeat;
	width:19px;
	height:31px;
	margin:0;
	padding:0;
	}
.search-form {
	float:left;
    position: relative;
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    *display: inline;
	margin: 55px 100px 0 0;    
}
ul.sortby{
    float: left;
    margin-left: 260px;
    margin-top: 15px;
    width: 880px;
	}
ul.sortby li{
	float:left;
	list-style:none;
	margin-right:30px;

	}
ul.sortby li a{
	float:left;
	display:block;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	padding-right:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
ul.sortby li a.active{
	background:url(../design/tr14/icon-arrow.png) right no-repeat;
	}
.search-form.frame {
    padding: 7px;
    border: 1px solid #222;
    background-color: #3c3c3c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#1b1b1b)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #3c3c3c, #1b1b1b); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #3c3c3c, #1b1b1b); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #3c3c3c, #1b1b1b); /* IE10 */
    background-image:      -o-linear-gradient(top, #3c3c3c, #1b1b1b); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #3c3c3c, #1b1b1b);
    -moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow:         0 1px 2px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
	  float: right;  
}

.search-input {
    width: 196px;
    /*height: 20px;*/
    padding: 7px 10px 8px 35px !important;
    font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #ccc;
    outline: none;
    position: relative;
    background-color: #4c4c4c;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC6klEQVQ4EY1TXUhaYRg+HrVjuiQRcv6kzZ8pLoNBDAaSddcP2iAq2MWgLtZoG2wwVlcjaHgzxi666WoU24UQdNHYhSzqrggGW84FQ0st5/xtJVb+nrPnk054uQ8O7+f3vu/zPO+PAo7jqMsjWFlZUWg0mlvNzc0GkUjEsCxbOz8/T2Sz2WCpVEqNjo7W+GDeishFIBBI7Xb7XbfbPSOVSp0dHR2MXC6nkczt7e2Vg8FgwO/3vx0bG/sMwgKfzFu6v7/f4/P5QplMhq3VatzJyQl3eHhYzeVyXLlc5o6Pj9n19fXfIHhB+Ihq/hNB8s2BgYE3Q0NDJigRLC8v/93a2noP5q86nU7rdDofjYyMmF0ul+b09PRVLBb7BZBPPDuF5JdgY4nc+fn5sNFodPLoxGq1Wt3s7Kw/mUxWK5UKNz09/QXJDB9Deb3eH0TmxsZGyeFwDPOORmuz2VzowT4pb3V1Na5SqW7wfrq1tdVGfgQCgcTR0dH3K2kNl1QqFdnZ2YkWi0WiSGY2mx28mxYKhSICABVCfBXe0WjRGhY+lrzROIiX8n4aHU8AhLJYLEqTyWTmHY1WJpOpu7q61AzDUJjIGXbiSikdDod96XSa6+3tlWJRZtRqtR2MQh7AYDAYx8fHH3R3d1tATmFCmUgkkuD9QnQ219bWdg8M16xWqwn3OwCwLi4uXl9aWhrGeJ9PTEy49Xo9g3eigIpGo9nJycmfc3NzVQIk7uvre4gu58iYyDgRUNnd3c2HQqFiPp+vv21ubtYX7OLigltbW0sODg4+Ri5DGlgB8gfsvSQejz/p6enRK5VKRqFQtJDmgrG6vb39B7tSQY/07e3tImyuSiwWv0Njm+prSWQAhMZ4bmBM97GBtwEgQbNKAI0dHBx8hD+PpfNOTU25EddEwBcWFs7qfyYCgAcypn0EvkayHOgSsJQwpfyljwLwM5S57/F4nnZ2dkpQXvpKAQH5n4P6W1CiE6NVFQqFb/8ArOmsLs0C224AAAAASUVORK5CYII=);
    border: 1px solid #222;
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

.search-btn {
    margin-left: 3px;
    width: 32px;
    height: 32px;
    color: #fff;
    font: bold 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
    letter-spacing: 1px;
    outline: none;
    cursor: pointer;
    position: relative;
    border: 1px solid #222;
    background-color: #ccc;
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

.frame.rbtn .search-btn {
    -moz-border-radius:    32px;
    -webkit-border-radius: 32px;
    border-radius:         32px;
}

.frame.inbtn .search-input {
    padding-right: 45px;
    width: 225px;
}

.frame.nobtn .search-input {
    width: 235px;
    padding-left: 35px;   
}

.frame.inbtn .search-btn {
    position: absolute;
    top: 8px;
    right: 8px;
}

.search-form.frame.rlarge, .rlarge .search-input {  
    -moz-border-radius:  28px;
    -webkit-border-radius: 28px;
    border-radius: 28px; 
	behavior: url(border-radius.htc);
}

.frame.inbtn.rlarge .search-btn, .noframe.inbtn.rlarge .search-btn {
    -moz-border-radius:    0 28px 28px 0;
    -webkit-border-radius: 0 28px 28px 0;
    border-radius:         0 28px 28px 0;
}

.search-form.frame .search-btn {    
    background-color: #AD0DB9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AD0DB9), to(#380A48)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #AD0DB9, #380A48); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #AD0DB9, #380A48); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #AD0DB9, #380A48); /* IE10 */
    background-image:      -o-linear-gradient(top, #AD0DB9, #380A48); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #AD0DB9, #380A48);
}
.up-down {
	float:left;
	width: 12px;
}
.up-down .up {
	float:left;
	margin-bottom:3px;
}
.up-down .down {
	float:left;
}



/* ----------------------------------------------------------------------- *\
   RESPONSIVE
\* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- *\
   RESPONSIVE
\* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- *\
   RESPONSIVE
\* ----------------------------------------------------------------------- */




/* ----------------------------------------------------------------------- *\
   RESPONSIVE 1180
\* ----------------------------------------------------------------------- */


@media screen and (max-width: 1360px) {
	
	#clip-boxes li {
    margin: 15px 0px 15px 44px;
}
ul
{
	float:left;
}

}

/* ----------------------------------------------------------------------- *\
   RESPONSIVE 1000
\* ----------------------------------------------------------------------- */

@media screen and (max-width: 1200px) {
	
#clip-boxes li {
    width: 304px;
    height: 291px;
    margin: 5px 0px 5px 12px;
    padding: 4px;
}
#clip-boxes li img {
    width: 304px;
    height: 171px;
    display: block;
    border-width: 1px;
    border-color: rgb(159, 159, 159);
    border-style: solid;
}
#clip-boxes li p {
    width: 299px;
    height: 62px;
    overflow: hidden;
}

}


/* ----------------------------------------------------------------------- *\
   RESPONSIVE 640
\* ----------------------------------------------------------------------- */


@media screen and (max-width: 1020px) {
#clip-boxes
{
	margin-left:1px;
}
#clip-boxes li {
    width: 304px;
    height: 291px;
    margin: 5px 0px 5px 0px;
    padding: 4px;
}
#clip-boxes li img {
    width: 304px;
    height: 171px;
    display: block;
    border-width: 1px;
    border-color: rgb(159, 159, 159);
    border-style: solid;
}
#clip-boxes li p {
    width: 299px;
    height: 62px;
    overflow: hidden;
}

}