/********************************/
/** Property of Joomla Perfect **/
/********************************/
#jp_description { text-align: center; padding: 5px 0px; background: #dedede; border-bottom: 1px solid #c0c0c0; }
#jp_copy-line { padding: 10px 0px; background: #dedede; border-top: 1px solid #c0c0c0; }
@media screen and (min-width:768px){
#jp_header-line { height: 110px; min-width: 990px; background: #dedede; }
#jp_menu-line { height: 40px; min-width: 990px; background: #dedede; border-bottom: 1px solid #c0c0c0; }
#jp_copy-line { padding: 15px 0px; min-width: 990px; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
#jp_copy-structure { padding: 0px 15px; }
@media screen and (min-width:768px){
#jp_header-structure { width: 990px; height: 110px; margin: 0 auto; }
#jp_menu-structure { width: 990px; height: 40px; margin: 0 auto; }
#jp_body-structure { width: 990px; margin: 0 auto; }
#jp_footer-structure { width: 990px; margin: 0 auto; }
#jp_copy-structure { width: 950px; padding: 0px; margin: 0 auto; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
#jp_footer-bg { background: #e1e1e1; border-top: 3px solid #b4b4b4; padding: 15px; }
@media screen and (min-width:768px){
#jp_body-bg { float: left; width: 940px; background: #cccccc; border-left: 5px solid #c0c0c0; border-right: 5px solid #c0c0c0; padding: 20px; }
#jp_footer-bg { float: left; width: 940px; background: #e1e1e1; border-top: 5px solid #b4b4b4; border-left: 5px solid #b4b4b4; border-right: 5px solid #b4b4b4; padding: 15px 20px; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
#jp_logo { text-align: center; padding-top: 15px; }
#jp_header { width: 320px; margin: 0 auto; padding: 10px 0px 0px 0px; }
#jp_search { text-align: center; padding: 10px 0px; }
#jp_right { clear: both; }
#jp_copy { text-align: center; }
#jp_spacer { height: 20px; }
@media screen and (min-width:480px){
#jp_header { width: 468px; }
#jp_body { clear: both; padding: 0px 5px; }
#jp_body2 { clear: both; }
}
@media screen and (min-width:768px){
#jp_logo { float: left; }
#jp_header { float: right; width: 728px; height: 90px; }
#jp_search { padding: 0px; float: right; margin-top: 6px; width: auto; }
#jp_right { float: right; width: 330px; clear: none; height: auto; }
#jp_body { clear: none; float: left; width: 605px; padding: 0px; }
#jp_body2 { clear: none; float: left; width: 590px; padding: 0px; }
#jp_error { text-align: center; color: #990000; font-size: 15px; font-weight: bold; }
#jp_accept { text-align: center; font-size: 15px; font-weight: bold; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.6; margin: 0px; background: #c6c6c6; }
p { margin: 12px 0px; }
.clr { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
img { border: none; margin: none; }
ul, li, .menu { list-style: none; padding: 0; margin: 0; }
a.link { color: #000000; text-decoration: none; }
a.link:hover { color: #790000; text-decoration: none; }
.center { text-align: center; }
@media screen and (min-width:480px){
body { font-size: 14px; }
h5 { font-size: 14px; }
h4 { font-size: 16px; }
}
@media screen and (min-width:768px){
body { font-size: 12px; background: #eaeaea; }
h5 { font-size: 12px; }
h4 { font-size: 14px; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
a.title { color: #236eb3; text-decoration: none; }
a.linkbutton { color: #000000; text-decoration: none; background: #f0f0f0; border: 1px solid #c0c0c0; padding:5px 10px; background: ; border-radius: 5px; }
a.download { color: #FFFFFF; text-decoration: none; border: 1px solid #c0c0c0; padding:5px 10px; background: #1c568d; border-radius: 5px; font-weight: bold; font-size: 15px; }
/********************************/
/** Property of Joomla Perfect **/
/********************************/
.head h1 { font-size: 20px; padding:5px 10px; margin: 0px 0px 10px 0px; text-align: center; color: #FFFFFF; background: #236eb3; }
.title_tag { margin: 0px 0% 10px 0%; background: #236eb3; }
.title_tag h1 { font-size: 20px; padding: 5px 10px; color: #FFFFFF; text-align: center; }
.social_media { display: block; padding: 6px 10px 10px 0px; text-align: center; }
.items { background: #e1e1e1; padding: 3%; margin: 0px 3% 10px 3%; }
.thumbs_holder { text-align: center; }
.thumbnails { width: 200px; height: 200px; }
.info { text-align: center; margin: 10px 0px 0px 0px; }
.jversion { width: 75px; height: 20px; }
.items2 { height: 70px; background: #e1e1e1; padding: 10px 0px; margin: 0px 2% 10px 2%; }
.items2 h4 { text-align: center; color: #FFFFFF; height: 23px; overflow: hidden; }
.site { display: block; text-align: center; padding-bottom: 10px; }
.image_frame { margin: 0px 2%; padding: 10px; background: #e1e1e1; text-align: center; border: 1px solid #838383; }
.main_image { width: 100%; }
.adsense { padding: 15px 10px; background: #999999; text-align: center; }
.adsense2 { padding: 15px 10px; background: #999999; text-align: center; }
.featured_frame { width: 300px; margin: 0 auto; background: #d4d4d4; padding: 10px; }
.information { display: block; }
.download_count { clear: both; text-align: center; }
.advert_frame { background: #e1e1e1; padding: 10px; text-align: center; }
.advert_image { width: 100%; }
.banner { margin-bottom: 10px; background: #e1e1e1; padding: 10px; }
.banner_ads { width: 100%; }
.count_templates { display: none; }
.title_holder { height: 25px; overflow: hidden; }
.author_holder { height: 23px; overflow: hidden; margin-top: 5px; }
.download_holder { display: block; margin-top: 6px; }
.hits_holder { border: 1px solid #c0c0c0; height: 128px; padding: 10px; background: #f0f0f0; text-align: center; }
.hits_holder h2 { margin: 30px 0px 10px 0px; color: #236eb3; }
.featured_image { width: 100%; }
.featured_holder { margin: 10px 0px; }
.side_ads { width: 100%; }
@media screen and (min-width:480px){
.head h1 { font-size: 18px; margin: 0px 2% 10px 2%; }
.title_tag { margin: 0px 2% 10px 2%; }
.title_tag h1 { font-size: 18px; }
.items { width: 40%; float: left; margin: 0px 2% 10px 2%; }
.thumbnails { width: 170px; height: 170px; }
.items2 { height: 65px; width: 46%; float: left; }
.featured_frame { padding: 20px 50px; }
.download_count { float: left; width: 49%; }
.advert_frame { height: 120px; padding: 15px; }
.advert_image { width: 300px; height: 120px; }
.banner { margin: 0px 2% 10px 2%; }
}
@media screen and (min-width:768px){
.head h1 { font-size: 16px; width: 570px; margin: 0px 0px 10px 0px; text-align: left; }
.title_tag { margin: 0px 0px 10px 0px; height: 36px; }
.title_tag h1 { font-size: 16px; float: left; }
.social_media { float: right; padding: 5px 10px 0px 0px; }
.items { height: 120px; width: 270px; padding: 10px; margin: 0px 10px 10px 0px; }
.thumbs_holder { float: left; height: 120px; width: 120px; overflow: hidden; }
.thumbnails { width: 120px; height: 120px; }
.info { float: right; width: 135px; text-align: left; margin: 0px; }
.items2 { height: 60px; width: 170px; padding: 11px 10px; margin: 0px 10px 11px 0px; }
.image_frame { margin: 0px; height: 427px; padding: 15px 10px 0px 10px; }
.main_image { width: 427px; }
.page-frame { height: 280px; padding: 10px; background: #e1e1e1; }
.adsense { width: 300px; height: 250px; padding: 15px; margin: 0px 0px 15px 0px; background: #e1e1e1; }
.adsense2 { padding: 0px; float:left; width:336px; height: 280px; background: none; }
.featured_frame { background: #e1e1e1; width: auto; height: 320px; padding: 15px; margin: 0px 0px 15px 0px; }
.information { float: right; width: 225px; margin: 0px; }
.download_count { width: auto; clear: none; float: right; border: 1px solid #c0c0c0; padding: 10px; background: #f0f0f0; }
.advert_frame { margin-bottom: 15px; }
.banner { width: 570px; height: 135px; margin: 0px 0px 10px 0px; }
.banner_ads { width: 570px; height: 135px; }
.count_templates { text-align:center; display: block; padding:5px 10px; background: #e1e1e1; }
.pagenav { width: 590px; }
.hits_holder { margin-bottom: 10px; }
.featured_holder { height: 250px; overflow: hidden; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
.search .inputbox { border: 1px solid #c0c0c0; padding: 4px; font-size: 14px; width: 150px; background: #f0f0f0; }
.search .button { border: 1px solid #c0c0c0; padding: 4px 10px; font-size: 14px; background: #f0f0f0; color: #000000; border-radius: 5px; }
.submit_template .inputbox { border: 1px solid #c0c0c0; padding: 5px; font-size: 14px; width: 150px; background: #f0f0f0; }
.submit_template .selectbox { border: 1px solid #c0c0c0; padding: 5px; font-size: 14px; width: 160px; background: #f0f0f0; }
.submit_template .button { border: 1px solid #c0c0c0; padding: 5px 10px; font-size: 14px; background: #f0f0f0; color: #000000; border-radius: 5px; }
.contact .inputbox { border: 1px solid #c0c0c0; padding: 5px; font-size: 14px; width: 150px; background: #f0f0f0; }
.contact textarea { border: 1px solid #c0c0c0; padding: 5px; font-size: 14px; width: 240px; height: 100px; background: #f0f0f0; }
.contact .button { border: 1px solid #c0c0c0; padding: 5px 10px; font-size: 14px; background: #f0f0f0; color: #000000; border-radius: 5px; }
@media screen and (min-width:480px){
.search .inputbox { width: 180px; }
.submit_template .inputbox { width: 250px; }
.submit_template .selectbox { width: 260px; }
.contact .inputbox { width: 250px; }
.contact textarea { width: 340px; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
#jp_menu select { padding: 4px; width: 95%; border: 1px solid #c0c0c0; font-size: 16px; }
#jp_menu { text-align: center; padding: 10px 0px 0px 0px; }
#jp_menu .menu { display: none; }
@media screen and (min-width:768px){
#jp_menu select { display: none; }
#jp_menu { float: left; padding: 0px; }
#jp_menu .menu { display: inline-block; }
#jp_menu .menu a { font-size: 13px; padding: 0px 15px; display: block; text-decoration: none; font-weight: bold; color: #000000; }
#jp_menu .menu li { line-height: 3; float: left; position:relative; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; margin-right: 5px; background: #eaeaea; padding: 0px; border-bottom: none; }
#jp_menu .menu li.active a { background: #1c568d; color: #FFFFFF; }
#jp_menu ul.menu li:hover { background: #c9c9c9; }
#jp_menu .menu li li a { font-weight: normal; color: #000000; font-size: 14px; text-align: left; padding: 0px; }
#jp_menu .menu ul { float:none; left:-999em; position:absolute; z-index: 99; }
#jp_menu .menu ul { width: 180px; padding: 5px 0px 10px 0px; border-radius: 0px 0px 7px 7px; background: #c9c9c9; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
#jp_menu .menu ul li { width: 160px; padding: 2px 10px; position:relative;  margin-left: 0px; line-height: 1.8; border-top: none; border-left: none; border-right: none; margin-right: 5px; background: none; }
#jp_menu .menu li li, #jp_menu li:hover ul, #jp_menu li.sfhover ul { left: auto; }
#jp_menu ul.menu li.active li a { background: none; color: #000000; }
#jp_menu ul.menu li li:hover { background: none; }
}
/********************************/
/** Property of Joomla Perfect **/
/********************************/
ul.pagination { clear: both; text-align: center; padding: 0px 0px 10px 0px; }
ul.pagination li.dot { padding: 3px 0;}
ul.pagination li { float:none; display: inline; margin:0px; padding:0px; margin: 0px 3px; }
ul.pagination li a { color: #000000; text-decoration:none; padding:7px 10px; }
ul.pagination li a img { border:none; }
ul.pagination li a { color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
ul.pagination li a { color:#474747; border:solid 1px #B6B6B6; padding:4px 12px; background: #f0f0f0; }	
ul.pagination li a.current { background: #1c568d; color: #FFFFFF; }
ul.pagination li a:hover { background: #990000; color: #FFFFFF; }
ul.pagination .nav_num { display: none; }
@media screen and (min-width:768px){
ul.pagination { clear: none; padding: 0px; }
ul.pagination li { float:left; margin:0px; padding:0px; margin: 0px 5px 0px 0px; }
ul.pagination li a { display:block; }
ul.pagination .nav_num { display: inline; }
}