/* Theme Name: KJV Designs Theme URI: http://kjvdesigns.com.com/ Description: Version: 1.0 Author: Kevin James Vreeburg Author URI: http://kjvdesigns.com Tags:XHTML/CSS, jQuery, 1 column, 2 column */ /*######################################*/ /*############### body ################*/ /*####################################*/ body { margin:0px auto;padding:0px;background: url(../../images/1/tile.jpg) repeat; } #mainBG{ background: transparent url(../../images/1/main_BG.jpg) repeat-x; } #subBG{ background: transparent url(../../images/1/sub_BG.jpg) repeat-x; } #footerBG{ background: transparent url(../../images/1/footer.png) bottom center no-repeat;} #wrapper{width:960px;text-align:left;margin: 0 auto 0 auto;} #header{height:105px;display:block;width:927px;margin: 0 auto 0 auto;} #logo{float:left;margin-top:0px;margin-right:20px;margin-left:5px;} /*#################################################*/ /*########## sub page header Styles ##############*/ /*###############################################*/ #sub_page_header{height:70px; width:927px;text-align:center;z-index:-1;clear:both;display:block;margin: 0 auto 0 auto;} #sub_page_header .left{float:left;padding-top:15px;} #sub_page_header .left h1{float:left;padding-top:9px;padding-left:5px;font-size:24px;} #sub_page_header .right{float:right;padding-top:15px;padding-right:5px;} #sub_page_header .right h2{float:left;margin-top:15px;padding-left:5px;font-size:18px;} /*#########################################*/ /*########## Top Nav Styles ##############*/ /*######################@@##############*/ #navigation{float:right;padding-top:60px;z-index:999;} #nav { height:48px; text-align:center;float:left;z-index:999;position:relative;list-style-type: none;} #nav ul { float:left; margin:0px 0px 0px 0px; line-height:38px;background: transparent url(../../images/1/menu_back.png) top repeat-x; } #nav ul li ul{position: absolute;left: 0;display: block;visibility: hidden;padding:0px;margin:0px 0px 0px 0px;z-index:8;border:0px solid white; background: transparent; } #nav ul li ul li ul{top: 0px;padding:0px;margin:0px 0px 0px -1px;z-index:8;border-top:0px solid transparent;} /*#########################################*/ /*################# li ###################*/ /*#######################################*/ #nav ul li {position: relative;display: inline;z-index:6;float: left;text-align:center;list-style: none ; height:62px;margin:2px 0px 0px 0px; padding:0px 10px 0px 10px; } /*#################################################################*/ /*Sub level menu list items (undo style from Top level List Items)*/ /*###############################################################*/ #nav ul li ul li{display: list-item;padding:0px;margin:0px;line-height:14px;height:auto;z-index:8;} /*#############################################*/ /*################### a ######################*/ /*###########################################*/ #nav ul li a { font-size:12px;text-decoration:none; display:block; } #nav ul li a:hover { text-decoration:none;} #nav ul li.current_page_item a { } #nav ul li.current_page_item a:hover { } /*##########################################*/ /*#####Sub level menu links style #########*/ /*########################################*/ #nav ul li ul li a, #nav ul li ul li.page_item a{font-size:11px ;width: 160px; /*width of sub menus*/margin: 0;display: block;padding:10px;text-align:left;line-height:14px;display: inline-block;} #nav ul li ul li a:hover{ /*sub menus hover style*/display: inline-block;} #nav ul li ul li ul li a{} * html #nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;} #nav li.empty {width:0px;padding:0px;background: transparent;} .downarrowclass{position: absolute;right: 7px;} .rightarrowclass{position: absolute;top: 6px;right: 5px;} /*##########################################*/ /*################# slider area ###########*/ /*########################################*/ #slider_area{width:927px;text-align:center;clear:both;display:block;margin: 0 auto 0 auto; height:277px;position:relative;} .slide{margin:0px;padding:0px;width:927px;z-index:-3;} /*####################################*/ /* sliding texts on main page slider */ /* slider title text */ .sliding_text_text{font-size:16px;line-height:22px;text-align:left;float:left;letter-spacing:1px;position:absolute;overflow:hidden;top:0px;left:0px;} .sliding_text_text p{padding:0px;clear:left;} /*##########################################*/ /*########## slider title title ###########*/ /*########################################*/ .sliding_text_text h1{font-size:26px;float:left;font-weight:normal;text-align:left;text-decoration:none;margin-top:50px;} /*##################################*/ /*######## slider text link #######*/ /*################################*/ .sliding_text_text h1 a{text-decoration:none;} .sliding_text_text a{text-decoration:underline;} .sliding_text_text a:hover{text-decoration:none;} .single_image{position:relative;top:11px;height:266px;} #slider_area .right_side{width:417px;float:right;margin-top:11px;} #slider_area .left_side{float:left;width:510px;margin-top:10px;} /*##########################################*/ /*########## slider numbers ###############*/ /*########################################*/ #numbers{position:absolute;top:360px;margin-left:15px;z-index:999;} #numbers li { float:left; list-style-type:none; overflow:hidden; width:18px;height:18px;text-align:center;margin-left:3px;margin-top:0px;line-height:18px;} /*##########################################*/ /*########## active number style ##########*/ /*########################################*/ #numbers li a { font-size:12px;text-decoration:none; display:block; background: transparent url(../../images/1/numbers_back_off.png) top center no-repeat; } #numbers li a.activeSlide { font-size:12px;text-decoration:none; display:block; background: transparent url(../../images/1/numbers_back.png) top center no-repeat; } /*###################################*/ /*########## page layout ##########*/ /*#################################*/ #pageBG {padding-top:20px;background: url(../../images/1/main_top.png) top center no-repeat;} #page{width:908px;min-height:276px;padding-left:26px;padding-right:26px;overflow:hidden; padding-bottom:15px;background: url(../../images/1/contentBG.png) top center repeat-y;margin-bottom:30px;} /*##########################################*/ /*#################### boxes #############*/ /*###### home page left side boxes ######*/ /*#######################################*/ .box{width:289px;float:left;margin:20px 7px 0px 6px; } .box .imgarea{display:block;} .box .image{border:1px solid #ededed;padding:4px;} .box .textarea h2{font-size:14px;font-weight:normal;line-height:19px;letter-spacing:1px;padding:0px;margin:8px 0 0 0;color:#575757;} .box .textarea{font-size:12px;margin:0;color:#909090;padding:0 5px 0 5px;} /*##########################################*/ /*########## right side boxes ############*/ /*########################################*/ #page_right .box.header{clear:both;margin:0px 0px 20px 0px;width:262px; } #page_right .box .imgarea{display:block;} #page_right .box.header .image{border-top:1px solid #ededed;border-left:0px solid #ededed;border-bottom:1px solid #ededed;border-right:0px solid #ededed;padding:6px 0 6px 0px;} #page_right .box.header.image{background:transparent;} .box.header{width:289px;float:left;margin:20px 7px 0px 6px; background: transparent url(../../images/1/sub_back.png) top center repeat-x; } #page_right .box.header h2{color:#4A4A4D;padding-top:4px;padding-bottom:6px;} #page_right .box.header.image .textarea{font-size:11px;margin:0;color:#909090;padding:0 5px 0 5px;} /*##########################################*/ /*############### buttons ###############*/ /*############# read more ################*/ a.more-link {display:block;clear:both;line-height:16px;text-decoration:none;font-size:11px;line-height:23px; width:75px;text-align:center;background:transparent url(../../images/1/sub_back.png) top repeat-x;border-right:1px solid #ededed;border-left:1px solid #ededed;border-bottom:1px solid #ededed;} a.more-link:hover{color:#fff;background: #2194ed;border:1px solid #ededed;} a.more {float:right;margin-top:20px;margin-bottom:20px;display:block;clear:both;line-height:16px;text-decoration:none;font-size:11px;line-height:23px; width:75px;text-align:center;background:transparent url(../../images/1/sub_back.png) top repeat-x;border-right:1px solid #ededed;border-left:1px solid #ededed;border-bottom:1px solid #ededed;} a.more:hover{color:#fff;background: #2194ed;} /*##########################################*/ /*############# headings ##################*/ /*########################################*/ h1,h2,h3,h4,h5,h6 {letter-spacing:1px;} h1,h2 { clear:both;color:#1c5ac2;} h3,h4,h5,h6 { font-weight:normal;clear:both;color:#1c5ac2;} h1 {font-size: 22px;margin: 5px 0px 10px;} h2{font-size: 22px;} h3{font-size: 20px;margin: 15px 0px 10px;} h4{font-size: 18px;margin: 10px 0px 10px;} h5{font-size: 16px;margin: 5px 0px 10px;} h6{font-size: 14px; margin: 5px 0px 10px;} /*##########################################*/ /*######### image alignments ##############*/ /*########################################*/ img.aligncenter{display:block;text-align:center;display: block;border-top:1px solid #ededed;border-bottom:1px solid #ededed;padding:5px;margin:0 auto 0 auto;} img.alignleft{float:left;margin: 0 7px 2px 0;display: inline;border:1px solid #ededed;padding:5px;} img.alignright{float:right;margin: 0 0px 2px 7px;border:0px;border:1px solid #ededed;padding:5px;} /*##########################################*/ /*###### wordpress image captions #########*/ /*########################################*/ .wp-caption{border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;} .wp-caption.alignright {float:right;} .wp-caption.alignleft {float:left;} .wp-caption.aligncenter{display: block;margin:0px auto 0px auto;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /*##########################################*/ /*############# sub page layouts ##########*/ /*########################################*/ #sub_page{width:908px;min-height:276px;padding-left:26px;padding-right:26px;overflow:hidden; padding-bottom:15px;background: url(../../images/1/contentBG.png) top center repeat-y;margin-bottom:30px; } #page_one_column{overflow:hidden;} #page_left{width:600px;float:left;overflow:hidden;padding: 0 15px 0 2px;} #page_right{width:261px;float:left; margin-left:15px;margin-top:15px;overflow:hidden;} /*####################################*/ /*############## Lists ##############*/ /*##################################*/ #page_left ul {list-style: none;margin: 0px;padding: 0px ;} #page_left ul ul{list-style: none;margin: 0px;padding: 0px ;} #page_left ul ul li{margin-right:10px;background: transparent; } #page_left ul li {margin:4px 0 4px 0px;padding:4px 0 5px 10px;background: transparent url(../../images/1/sub_back.png) top center repeat-x; } #page_left ol {list-style-position: inside; margin: 0px;padding: 0px ;} #page_left ol li {margin:4px 0 4px 0px;padding:4px 0 5px 10px;background: transparent url(../../images/1/sub_back.png) top center repeat-x; } #page_left ol ol{list-style: none;margin: 0px;padding: 0px;} #page_left ol ol li{margin-right:10px;background: transparent; } /*####################################*/ /*############## links ##############*/ /*##################################*/ a{ color:#1c5ac2;} a:hover{color:#2194ed;} /*###################################*/ /*########## page navigation #######*/ /*#################################*/ #sub_nav{padding-top:15px;margin-bottom:6px;font-size:11px;color:#C0C0C0;} #sub_nav a{ margin-left:0px;text-decoration:none;background:transparent;background-position: left; background-repeat: repeat-y; color:#6E6E6E;} #sub_nav a:hover{text-decoration:none;background:transparent;color:#C0C0C0;} /*##########################################*/ /*########### sub navigation ##############*/ /*########################################*/ #sub_menu{ } #sub_menu li{ background:url(../../images/1/sub_back.png) top repeat-x ;line-height:35px;} #sub_menu li a{ margin-left:0px;text-decoration:none;padding-left:5px;background:transparent;background-position: left; background-repeat: repeat-y;} #sub_menu li a:hover{text-decoration:none;background:transparent;background:url(../../images/1/sq.png);background-position: left; background-repeat: no-repeat; padding-left:12px;} /*######################################*/ /*############## side bar #############*/ /*####################################*/ #page_right .textarea ul{} #page_right .textarea li{ } #page_right .textarea li a{ margin-left:0px;text-decoration:none;} #page_right .textarea li a:hover{text-decoration:none;} /*##############################################*/ /*############ side bar form elements #########*/ /*############################################*/ #page_right form,input,select,textarea{overflow:hidden;padding:0px;font-size:10px;} #page_right input{margin:8px 0 0 0;border:1px solid #ededed; } #page_right input{margin-right:5px;padding:3px;border:0;border:1px solid #ededed; } #page_right .button{float:left;text-align:center;border:0;padding:3px 2px 3px 2px ;cursor:pointer;color:#5D5D5D;} /*##########################################*/ /*########### flickr images ###############*/ /*########################################*/ .space{height:10px;width:140px;display:block;clear:both;} .flickr_badge_image li{margin:0 0px 10px 10px;padding:5px;float:left;} .flickr_badge_image img {margin:0 0px 10px 10px;padding:5px;float:left;} .flickr_badge_image img:hover {margin:0 0px 10px 10px;padding:5px;float:left;} /*###################################*/ /*########### tables ###############*/ /*#################################*/ table{} table caption strong{text-align:left;font-size: 14px;font-weight: normal;line-height:20px;font-weight:bold;} table caption{text-align:left;padding-bottom: 10px;padding-top: 5px;} table th {padding: 13px;font-size: 12px;background: transparent url(../../images/1/sub_back.png) top center repeat-x; } table td {padding: 10px;text-align: left;} /*##########################################*/ /*############### text elements ###########*/ /*########################################*/ blockquote {font-family:'Georgia','Tahoma', san-serif;letter-spacing:0px;font-size:15px;background:transparent url(../../images/1/blockquote.png);background-position: left top; background-repeat: no-repeat; line-height: 24px;padding-left:70px;padding-top:10px;padding-bottom:10px;margin:0px;font-style:italic;} blockquote em, blockquote i, blockquote cite {font-style:normal;} pre {font:11px Monaco, monospace;line-height:18px;margin-bottom:18px;} code {font:11px Monaco, monospace;} ins {text-decoration:none;} sup {bottom: 1ex;} sub {top: .5ex;} /*#####################################*/ /*############# portfolio ############*/ /*###################################*/ .portfolio_con{margin-bottom:30px;height: 170px;margin-right:10px;width:270px;float:left;overflow: hidden;position: relative;padding:10px; background:#eae4e4;border:1px solid #1358e8;} .portfolio_con img{border:1px solid #dfd9d9;} .portfolio_text{width:260px;height:auto;z-index:99;position:absolute;bottom:-85px;left:11px;padding-left:11px;} .portfolio_text a:hover {text-decoration: underline;color:#105be5;} /*###############################*/ /*########## paging ############*/ /*#############################*/ #paging{display:block;clear:both;} #paging ul li{float:left;margin-right:3px;height: 22px;width:22px;display:block;float:left;padding:0px;overflow: hidden;position: relative;text-align:center;} #paging ul li a, #paging ul li a:hover {display:block;width:22px;height:22px;} #paging ul li:hover{} #paging ul li.active{} #paging ul li a{text-decoration:none;} #paging ul li a:hover{ color:#1c5ac2;text-decoration:none;} /*######################################*/ /*########### photo gallery ###########*/ /*####################################*/ .photo_gallery_con{margin-right:19px;margin-bottom:19px;padding:14px;float:left;overflow: hidden;position: relative;} .photo_gallery img{position: absolute;top: 0;left: 0;border: 0;} .photo_gallery_text{float: left;position: absolute;left: -365px;top:30px;font-size:10px; padding:4px;} /*######################################*/ /*############ blog ###################*/ /*####################################*/ .blog_box{padding-top:30px;} .blog_box_right {width:340px;float:right;} .comments {width:60px;height:40px;padding-top:11px;float:right;background: url(../../images/commentsBubble.png) no-repeat;margin-bottom:-40px;text-align: center;font-size: 18pt;text-decoration: none;} .comments a {text-decoration: none;} .comments a:hover {color:#1c5ac2; text-decoration: underline;} .blog_box h2{width:250px;font-size: 22pt; line-height:26px;padding:0px;margin:0px;} .blog_box h2 a{text-decoration:none;color:#1c5ac2;} .blog_box h2 a:hover{text-decoration:none;color:#4f8cf0;} .blog_box a.read_more{text-decoration:none;background:url(../../images/1/sq.png);background-position: left 5px; background-repeat: no-repeat; padding-left:12px;color:#C3C3C3;} .blog_box a.read_more:hover{text-decoration:none;color:#D90005;} .blog_box .dateandcategories{margin-bottom:0px;font-size:10px;padding:1px 0 1px 5px;margin-top:16px;background:url(../../images/1/sub_back.png) top repeat-x ;} .post_image{} .alignleft {width:240px;float:left;} .line {border-bottom:1px solid #ededed;clear:both;height:10px;} .tweetmeme_button {width:130px;height:40px;float:right;margin-bottom:-10px;} .tweetmeme_button_top {width:60px;height:40px;float:right;margin-bottom:-10px;} .blogTitle {} #tutorial {width:580px;height:326px;padding:10px;background: #dedfe1;border:1px solid #0769f8;} /*######################################*/ /*######### form elements lists #######*/ /*####################################*/ #contact_form ul {list-style: none;margin: 0px;padding: 0px ;} #contact_form label.error {margin-top: 3px;width: auto;display: block;} #contact_form ul li {margin:0px 0 4px 0px;padding:4px 0 4px 0px;} #contact_form ul li.title {margin:0px 0 0px 0px;padding:10px 0 2px 0px;font-size:13px;} /*######################################*/ /*############# cufon text ############*/ /*####################################*/ .cufon-loading h1,.cufon-loading h2,.cufon-loading h3,.cufon-loading h4,.cufon-loading h5,.cufon-loading h6 { /* for Cufon.replace('h1') */visibility: hidden !important;} /*######################################*/ /*######## twitter entry text #########*/ /*####################################*/ .tweet {margin-top:10px;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;letter-spacing:1px;font-size:12px;font-weight:normal;font-style:italic;line-height:16px;} .tweet ul li{width:256px;margin-bottom:20px;} .tweet a{text-decoration:none;color:#2194ed;} .tweet a:hover{text-decoration:underline;color:#2194ed;} /*######################################*/ /*######### Comment-Styles ############*/ /*####################################*/ #page_left .comments ul li p {font-size: 100%;} #page_left .commentlist li {background-color:#FFFFFF;border:1px solid #ededed;font-size: 110%;list-style-type: none;padding-top:10px;} #page_left .commentlist li .avatar {float: left;margin-right: 25px;border: 1px dotted #ccc;padding: 4px;} #page_left .comment-meta.commentmetadata{font-size:10px;} /*######################################*/ /*###### form elements for pages ######*/ /*####################################*/ #page_left form,#page_left input,#page_left select,#page_left textarea{overflow:hidden;padding:0px;margin:0px;font-size:11.5px;line-height:14px;} #page_left input,#page_left select,#page_left textarea{border:0px;padding:6px;width:550px;background: transparent url(../../images/1/sub_back.png) top center repeat-x; border:1px solid #ededed;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;} #page_left .button{ width:120px;text-align:center;cursor:pointer;border:1px solid #ededed;} /*######################################*/ /*######## for all forms ##############*/ /*####################################*/ input{color:#778384;overflow:hidden;font-size:11.5px;line-height:14px;margin: 0;padding: 2px;border:1px solid #ededed;background: transparent url(../../images/1/sub_back.png) top center repeat-x; } textarea{background: transparent url(../../images/1/sub_back.png) top center repeat-x; border:1px solid #ededed; font-size:11.5px;line-height:14px;overflow:hidden;padding:6px;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;} /*##########################################*/ /*############### footer ##################*/ /*########################################*/ #footTile {background: url(../../images/1/woodFootBG.png) repeat-x;min-height:700px;width:100%;margin-top:-80px;} #footer {width:960px;height:97px;margin: 0px auto 0px auto;color:#fff;} #footWidgets {width:1000px;margin:0px auto;padding:20px 10px 40px 10px;} .footBox1 {width:250px;float:left;margin-left:10px;} .footBox2 {width:280px;float:left;margin-left:40px;} .footBox3 {width:340px;height:411px;float:left;margin-left:20px;background: url(http://www.kjvdesigns.com/music/twitter.png) no-repeat;padding:35px 0px 0px 60px;} .clear {clear:both;} #music li {font-size: 10pt;font-weight:lighter;color:#999; list-style:none;height:60px;border-bottom:1px dotted #999;margin-top:5px;} #music li a {color:#2194ed;text-decoration: none;} #music li a:hover {color:#fff;text-decoration: underline;} .album {float:left;border:1px solid #2c67cd;margin-right:10px;} #musicHead span {display:none;} #musicHead {background: url(http://www.kjvdesigns.com/music/musicHead.png) no-repeat;width:275px;height:60px;} #otherWeb span {display:none;} #otherWeb {background: url(http://www.kjvdesigns.com/music/sites.png) no-repeat;width:275px;height:60px;} #other li {font-size: 10pt;font-weight:lighter;color:#999; list-style:none;min-height:60px;line-height:12pt;border-bottom:1px dotted #999;margin-top:5px;} #other li a {color:#2194ed;text-decoration: none;} #other li a:hover {color:#fff;text-decoration: underline;} .web {float:left;margin-right:10px;} #footLine {width:960px;height:25px;clear:both;background: url(../../images/footLine.png) no-repeat;margin-left:20px;} .leftCopy {float:left; height:25px;padding-top:15px;padding-left:35px;font-size:9.5pt;} .rightCopy {float:right;padding-top:15px;padding-right:40px;line-height:20px;font-size:9.5pt;} .rightCopy a {text-decoration: none;} /*#############################################*/ /*########## Header Swap Styles ##############*/ /*###########################################*/ .portHead span {display:none;} .portHead {width:260px;height:40px; background: url(../../images/portHead.png) no-repeat;} .aboutHead span {display:none;} .aboutHead {width:260px;height:40px; background: url(../../images/aboutHead.png) no-repeat;} .contactHead span {display:none;} .contactHead {width:260px;height:40px; background: url(../../images/contactHead.png) no-repeat;} .serviceHead span {display:none;} .serviceHead {width:260px;height:40px; background: url(../../images/serviceHead.png) no-repeat;} .mxHead span {display:none;} .mxHead {width:260px;height:40px; background: url(../../images/mxHead.png) no-repeat;} #photo_sb_wrapper-2 img {padding:10px;border:1px solid #999;} /*##############################################*/ /*########## Organic Tabs Styles ##############*/ /*############################################*/ #all-list-wrap ul { list-style: none; } #all-list-wrap ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; } #all-list-wrap ul li a:hover { background: #fe4902; color: white; } #all-list-wrap ul li:last-child a { border: none; } #organic-tabs { background: #f9fbfb; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; } #explore-nav { overflow: hidden; margin: 0 0 10px 0; } #explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; } #explore-nav li.last { margin-right: 0; } #explore-nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; } #explore-nav li a:hover { background-color: #111; } #jquerytuts, #core, #classics { display: none; } #explore-nav li#ex-recent a.current, ul#recent li a:hover {display:block; background-color: #0575f4; color: white; } #explore-nav li#ex-links a.current, ul#links li a:hover { display:block; background-color: #d30000; color: white; } .boxBG { background: #f9fbfb; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; } #searchform {background: #f9fbfb; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; } .screen-reader-text {margin-left:10px;} #searchsubmit {color:#778384;overflow:hidden;font-size:11.5px;line-height:14px;margin: 0;padding: 2px;border:1px solid #ededed;background: transparent url(../../images/1/sub_back.png) top center repeat-x;margin-left:10px;margin-bottom:20px;} #searchsubmit a:hover {background:#2194ed;color:#fff;} /*############################################*/ /*########## NG Gallery Styles ##############*/ /*##########################################*/ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; display:block !important; } .ngg-galleryoverview .desc { /* required for description */ margin:0px 10px 10px 0px; padding:5px; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 10px; margin-bottom:10px; text-align: center; } .ngg-gallery-thumbnail img { /* general */ border: 1px solid; padding: 5px; /* curved corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* standard version at last */ /* drop shadows. */ -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */ position:relative; /* general */ border-color: #fff; /* background color (for non css3 browsers) and gradient */ background-color: rgba(255,255,255,0.5); background: -moz-linear-gradient(top, rgba(255,255,255,0.65), rgba(255,255,255,0.55) 49.9%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.45) ); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.65)), color-stop(0.49, rgba(255,255,255,0.5)), color-stop(0.5, rgba(255,255,255,0.3)), to(rgba(255,255,255,0.45)) ); /background-color: #fff; /* FOE IE */ } .ngg-gallery-thumbnail img:hover { background-color: #2b68cc; } .ngg-gallery-thumbnail span { /* Images description */ font-size:90%; padding-left:5px; display:block; } .ngg-clear { } /*########################################*/ /*########## Border Styles ##############*/ /*######################################*/ .border { /* general */ border: 1px solid; padding: 5px; /* curved corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* standard version at last */ /* drop shadows. */ -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */ /* general */ border-color: #fff; /* background color (for non css3 browsers) and gradient */ background-color: #dfdfdf; background: -moz-linear-gradient(top, #fff, #dfdfdf 50%, #cecece ); background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #dfdfdf), to(#cecece) ); /* linear gradient for IE 5.5+ */ filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE'); }