/*
Theme Name: iBlog
Description: The iBlog theme by Andrew Powers and Pagelines Design, inspired by Apple.
Theme URI: http://www.pagelines.com/themes/
Version: 1.0.7
Author: Andrew Powers
Author URI: http://www.pagelines.com
Tags: white, silver, light, two-columns, fixed-width
Thank you for trying this theme. If you are satisfied, it would be great if you could provde a link to www.pagelines.com and add a 5 star review on the theme directory. Let me know if you would like support or information about any bugs at andrew@pagelines.com.
- This version is released under the GPL.
*/
body {
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
background:#121212;
}
a {color:#2B2B2B;text-decoration: underline;}
a:visited {color: #2B2B2B;}
a:hover {text-decoration: underline;}
p,.p {margin-bottom: 15px;color:#111}
img {border: none;}
ul li { margin: 0px;}
ul {margin: 5px 0px 15px;padding-left: 20px;}
ol {margin: 5px 0px 15px;padding-left: 20px;}
form {margin: 0px;padding: 0px;}
small { font-size: 90%;}
hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;}
blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;}
#wrapper {width: 920px;margin: 0px auto;position: relative;}
#container{border:12px solid #CCC;
background:#EDEDED;}
/* site title */
h1.blogtitle{
background:url(images/loftlogo.gif) no-repeat;
width:86px;
height:140px;
position:absolute;
margin:-33px 0 0 56px;
}
* html h1.blogtitle{
margin:-33px 0 0 50px;
}
h1.blogtitle a{
display:block;
text-indent:-999em;
width:86px;
height:140px;
}
.description {
float: left;
margin-top: 20px; /* description distance from top of screen */
margin-left: 10px;
}
/* search form */
#searchform {
width: 205px;
float: right;
font-size:12px;
padding:0;
margin:0;
}
#searchform #s{
background: #ffffff url(images/form-field-bg.gif) no-repeat ;
width: 158px;
padding: 3px 7px 2px 5px;
color: #999999;
border: 1px solid #888;
margin:0;
margin-top: 4px;
}
#searchform #searchsubmit {
background: url(images/search-button.png) no-repeat center;
height: 22px;
width: 24px;
border: none;
cursor: pointer;
text-indent: -999%;
line-height: 1px;
margin:0;
}
/* HEADERS */
h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
/* ------------------------------------- main content area */
#page #wrapper #container #left-col {
width: 510px;
float: left;
}
/* main menu */
#nav {
/*font-size: 14px;
border-bottom: 1px solid #888;
border-bottom: 1px solid #888;
background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top;*/
}
#nav a.home{
}
#nav ul{
list-style: none;
display: block;
margin: 0px 0px 0px 10px;
padding: 0px;
width: 600px;
float: left;
}
#nav ul li{
font-weight: bold;
margin: 0px 5px 0px 0px;
padding: 0px;
float: left;
}
#nav ul li a{
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #222;
display: block;
}
#nav li a:visited{
text-decoration: none;
color: #000000;
}
#nav .current_page_item a, #nav .current_page_item a:hover{
text-decoration: none;
background: #2a2a2a url(images/agradient-30dark.gif) repeat-x top left;
color: #fff;
}
#nav li a:hover{
color: #fff;
background: #2a2a2a url(images/agradient-30medium.gif) repeat-x top left;
}
/* sub menu */
#subnav { background: #fff url(images/agradient-30light.gif) repeat-x top left;;margin-top: 15px;border: 1px solid #ddd}
#subnav ul {
margin: 0px;
padding: 0px 0px 0px 5px;
list-style: none;
}
#subnav li {
border-right: 1px solid #D8D8D8;
padding: 4px 7px;
margin: 0px;
float: left;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
text-decoration: none;
color: #333333;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
color: #3b9acc;
}
#subnav li a:hover {
text-decoration: none;
color: #3b9acc;
}
/* content */
#content {
background:#EDEDED;
clear:both;
margin:50px 0 0 71px;
/*overflow:hidden;*/
/*padding:25px 25px 15px;*/
width:510px;
}
* html #content{
margin:50px 0 0 50px;
width:510px;
}
.post {
padding: 0px;
clear: both;
overflow: hidden;
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 1px dotted #333;
}
.post .date {
/*height: 50px;
width: 45px;
background: url(images/calendar.gif) no-repeat;*/
font: normal 15px Arial, Helvetica, sans-serif;
color: #141414;
/*text-align: center;*/
padding: 0px 2px 0 0;
line-height: 100%;
margin-bottom:10px;
/*float: left;*/
}
.post .date span {
height: 16px;
/*display: block;*/
font: normal 15px Arial, Helvetica, sans-serif;
color: #141414;
text-align: center;
/*padding-top: 7px;*/
}
.post .title {
float: left;
margin-left: 10px;
}
.postdata {
font-size: 90%;
color: #999999;
width:500px;
}
.postdata a, .postdata a:visited {
color: #999999;
text-decoration: none;
}
.postdata a:hover {
color: #2B2B2B;
text-decoration: none;
}
.postdata .category{
float: left;
}
.postdata .comments{
float: right;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat left center;
padding-left: 12px;
float: right;
}
.entry {
padding:15px 0 5px 10px;
clear: both;
font-size: 12px;
line-height: 1.6em;
margin-bottom: 1em;
}
/* post title */
h2.posttitle {
color: #000;
margin: 3px 0 2px;
padding-bottom: 4px;
font-size: 24px;
border-bottom: dotted 1px #CCCCCC;
}
h2.posttitle a, h2.posttitle a:visited {
color: #000;
text-decoration: none;
}
h2.posttitle a:hover {
color: #2B2B2B;
text-decoration: none;
}
.tags {
float: right;
color: #aaa;
}
.tags a{font-weight: bold;color: #000;}
.tags a:hover{color:#2B2B2B ;text-decoration: none;}
/* next & previous page navigation */
.page-nav {
clear: both;
background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top;
}
.page-nav a, .page-nav a:visited {
color: #000;
text-decoration: none;
}
.page-nav a:hover {
color: #fff;
text-decoration: none;
}
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
background: url(images/navigation-right.gif) no-repeat right center;
}
/* next & previous post navigation */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}
.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}
.post-nav a:hover {
color: #000000;
text-decoration: none;
}
.post-nav .previous a {
float: left;
padding-left: 20px;
background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
background: url(images/post-nav-next.gif) no-repeat right center;
}
/* ------------------------------------- comment area */
h3#comments {
background: url(images/comments.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}
h3#respond {
background: url(images/respond.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 20px 0px 0px;
clear: both;
}
/* commentform */
#commentform {
margin-top: 10px;
}
#commentform label {
font-weight: bold;
color:#666;
font-size: 100%;
padding-left: 5px;
}
#commentform small {
color: #999999;
font-size: 90%;
}
#commentform textarea {
font: 110% Arial, Helvetica, sans-serif;
width: 480px;
height: 140px;
background:url(images/form-field-bg.gif) no-repeat;
border: solid 1px #e6e6e6;
padding: 5px 3px 3px 7px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
border: solid 1px #999;
}
/* comment list */
.commentlist {
margin: 10px 0px;
padding-left: 45px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #F4F4F4;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 110%;
color: #2B2B2B;
}
.commentlist cite a, .commentlist cite a:visited {
color: #2B2B2B;
}
img.avatar {
float: right;
margin: 5px;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
color: #999999;
}
/* ------------------------------------- cred area */
#cred {
padding: 10px 0px 0px 8px;
clear: both;
font-weight: bold;
}
#cred .designer {
font-size: 11px;
color: #666;
font-weight: bold;
padding-left: 25px;
float: left;
background: url(images/pagelines-icon.gif) no-repeat 3px 0px;
}
#cred .wordpress-link {
font-size: 11px;
color: #666;
font-weight: bold;
margin-left: 4px;
float: left;
}
#cred a, #cred a:visited {
text-decoration: none;
color: #333;
}
#cred a:hover {
text-decoration: underline;
}
/* @ FORMS */
legend{display: none;}
fieldset{border:none;background: transparent;}
/* commentform */
label {
color:#333;
font-size: .9em;
display: block;
}
small {
color: #555;
font-size: 90%;
}
input{
font: 110% arial, helvetica;
padding: 5px 3px 3px 5px;
background: url(images/form-field-bg.gif) no-repeat;
border-top: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
}
textarea {
font: 110% courier, arial, helvetica;
height: 140px;
background:url(images/form-field-bg.gif) no-repeat;
border-top: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
padding: 5px 3px 3px 7px;
}
textarea:focus, input[type="text"]:focus {
border: solid 1px #666;
}
.button, input[type="submit"], .submit {
border: 1px solid #aaa;
background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top;
margin:0;
font-weight: bold;
font-family: arial, helvetica;
}
.button:hover, input[type="submit"]:hover{color: #2B2B2B;}
.button:active, input[type="submit"]:active{background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; color: #000;}
/* sidebar */
#sidebar {
margin-top: 15px;
margin-right: 5px;
float:right;
width: 260px;
color: #666666;
line-height: 160%;
}
#sidebar p {
margin: 0px 0px 15px;
}
#sidebar h3 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #444;
}
#sidebar h3:hover{color: #000;}
#sidebar h3 a, #sidebar h3 a:visited {
color: #333;
}
#sidebar h3 img {
vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
color: #000000;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
text-decoration:underline;
}
#sidebar ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}
/*#sidebar ul li {
background: url(images/bullet.gif) no-repeat;
padding-left: 20px ;
}*/
#sidebar ul li ul li {
background: url(images/bullet-grey.gif) no-repeat;
padding-left: 12px ;
}
#archives ul li {
background: url(images/archive.gif) no-repeat;
}
#recent-comments ul li {
background: url(images/comment.gif) no-repeat;
}
#recent-posts ul li {
background: url(images/mini-page.gif) no-repeat;
}
/* meta */
#meta .rss {
background: url(images/mini-rss.gif) no-repeat;
}
#meta .check {
background: url(images/comment.gif) no-repeat;
}
/* calendar */
#calendar table {
margin: 0px auto;
}
#calendar td {
padding: 0px 4px;
}
/* alignments */
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto;}
img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
img[align="right"] {float:right; margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.wp-caption {
text-align: center;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fff;
text-align: center;
padding: 4px;
margin-bottom: 1em;
}
.wp-caption-text {font-size: 10px;margin:0;padding:6px 3px 2px;line-height: 16px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;margin-top: 5px; }
.wp-caption-dd {font-size: 11px;line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* @ STANDARD ELEMENTS */
img#wpstats{width:0px;height:0px;overflow:hidden;}
.border{ padding: 2.5px; border: 1px solid #ccc;}
.hidden {display: none; visibility: hidden;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin:0 10px 5px 0;}
.alignright {float: right;margin:0 0 5px 10px;}
/* FLOATING AND ALIGNMENT */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.block{display:block;}
.left{float:left;}
.clear{clear:both;}
.center {text-align: center;}
/* CLEARFIX */
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
/* navigation styles */
#selTopNavigation{
background:#2B2B2B;
}
#selTopNavigation ul{
padding:0 0 0 140px;
width:780px;
margin:34px 0 0 0;
*margin:0;
background:#2B2B2B;
overflow:hidden;
}
* html #selTopNavigation ul{
margin:0;
}
#footer{
margin:0 auto;
width:920px;
}
#footer ul{
margin:0;
background:none;
padding:0;
width:920px;
overflow:hidden;
}
#selTopNavigation li,#footer li{
float:left;
padding:0;
margin:0;
list-style-type:none;
}
#footer li{
float:right;
background:#2B2B2B;
}
#selTopNavigation .clsPhotobooth a,#selTopNavigation .clsPartners a,#selTopNavigation .clsPress a,#selTopNavigation .clsParking a,#selTopNavigation .clsPhotoGallery a,#selTopNavigation .clsHaas a,#selTopNavigation .clsEventCalendar a,#footer .clsContactLink a,#footer .clsBlogLink a,#footer .clsDownloadsLink a,#footer .clsFacebookLink a,#footer .clsTwitterLink a{
background:url(images/bg-polite.jpg) no-repeat 1px top;
width:139px;
height:45px;
}
#footer .clsDownloadsLink a{
background:url(images/bg-download.jpg) no-repeat left top;
width:121px;
height:44px;
}
#footer .clsDownloadsLink a:hover{
background:url(images/bg-download.jpg) no-repeat left bottom;
height:44px;
}
#footer .clsFacebookLink a{
background:url(images/bg-facebook.jpg) no-repeat left top;
width:103px;
height:44px;
}
#footer .clsFacebookLink a:hover{
background:url(images/bg-facebook.jpg) no-repeat left bottom;
height:44px;
}
#footer .clsTwitterLink a{
background:url(images/bg-twitter.jpg) no-repeat left top;
width:96px;
height:44px;
}
#footer .clsTwitterLink a:hover{
background:url(images/bg-twitter.jpg) no-repeat left bottom;
height:44px;
}
#footer .clsContactLink a{
background:url(images/bg-contactus.jpg) no-repeat left top;
width:121px;
height:44px;
}
#footer .clsBlogLink a{
background:url(images/bg-blog.jpg) no-repeat left top;
width:73px;
height:44px;
}
#footer .clsBlogLink a:hover{
background:url(images/bg-blog.jpg) no-repeat left bottom;
width:73px;
height:44px;
}
#footer .clsContactLink a:hover{
background:url(images/bg-contactus.jpg) no-repeat left bottom;
width:121px;
height:44px;
}
#selTopNavigation .clsPhotobooth a:hover,#selTopNavigation .clsPhotobooth.clsActive a{
background:url(images/bg-polite.jpg) no-repeat 1px bottom;
}
#selTopNavigation .clsPartners a{
background:url(images/bg-partners.jpg) no-repeat 1px top;
width:102px;
}
#selTopNavigation .clsPartners a:hover,#selTopNavigation .clsPartners.clsActive a{
background:url(images/bg-partners.jpg) no-repeat 1px bottom;
width:102px;
}
#selTopNavigation .clsPress a{
background:url(images/bg-press.jpg) no-repeat 1px top;
width:76px;
}
#selTopNavigation .clsPress a:hover,#selTopNavigation .clsPress.clsActive a{
background:url(images/bg-press.jpg) no-repeat 1px bottom;
width:76px;
}
#selTopNavigation .clsParking a{
background:url(images/bg-parking.jpg) no-repeat 1px top;
width:92px;
}
#selTopNavigation .clsParking a:hover{
background:url(images/bg-parking.jpg) no-repeat 1px bottom;
width:92px;
}
#selTopNavigation .clsPhotoGallery a{
background:url(images/bg-photogallery.jpg) no-repeat 1px top;
width:145px;
}
#selTopNavigation .clsPhotoGallery a:hover,#selTopNavigation .clsPhotoGallery.clsActive a{
background:url(images/bg-photogallery.jpg) no-repeat 1px bottom;
width:145px;
}
#selTopNavigation .clsEventCalendar a{
background:url(images/bg-eventcalendar.jpg) no-repeat 1px top;
width:151px;
}
#selTopNavigation .clsEventCalendar a:hover,#selTopNavigation .clsEventCalendar.clsActive a{
background:url(images/bg-eventcalendar.jpg) no-repeat 1px bottom;
width:151px;
}
#selTopNavigation .clsHaas a{
background:url(images/bg-haas.jpg) no-repeat 1px top;
width:74px;
}
#selTopNavigation .clsHaas a:hover{
background:url(images/bg-haas.jpg) no-repeat 1px bottom;
width:74px;
}
#selTopNavigation li a,#footer li a{
display:block;
padding:0;
text-decoration:none;
color:#6D6D6D;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-indent:-999em;
cursor:pointer;
}
.clsBlogHeading{
background:url(images/blog.gif) no-repeat left top;
width:133px;
height:35px;
text-indent:-999em;
margin:10px 0 0 140px;
}
/* style for contact us section starts here */
.clsPopUpContact h2{
margin:15px 0 5px 0;
font:bold 18px Verdana, Arial, Helvetica, sans-serif;
color:#6B6558;
}
.clsThanksLeft{
float:left;
width:230px;
}
.clsThanksLeft p{
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
width:160px;
color:#6D6D6D;
line-height:19px;
}
.clsThanksLeft h2{
margin-bottom:5px;
}
.clsApcRight{
position:absolute;
width:161px;
margin:1.8em 0 0 21.5em;
}
* html .clsApcRight{
margin:1.8em 0 0 1em;
}
.clsApLogo,.clsApLogoContact{
background:url(images/aplogo.jpg) no-repeat right bottom;
padding:0 180px 0 0;
}
.clsApLogo{
padding:0;
background:url(images/aplogo.jpg) no-repeat left top;
text-indent:-9999em;
width:161px;
height:63px;
}
.clsPersonLeft{
float:left;
margin:0;
width:220px;
}
.clsScheduleRight{
position:absolute;
width:245px;
margin:3em 0 0 15.5em;
}
* html .clsScheduleRight{
margin:3em 0 0 -3.5em;
}
.clsPopUpContact p, #selAmenitiesText p{
color:#6D6D6D;
font:12px Verdana, Arial, Helvetica, sans-serif;
margin:2px 0;
}
.clsByPhone{
margin:15px 0;
}
.clsScheduleRight .clsMap a{
height:50px;
display:block;
width:104px;
}
.clsScheduleRight .clsCalendarImage{
margin-bottom:21px;
}
.clsScheduleRight .clsCalendarImage{
background:url(images/icon-calendar.gif) no-repeat right center;
line-height:35px;
padding:0 30px 0 75px;
margin-right:10px;
}
.clsScheduleRight .clsCalendarImage p{
margin:0;
padding:0;
}
#main .clsScheduleRight .clsCalendarImage a,.clsMapClick a span{
color:#316FA2;
text-decoration:none;
}
.clsScheduleRight .clsMapClick{
left:60px;
position:relative;
height:20px;
}
.clsScheduleRight .clsMap{
position:relative;
top:-5px;
left:80px;
}
.clsScheduleRight a{
text-decoration:none;
}
/* style for contact us section ends here */