/* Theme Name:SLR Lounge Theme URI:http://wordpress.org/ Description:A sleek, practical, and user-friendly Photography Blog Theme by SLR Lounge. Version:1.0 Author:SLR Lounge Author URI:http://slrlounge.com/ Tags:photography, custom header, fixed width, one columns, widgets */ /*Begin Commonly Edited Attributes */ body{background:url('images/chevronbg.gif') repeat top center fixed; /*To change the background to your custom pattern,replace background.jpg in the images folder with your own jpg tile. If you want a background instead of a color,erase the "background:url('images/background.jpg') repeat top center; "and replace with "background-color:#900; "but replace #900 with the color of your choice */background-color:#fff} a{color:#f16f91; text-decoration:none; /*You may change the color and style of your links by changing #0C3. Common colors are as follows #00F - Blue,#F00 - Red,and #999 Grey */} a:hover, h2 a:hover, h3 a:hover{color:#be375a; /*You may change the color of links when you hover over them */} h1, h2, h3{font-family:Century Gothic,Helvetica,sans-serif; /*You may change the font for your headers here */} /* End Commonly Edited Attributes */ /* Begin Structure */ body{font-size:13px; font-family:Century Gothic,Helvetica,sans-serif; color:#808285; text-align:center; margin:0; padding:0} #pageborders{width:1030px; min-height:100%; background-image:url(images/border-sides.png); background-repeat:repeat-y; margin:auto} #border-bottom{height:15px; width:1000px; background:url(images/border-bottom.png)} #page{text-align:left; margin:0 auto; background-color:white; margin:auto; padding:0; width:1000px} .column{padding:20px 40px; margin:auto; width:850px; /*this controls the width of the content */clear:both} .post{margin:0 0 40px; text-align:justify} .clear{clear:both} /*General Attributes */ h1, h2, h3{color:#999; text-transform:uppercase; font-weight:normal; /*This used to make the titles of each post not bold */} h2{font-size:20px} h2.pagetitle{/* These are the attributes for the Title of Archives,Categories,etc*/font-size:13px; text-align:left; float:left; margin:0; display:block; color:#999} h1, h1 a, h1 a:hover, h1 a:visited{text-decoration:none; color:white} h2, h2 a, h2 a:visited, h3{color:#666} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite{text-decoration:none} .entry p a:visited{color:#ea0646} h1{padding-top:70px; margin:0} h2{margin:20px 0 0 0} h2.pagetitle{margin-top:20px; text-align:center} h3{padding:0; margin:10px 0 0} h3.comments{padding:0; margin:40px auto 20px} /* End Headers */ /* Begin Images */ p img{padding:0; max-width:100%} img.centered{display:block; margin-left:auto; margin-right:auto} img.alignright{padding:4px; margin:0 0 2px 7px; display:inline} img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline} .alignright{float:right} .alignleft{float:left} /* End Images */ /*start comments */ .commentlist li, #commentform input, #commentform textarea{font:0.9em Century Gothic,Helvetica,sans-serif} .commentlist li ul li{font-size:1em} .commentlist li{font-weight:bold} .commentlist li .avatar{float:right; padding:2px; background:#fff} .commentlist cite, .commentlist cite a{font-style:normal; font-size:14px} .commentlist p{font-weight:normal; line-height:1.5em; text-transform:none} #commentform p{font-family:Century Gothic,Helvetica,sans-serif} .commentmetadata{font-weight:normal} /*end comments*/ /*Start Header */ #header{background-color:#000; margin:0; padding:0; height:175px; /******************* if your banner height is anything other than 285px,you need to change it here */ width:1000px} #headerimg{margin:0; height:auto; width:1000px; margin:0; width:100%; height:100%; background:url('images/banner.gif') no-repeat bottom center; /************************************************************ Create A Banner with a width of 1000px,name it banner.jpg,and replace the file in the images folder***************************/} /**** End Header ***/ /* Start Menu Items */ #menu{list-style:none; margin:0 auto; padding:0 0 0px 7px; height:1%; background:#fff; border-bottom:2px solid #f16f91; border-top:2px solid #f16f91} #menu:after{content:''; display:block; clear:both} #menu li{padding:0 23px 0 23px; float:right; margin:10px 0; color:#666; text-transform:uppercase} #menu li a{color:#666; vertical-align:bottom} #menu li.hover a, #menu li:hover a, #menu li.hover, #menu li:hover{position:relative} #menu li.hover ul, #menu li:hover ul{display:block} /*start drop-down menus on the top menu*/ #menu ul{ padding:4px 0; margin:0; list-style:none; width:140px; display:none; /*******if you delete this,your drop down menu will appear randomly on the page somewhere **/position:absolute; left:0; top:100%; background:#fff; /************************************************This should match the color of your Menu Bar**************/border:2px solid #f16f91; font-family:Century Gothic,Helvetica,sans-serif; font-size:10px} #menu ul li a{text-align:right; float: right; width:100%; background:none; color:#808285; line-height:15px; padding:3; margin:0} #menu ul li a:hover{color:#000} /*end drop-down menus on the top menu*/ /*start header section containing sociables, search, profile, etc*/ #header_bottom{width:1000px; border-bottom:1px solid #ccc} #page_line{height:1px; width:100%; background-color:#999; display:block; clear:both} #header_bottom h3{margin:10px 0 0 0} #header_bottom_left{width:550px; height:auto; float:left; padding:20px 10px 0 50px} #header_bottom_right{width:359px; height:auto; float:left; border-left:1px thin #000} #twitter{float:left; height:40px; width:69px; margin:9px 0 0 0} #twitter-status{background-image:url(images/twitter-status.png); float:left; height:105px; width:290px; background-repeat:no-repeat; margin:0 0 20px 0} .tweet{width:220px; padding:0; margin:10px 0 0 20px; font-size:11px; list-style:none} /*end header section containing sociables, search, profile, etc*/ /*start widgetized footer */ #footer-widgets{width:1000px; height:115%; color:#666; background-color:#333; text-align:left; line-height:1.75em; border-top:1px solid #ececec; overflow:hidden} #footer-widgets h2{font-family:Century Gothic,Helvetica,sans-serif; color:#CCC; margin:15px 0; text-align:left; padding:0 0 0 0; display:block; text-transform:none} #recentpost h2, #mostcommented h2{padding:0} #footer-widgets .cat_title{font-size:14px; margin:0 0 5px 0} #footer-widgets h3{color:#fff} #recentpost{width:292.333px; height:auto; float:left; padding:0px 15px; border-right:1px solid #808080; display:block; margin:0} #mostcommented{width:302.333px; height:auto; float:left; padding:0px 15px; border-right:1px solid #808080; display:block; margin:0} #recent_comments{width:303.333px; height:auto; float:left; padding:0px 15px; vertical-align:top; margin:0px} #recentpost a, #mostcommented a, #recent_comments a{color:#666; padding:0; margin:0} #recentpost ul, #mostcommented ul, #recent_comments ul{margin:5px 0 0 0; padding:0} #recentpost li, #mostcommented li, #recent_comments li{list-style:none; padding:1px 0 0 0; margin:0} #recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a{padding:0px; display:block; text-decoration:none; margin:0; text-align:left} #recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover{background:#000; color:#fff} #sidebar{/*Note:this theme does not utilize a sidebar in the traditional sense. Instead,it is used as part of the footer */width:1000px; margin:auto} /*end widgetized footer */ /* Begin Lists */ html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px} html>body .entry li{margin:7px 0 8px 10px} .entry ul li:before, #sidebar ul ul li:before{:"\00BB \0020"} .entry ol{padding:0 0 0 30px; margin:0} .entry ol li{margin:0; padding:0} .postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none} /* End Entry Lists */ /* Begin Form Elements */ #searchform{margin:20px 5px 0 0px; padding:5px 3px; text-align:center} #search{border:none; float:left} #search #searchform{width:200px; height:25px; border:none; background-color:#fff} #search #searchform .searchinput{color:#666; font-size:13px; width:165px; border:1px thin $999; float:left} #search #searchform .button{background:url(images/mag.gif) no-repeat; height:25px; width:25px; border:0; cursor:pointer; margin:0 0 10px 0; float:left} .share_here{margin:25px 0 0 32px; float:left} .entry form{/* This is mainly for password protected posts,makes them look better. */text-align:center} select{width:130px} #commentform input{width:170px; padding:2px; margin:5px 5px 1px 0} #commentform{margin:5px 10px 0 0} #commentform textarea{width:100%; padding:2px} #respond:after{:"."; display:block; height:0; clear:both; visibility:hidden} #commentform #submit{margin:0 0 5px auto; float:right; clear:both} /* End Form Elements */ /* Begin Comments*/ .alt{margin:0; padding:10px} .commentlist{padding:0; text-align:justify} .commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none} .commentlist li ul li{margin-right:-5px; margin-left:10px} .commentlist p{margin:10px 5px 10px 0} .children{padding:0} #commentform p{margin:5px 0} .nocomments{text-align:center; margin:0; padding:0} .commentmetadata{margin:0; display:block} /* End Comments */ /* Various Tags &Classes */ .aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto} acronym, abbr, span.caps{cursor:help} acronym, abbr{border-bottom:1px dashed #999} blockquote{margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd} blockquote cite{margin:5px 0 0; display:block} .center{text-align:center} .hidden{display:none} .screen-reader-text{ position:absolute; left:-1000em} hr{display:none} a img{border:none} .navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px} .slideshows{width:750px; height:auto; margin:auto; padding:none} /* End Various Tags &Classes*/