/*
Theme Name: BaseFL
Theme URI: http://desigadaptations.com/themes/
Description: A minimalist 2-column, left menu, fixed theme built for rapid development
Author: Charity Ondriezek
Author URI: http://designadaptations.com


/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

*{margin:0; padding:0;}
html,body {margin:0 !important; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:2em;
	background:#000;}
	
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em; margin-top:10px;}
h3 {font-size: 1.2em; margin-top:10px;}
h4 {font-size: 1em;}

a{
	color:#666;
	text-decoration:none;}
	
a:visited, a:active{color:#999;}
a:hover{color:#333;}

img{}
img a{border:none;}

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	margin:10px 5%;
	padding:5px;}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}

hr {}

acronym, abbr {}

/* -------------------------------------------------
     WRAP
------------------------------------------------- */
#pagewrap {
	width: 920px;
	margin: 0 auto;
	background:#fff;
	color:#333;
	border:solid 1px #ccc;}
	
/* -------------------------------------------------
     HEADER
------------------------------------------------- */

#header {
	width: 100%;
	margin-bottom:0;
	border-bottom:solid 1px #ccc;}


	
#header img {}

.tagline {padding:5px 1%;}

/* -------------------------------------------------
     MAIN CONTENT
------------------------------------------------- */
#contentwrap{margin-top: 70px; width: 100%; }

#content {
	float: right;
        width: 79%;
	font-size:1.2em;
	border-left:solid 0 #ccc;}

#content h2.archivetitle{margin-left:5px;}

.post {
	margin:10px;
	padding:10px;}

.post h2 a{text-decoration:none;}

.post a{text-decoration:underline;}

.post ul {}

.post li {}

.entry p{margin:1em 0;}

.postmetadata{
	background:#ececec;
	padding:5px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}

p.postmetadata {clear: both;}	
	
.postmetadata alt {}
.postmetadata a {}

/* for previous & next entry links */
.navigation {
padding: 0;
font-size: 11px;
line-height: 13px;
float: left;
width: 94%;
margin: 15px;
border-top: 1px solid #CCC;
padding-top: 5px;
}

	.alignleft {float:left;}
	.alignright {float:right;}


.navigation .alignleft {display:block; width:50%;}
.navigation .alignright {display:block; width:50%; text-align: right;}



/* -------------------------------------------------
     COMMENT FORM
------------------------------------------------- */

#commentform{
	margin:10px;
	padding:10px;}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;}

#author, #email, #url{margin:5px 5px 0 0;}

#submit{margin:5px 5px 0 0;}

/* -------------------------------------------------
     COMMENTS
------------------------------------------------- */

#comments{
	margin:10px;
	padding:10px;}
	
ol.commentlist {}

ol.commentlist li {
	background: #ececec;
	margin:10px 0;
	padding:5px 0 5px 10px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}

ol.commentlist li.alt {}

ol.commentlist a {}

cite {}

small.commentmetadata {}

/* -------------------------------------------------
     SEARCH
------------------------------------------------- */

#searchform {margin:.5em 0 1em 0;}

#searchform input {}

#searchform #s {}

/* -------------------------------------------------
     FOOTER
------------------------------------------------- */

#footer {
	clear: both;
	width: 100%;
	margin-top:15px;
	border-top:solid 1px #ccc;}
	
#footer p{padding:5px 1%;}

/* -------------------------------------------------
	 CLEARS (if needed with further customizations)
------------------------------------------------- */

.clear{clear:both;}
.clearfix{display:inline-block;}

.noborder{border:none !important; vertical-align:middle;}

.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}

/* -------------------------------------------------
     OVERWRITES
------------------------------------------------- */

p { font: 11px/16px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; padding: 0; margin: 5px 0 10px 0; }

a:link {text-decoration: none;
	color: #AC1A2F;
	font-weight: bold}

a:hover {text-decoration: underline;
	color: #AC1A2F;
	font-weight: bold}	

a:visited {text-decoration: none;
	color: #999999;
	font-weight: bold}	

img, img a, img a:hover {
	border: 0; text-decoration:0;}

#pageTitle {
	margin: 0;
        position: absolute; top: 179px; left: 207px;
	}

#content-wrapper {
	width: 100%;
	background: url(http://www.webergroupinc.com/images/hrzLine2.gif) repeat-x 0 0;
}



 #container-wrapper { 
	width: 920px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

 #container { 
	width: 900px;  
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
} 

 #topnav { 
	background: url("http://www.webergroupinc.com/images/hdrBar-bg.gif") repeat-x;
	height: 30px;
	width: 900px;
	} 

#topnav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	font: bold 11px/24px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #FFF;
}

#topnav li {
	display:inline;
	float: right;
	margin: 0;
	padding: 2px 10px;
}


#topnav li a:link {text-decoration: none;
	color: #FFF;
	font-weight: normal}
	
#topnav li a:hover {text-decoration:underline;
	color: #FFF;
	font-weight: normal}	

 #header { 
	background: url("http://www.webergroupinc.com/images/hdrBg.jpg") no-repeat;
	height: 120px;
	width: 900px;
	} 

#logo {margin: 8px 0 0 10px;}






#nav-wrapper { 
	background-color:#FFF;
	height: 30px;
	width: 900px;
	margin: 0; padding: 0;
	} 

#nav { 
	background-color:#FFF;
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	height:28px;
	width: 900px;
	margin: 2px 0 0 0;
	padding:0;
	} 
		 
#nav ul
	{width: 900px; float: left; padding: 0; margin: 0; height: 28px;}
		 
#nav li, #nav li a {
  /*float the main list items*/
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  height: 28px;
  }


#nav li ul {
  /*put the subnavs below and hide them all*/
  display: none;
  width: 100px;
  position: relative;
  top: 0;
  left: 0;
  clear: both;
  	border-top: #CCC solid 1px;

}

#nav li li {
	float:none;
	padding: 5px 0 0 5px;
	height: 20px;
	background-color:#FFF;
	border-right: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
   }
   
#nav li li a {
	display:block;
	color:#666;
	height: 20px;
	margin: 0;
    font: normal 1.2em/1.4em Trebuchet MS, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-indent: 0;
	text-align:left;}
	
#nav li li:hover {
    font: normal inherit Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #AC1A2F;
	text-decoration: none;
	background: url(http://www.webergroupinc.com/images/nav-hover-bg.gif) repeat-x 0 0;
	}

#nav li li a:hover  {
		color: #AC1A2F;
}

#nav li:hover, #nav a:hover {background-position: 0 0;}

#nav li:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}
	
li.nav-home, a.nav-home {background: url("http://www.webergroupinc.com/images/nav-home.gif") no-repeat 0 -28px; text-indent: -9999px; width: 92px; height:18px; }
li.nav-about, a.nav-about {background: url("http://www.webergroupinc.com/images/nav-about.gif") no-repeat 0 -28px; text-indent: -9999px; width: 115px;  height:18px;}
li.nav-work, a.nav-work {background: url("http://www.webergroupinc.com/images/nav-work.gif") no-repeat 0 -28px; text-indent: -9999px; width: 118px;  height:18px;}
li.nav-svcs, a.nav-svcs {background: url("http://www.webergroupinc.com/images/nav-svcs.gif") no-repeat 0 -28px; text-indent: -9999px; width: 125px; height:18px;}
li.nav-constr, a.nav-constr {background: url("http://www.webergroupinc.com/images/nav-constr.gif") no-repeat 0 -28px; text-indent: -9999px; width: 144px; height:18px;}
li.nav-ideas, a.nav-ideas {background: url("http://www.webergroupinc.com/images/nav-ideas.gif") no-repeat 0 -28px; text-indent: -9999px; width: 136px; height:18px;}
li.nav-weberworld, a.nav-weberworld {background: url("http://www.webergroupinc.com/images/nav-weberworld.gif") no-repeat 0 -28px; text-indent: -9999px; width: 170px; height:18px;}

#pg-about li.nav-about, #pg-about a.nav-about, #pg-news li.nav-about, #pg-news a.nav-about, #pg-team li.nav-about, #pg-team a.nav-about, #pg-partners li.nav-about, #pg-partners a.nav-about, #pg-clients li.nav-about, #pg-client a.nav-about, #pg-shop li.nav-about, #pg-shop a.nav-about, #pg-phil li.nav-about, #pg-phil a.nav-about
 { background-position: 0 0; }

#pg-work li.nav-work, #pg-work a.nav-work { background-position: 0 0 ; }
#pg-services li.nav-svcs, #pg-services a.nav-svcs { background-position: 0 0 ; }
#pg-construction li.nav-constr, #pg-construction a.nav-constr { background-position: 0 0 ; }
#pg-ideas li.nav-ideas, #pg-ideas a.nav-ideas { background-position: 0 0 ; }
#pg-blog li.nav-weberworld, #pg-blog a.nav-weberworld { background-position: 0 0 ; }
#pg-news li.nav-news, #pg-news a.nav-news { background-position: 0 0 ; }

/* -------------------------------------------------
     end nav imported
------------------------------------------------- */

 #mainContent { 
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#pageTitle {margin:25px 0 30px 0;}

 #footer { 
 	height: 15px;
	width: 900px;
	background: url("http://www.webergroupinc.com/images/footerBg.gif") repeat-x;
	margin-top:30px;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 10px 4px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFFFFF;
	font: 9px/9PX Trebuchet MS, Arial, Helvetica, sans-serif;

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.pad10 {padding:10px;}

.hide {display: none;}




/* -------------------------------------------------
     SIDEBAR
------------------------------------------------- */

#sidebar {
	width: 160px;
	float:left;
	font-size:1.2em;
	margin: 20px 0 20px 15px;
	position: relative;	
	}

#sidebar-box {
	background-color: #FFF;
	border: #CCC solid 1px;
	padding: 2px;
	width: 160px;
	margin: 0;
}


#sidebar-box table {
	border: #CCC solid 1px;
}


#sidebar h2{margin-top:10px;}

#sidebar p {margin:1em 0;}


#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;}


#sidebar-box p {
	padding: 6px;
}


.sidebar-subnav-h3 {
	color:#666666;
	font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin: 0; 
	padding: 6px 6px 6px 10px;
}

.sidebar-subnav-hdr {
	background: url(http://www.webergroupinc.com/images/sidebarbox-hdr-bg.gif) repeat-x 0 0;
}

ul.sidebar-subnav {
	margin: 0;
	list-style-type:none;
	font: normal 12px/15px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 3px 6px 6px 10px;
	
}

ul.sidebar-subnav a {
	font: normal 12px/15px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666;		
}


ul.sidebar-subnav a:hover {
	font: normal 12px/15px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ac1a2f;		
}

#sidebar ul {margin: 12px;}
#sidebar ul li {margin-bottom: 8px;}


.wp-caption {padding: 5px; margin:5px; background-color:#eee; border: #CCC solid 1px;}
.wp-caption-text {padding:0; margin:0;}



/* sticky post */

.weber-sticky-post {width:640px; padding:10px; background-color:#eee; border:#CCC solid 1px; margin:20px 0 10px 20px;}
.post-header {font-size:14px; color: #AC1A2F; font-weight:bold;}

.tompic {float:left; margin-right: 10px; border: 1px solid #ccc;}


div.addthis {display:block; clear:both; margin:10px 0;}

#nav li li a {
display: block;
color: #666;
height: 20px;
margin: 0;
font:normal 11px/12px Trebuchet MS, Arial, Helvetica, sans-serif;
text-decoration: none;
text-indent: 0;
text-align: left;
}