/*
Theme Name: Lannen Designs 2.0
Theme URI: http://www.lannendesigns.com
Description: This is a blank Wordpress theme with a fixed width, laid out in 2 columns with the menu on the right
Author: Christina Lannen, Lannen Designs
Author URI: http://www.lannendesigns.com


/*-----------Block Level Elements--------------*/
*{margin:0; padding:0;} /* removes all margins and padding */
html { min-height:100%; margin-bottom:1px; } /*keeps short pages from jumping */


body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000;
font-family: Helvetica, Arial, sans-serif;
font-size: 10pt;

}

td {font-size: 10pt;vertical-align: top;}

img a {border: none; text-decoration: none;}
img {border: none;}

a {color: #575757; }
#page {
	width: 961px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 99px;
}
#logo {float: left; position: relative; top: 30px; margin-left: 10px;}

#topNavigation{ background-image: url(images/topNavBG.png);
background-repeat: no-repeat;
background-position: bottom left;
width: 961px; height: 42px;}

 ul#topNav {
margin-left: 50px;
}


#topNav li { 
    float: left; 
   /* background: #CCE7F7 url(images/tableft.png) no-repeat left top; */
     background: transparent url(images/divider.png) no-repeat top right; 
      padding: 0px 10px 0px 10px;
    margin-right: 1px; 
	list-style-type: none;
	height: 41px;

} 
 
#topNav li a { 
  background: transparent url(images/divider.png) no-repeat top right; 
    padding: 0px 10px 0px 10px; 
	color: #fff;
	text-decoration: none;
	line-height: 42px;
	text-align: center;
	min-width: 60px;
	font-weight: bold;
} 
 
#topNav li.current_page_item { 
    background: transparent url(images/topNavActiveBTN.png) no-repeat left top; 
	height: 42px;
	padding: 0px 0px 0px 0px;
} 
 
#topNav li.current_page_item a { 
    background: transparent url(images/topNavActiveBTNBG.png) no-repeat right top; 
    color: #FFFFFF; 
		text-decoration: none;
height: 42px;
display: block;
text-align: center;
padding: 0;
margin-left: 12px;
padding-right: 12px;
}

#topNav li.current_page_ancestor, li.current_page_parent {    background: transparent url(images/topNavActiveBTN.png) no-repeat left top; 
	height: 42px;
	padding: 0px 0px 0px 0px;}

#topNav li.current_page_ancestor a, li.current_page_parent a {    background: transparent url(images/topNavActiveBTNBG.png) no-repeat right top; 
    color: #FFFFFF; 
		text-decoration: none;
height: 42px;
display: block;
text-align: center;
padding: 0;
margin-left: 12px;
padding-right: 12px;}

#topNav li.current_page_parent {    background: transparent url(images/topNavActiveBTN.png) no-repeat left top; 
	height: 42px;
	padding: 0px 0px 0px 0px;}

#topNav li.current_page_parent a {    background: transparent url(images/topNavActiveBTNBG.png) no-repeat right top; 
    color: #FFFFFF; 
		text-decoration: none;
height: 42px;
display: block;
text-align: center;
padding: 0;
margin-left: 12px;
padding-right: 12px;}



#featuredContent {background-image: url(images/featuredBG.jpg);background-repeat: no-repeat; width:961px; height: 272px; }

#mainfeatured {float: left;margin-left: 40px; margin-top: 40px;}
#mainFeaturedContent {float: right; margin-top: 40px; margin-right: 80px; width: 475px;}
#mainFeaturedContent h2 {font-family: Helvetica, Arial, sans-serif; color: #8DB6D6; font-size: 13pt; font-weight: lighter; letter-spacing: 1px;}
#mainFeaturedContent h1 {font-family: Georgia, Times, serif; color: #fff; font-size: 18pt; font-weight: lighter; letter-spacing: 0.2em;}
#mainFeaturedContent p {margin-top: 10px;margin-bottom: 10px; color: #fff;}

/* SUBNAV */
#subFeatured {position: relative; top: -29px;}
ul#subNav {
margin-left: 50px; height: 29px;
}

/*#navtabs { 
    list-style: none; 
    padding: 0; 
    height: 30px; 
    font-size: 11px; 
    font-weight: bold; 
    text-transform: uppercase; 
    border-bottom: 4px solid #0288D8; 
} */
 
#subNav li { 
    float: left; 
    background: url(images/featuredBTNNotActive.png) no-repeat left top; 
color: #fff;
    padding: 0px 5px 0px 9px;  
    margin-right: 5px; 
	list-style-type: none;
	height: 29px;

} 
 
#subNav li a { 
  background: transparent url(images/featuredBTNBG.png) no-repeat top right; 
    padding: 0px 9px 0px 0px; 
min-width: 80px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 29px;
	display: block;
text-align: center;
} 


#subNav li.freequote { 
float: left;
    background: transparent url(images/quoteGreenBTNNotActive.png) no-repeat left top; 
	height: 29px;
	padding: 0px 5px 0px 9px;
	color: #fff;
} 
 
#subNav li.freequote a { 
    background: transparent url(images/quoteGreenBTNBG.png) no-repeat right top; 
	color: #fff;
		font-weight: bold;
		text-decoration: none;
height: 29px;
display: block;
text-align: center;
    padding: 0px 9px 0px 0px; 
min-width: 80px;

}
 
#subNav li.current_page_item { 
    background: transparent url(images/featuredLeftActive.png) no-repeat left top; 
	height: 29px;
	padding: 0px 0px 0px 0px;
} 
 
#subNav li.current_page_item a { 
    background: transparent url(images/featuredLeftActiveBG.png) no-repeat right top; 
	color: #575757;
		font-weight: bold;
		text-decoration: none;
height: 29px;
display: block;
text-align: center;
margin-left: 10px;
margin-right: 5px;
}


#threefeatured {
background-image:url(images/subFeaturedBG.jpg);
background-repeat: no-repeat;
height: 168px;
width: 961px;}


#firstSite, #secondSite, #thirdSite {width: 280px; color: #575757; padding-top: 20px;}

#firstSite {float: left; margin-left: 30px;}
#secondSite {margin-left: 350px;}
#thirdSite { float: right; margin-right: 20px;}


#homecontent {width: 961px;
background-image: url(images/grunge.jpg);
background-repeat: no-repeat;
background-position: top left;
min-height:300px;
background-color: #fff;
overflow: visible;}


#homeAbout, #homeServices, #homeTestimonials {width: 280px; color: #575757; padding-top: 20px; }


#homeAbout {float: left; margin-left: 30px;}
#homeServices {margin-left: 350px;}
#homeTestimonials { float: right; margin-right: 20px;}


#homeAbout h1, #homeServices h1, #homeTestimonials h1 {font-family: Georgia, Times, serif; font-size: 18pt; font-weight: lighter; color: #8C8C8C;}
#homeAbout h2, #homeServices h2, #homeTestimonials h2{font-family: Helvetica, Arial, sans-serif; font-size: 12pt;
color: #94BC40;margin-bottom: 10px;font-weight: lighter;}

ul#services, ul#topics {
margin-left: 25px;
width: 220px;
list-style-type: square;
list-style-image: url(images/arrow.png);
}

#services li {
height: 24px;

}
#topics li {
min-height: 24px;

}

ul#services li a {
color: #8C8C8C;
text-decoration: none;
}
ul#topics li a {
color: #8C8C8C;
text-decoration: none;
}


#readmore {clear: both; width: 961px;}
#aboutRead, #servicesRead, #testimonialsRead {width: 280px; color: #575757; padding-top: 20px;}

#aboutRead {float: left; margin-left: 30px;}
#servicesRead {margin-left: 350px;}
#testimonialsRead { float: right; margin-right: 20px;}

/* interior pages */
#wrapper {
	width: 961px;
	background-image: url(images/grunge.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 364px;
	background-color: #fff;
}

#content {
	float: left;
	width: 634px; /*70%*/
		min-height: 364px;
}

#sidebar {
	width: 327px;/*28%;*/
	margin-left:634px;/* 70%;*/
	background-image: url(images/sidebarBG.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height:786px;
}

#blogbar { /* blog sidebar */
	width: 327px;/*28%;*/
	margin-left:634px;/* 70%;*/
	background-image: url(images/sidebarBG.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height:786px;
}


/*-------------Headings-------------*/

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

/*-------------The Post-------------*/
td.colorchart {color: #000;}
td.white {color: #fff;}


.post {
margin: 15px 30px 15px 50px;
color: #575757;
}
.post h1 {font-family: Georgia, Times, serif !important; color: #8C8C8C; font-size: 26pt !important; font-weight: lighter; margin-top: 20px;}
.post h2 {font-family: Georgia, Times, serif !important;  color: #8C8C8C; font-size: 18pt; font-weight: lighter; margin-top: 20px;}



.post p {
margin-top: 10px;

}

.post a {
color: #575757;
text-decoration: underline;
}

.post ul {
margin-top: 10px;
margin-left: 25px;
}

.post ol {margin-top: 10px;margin-left: 28px;}

.post li {

}

.entrytext h1 {font-family: Georgia, Times, serif; color: #8C8C8C; font-size: 20pt; font-weight: lighter;margin-top: 30px; }
}

.entrytext h2 {font-family: Georgia, Times, serif !important; color: #8C8C8C; font-size: 14pt; font-weight: lighter; margin-top: 20px;}

.post h1 {font-family: Georgia, Times, serif !important; color: #8C8C8C; font-size: 16pt; font-weight: lighter; margin-top: 20px;}

.post h3 {font-family: Georgia, Times, serif !important;  color: #0A4AAF; font-size: 16pt; font-weight: lighter; margin-top: 20px;}

.post h3 a {font-family: Georgia, Times, serif !important; color: #8C8C8C; font-size: 12pt; font-weight: lighter; margin-top: 20px; text-decoration: none;}


.entrytext p {
margin: 10px 0px 10px 0px !immportant;
}
.entrytext .postmetadata {

}

.postmetadata alt {

}

.postmetadata a {

}

.navigation {

}

.alignleft {

}

.alignright {

}

.center {

}

.pagetitle {

}

blockquote{
	border-left:1px dashed #496894;
	border-bottom: 1px dashed #496894;
	margin:15px;
	padding:0 12px 0 12px;
	}

blockquote p {padding-bottom: 10px;}

cite {

}

a img {

}

acronym, abbr {

}

/*--------------Sidebar------------*/

#sidebar ul {
padding-top:30px;
list-style-type: none;

/*list-style-type: square;
list-style-image: url(images/arrow.png);*/

}

#sidebar ul h2 {

}

#sidebar ul li {
background-image: url(images/sidebarLinkBG.gif);
background-repeat: no-repeat;
background-position: top left;
height: 46px;
/*height: 38px;
background-image: url(images/sidebarDivider.png);
background-repeat: repeat-x;
background-position: bottom right;
width: 260px;*/
}


#sidebar ul li.current_page_item {background-image: url(images/selected.png);
background-repeat: no-repeat;
background-position: top left;}

#sidebar ul ul {

}

#sidebar ul ul li {

}

#sidebar ul ul ul {

}

#sidebar h1 {margin-left: 60px;padding-top:30px;font-family: Georgia, Times, serif; font-size: 16pt; color: #9AC442; font-weight: lighter;}

#sidebar p {
margin-left: 60px;
}

#sidebar a {

padding-left: 50px;
line-height: 42px;
display:block;
text-decoration: none;
}


#blogbar h1 {margin-left: 60px;padding-top:30px;font-family: Georgia, Times, serif; font-size: 16pt; color: #9AC442; font-weight: lighter;}

#blogbar ul {
padding-top:10px;
margin-left: 80px;
list-style-type: square;
list-style-image: url(images/arrow.png);

}

#blogbar ul li {
height: 28px;
width: 260px;
list-style-type: square;
list-style-image: url(images/arrow.png);
}


/*#blog ul li.current_page_item {background-image: url(images/selected.png);
background-repeat: no-repeat;
background-position: top left;}*/

#blogbar ul ul {

}

#blogbar ul ul li {

}

#blogbarul ul ul {

}

#blogbar p {

}

#blogbar a {

line-height: 28px;

text-decoration: none;
}


/*--------------Comments--------------*/

ol.commentlist {

}

ol.commentlist li {

}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}

/*--------------Search Form-------------*/

#searchform {

}

#searchform input {

}

#searchform #s {

}




/*-------------Images------------------*/




/*-------------Other------------------*/

hr {
	display: none;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.center {
	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 */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}
/* End captions */


/*footer */
#footer {
	width: 961px;
	margin: 0 auto;
	background-image: url(images/footerBG.png);
	background-repeat: no-repeat;
	height: 29px;
	clear: both;
}
.noscreen {display:none;}
    #footertop {position:relative; /*top:55px;*/ left:650px; width: 100px;}
    #footertop p {position:relative; width:36px; height:28px; margin:0; overflow:hidden;color: transparent !important;}
    #footertop p span {display:block; position:absolute; left:0; top:0; z-index:1; width:36px; height:28px; background:url(images/top.png) 0 0 no-repeat; color: transparent !important;}
    #footertop a:hover span {color: transparent !important; background:url(images/top.png) -40px 0 no-repeat; }

#subfooter {width: 961px; margin: 0 auto;}
#subfooter p {padding: 5px;text-align: right; color: #fff;}
#subfooter a {color: #fff; text-decoration: none;}


p.quotescollection {height: 0px;}
.quotescollection_nextquote {display: none;}

.addthis_container {clear: both;padding-top: 20px;}


img.client {border: 13px solid #111111;}

.copyright {float: left;}
.credits {float: right;}


#hostingpackages {
background-color: #ECECEC;
/*background-image:url(images/subFeaturedBG2.jpg);
background-repeat: repeat-y;
background-position: bottom left;
height: 168px;*/
width: 961px;}

 h2.copper{font-family: Georgia, Times, serif; font-size: 18pt;
color: #B86408;font-weight: lighter;}

 h2.bronze{font-family: Georgia, Times, serif; font-size: 18pt;
color: #AF8910;;font-weight: lighter;}

 h2.silver{font-family: Georgia, Times, serif;  font-size: 18pt;
color: #666;font-weight: lighter;}

 h2.gold{font-family: Georgia, Times, serif; font-size: 18pt;
color: #FDD016;font-weight: lighter;}


td {vertical-align: top;}

 td h2.copper{font-family: Georgia, Times, serif; font-size: 18pt;
color: #B86408;font-weight: lighter;}


 td h2.bronze{font-family: Georgia, Times, serif; font-size: 18pt;
color: #AF8910;;font-weight: lighter;}

 td h2.silver{font-family: Georgia, Times, serif;  font-size: 18pt;
color: #666;font-weight: lighter;}

 td h2.gold{font-family: Georgia, Times, serif; font-size: 18pt;
color: #FDD016;font-weight: lighter;}

#hostingpackages ul {list-style-type: disc; font-size: 10pt; margin-left: 20px;}

