/*  
Theme Name: Astound Communications
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:url(./images/back.jpg) repeat-x #d2cdb6;
text-align:center;
font-family:Verdana, Arial, 'Sans Serif';
font-size:12px;
color:#4b4b4b;
}

body.inner {
background:url(./images/backinner.jpg) repeat-x #efefed;
}

body.page {
background:url(./images/backpage.jpg) repeat-x #d2cdb6;
}

body.pagewithbanner {
background: url(./images/backpagewithbanner.jpg) repeat-x #d2cdb6; 
}

a {
color: #ab582c;
text-decoration: underline;
}

a:hover {
color: #3e4754;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q, p.title {
margin:0 0 20px 0;
}

h1, h2, h3, h4, p.title, .excerpt p {
font-family: Georgia;
font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, p.title a {
color: #3e4754;
text-decoration: none;
font-weight: normal;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p.title a:hover {
color: #ab582c;
}

.alignleft, .thumb {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright, .avatar {
float:right;
display:block;
margin:0 0 20px 20px;
}

h1 {
font-size:25px;
}

h2, p.title {
font-size:26px;
line-height:30px;
}

h3 {
font-size:26px;
line-height:30px;
}

h4 {
font-size:14px;
line-height:20px;
}

p, ul, ol {
line-height:18px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}


#page {
width:970px;
display:block;
text-align: left;
margin:0 auto;
padding: 0px;
position:relative;
}

#header {
height:92px;
display:block;
width:970px;
position:relative;
}

h1 { margin:0px; }

a.logo {
display:block;
position:absolute;
top:0px;
left:180px;
background: url(./images/logo.png) no-repeat;
width:130px;
height:121px;
z-index: 1000;
}

#header .phone {
display:block;
position:absolute;
top:38px;
left:47px;
margin:0px;
}

ul#nav {
float:right;
display:block;
margin:0 50px 0 0;
font-family:"Myriad Pro", Arial;
}

ul#nav li {
display: block;
position:relative;
float:left;
margin:0 2px 0 0;
font-family:"Myriad Pro", Arial;
}

ul#nav li a {
display: block;
float:left;
height:92px;
line-height:92px;
padding:0 10px;
color: #FFF;
font-size:19px;
font-family:"Myriad Pro", Arial;
text-decoration: none;
position:relative;
z-index:2;
}

ul#nav li.hasdropdown a {
background: url(./images/menuarrow.png) no-repeat 10px 65px; 
}

ul#nav li.current_page_item, ul#nav li.current_page_parent, ul#nav li.current_page_ancestor, ul#nav li.current-cat, ul#nav li .hover {
background: url(./images/menuhover.jpg) repeat-x;
}

ul#nav li .hover {
position:absolute;
display: none;
width:100%;
height:100px;
top:0px;
left:0px;
z-index:1;
}

ul#nav li.active ul li a {
background: none;
}

ul#nav ul li.active { background: none; }

ul#nav ul li.hasdropdown {
background: url(./images/menuarrow.png) no-repeat 8px 2px ; 
}

ul#nav ul {
display:block;
top:92px;
background: url(./images/menudropdown.png) no-repeat bottom left;
width:209px;
position:absolute;
left:0px;
z-index:2000;
margin:0px;
padding:10px 0;
}

ul#nav ul ul {
left:180px;
top:-10px;
background: none;
}

ul#nav .top {
width:209px;
display:block;
height:10px;
background: url(./images/menudropdown.png) no-repeat top left;
}

ul#nav .base {
width:209px;
display:block;
height:10px;
background: url(./images/menudropdown.png) no-repeat bottom left;
}

ul#nav ul ul li {
display:block;
float:none;
height:20px;
background: url(./images/menudropdown.png) no-repeat center left;
width:209px;
margin:0px;
line-height: 20px;
}

ul#nav ul ul li:hover, ul#nav li.active ul ul li {
background: url(./images/menudropdown.png) no-repeat center left;
}

ul#nav ul li a {
font-size:16px;
height:20px;
line-height: 20px;
padding:0 0px 0 20px;
width:189px;
}

ul#nav ul li a:hover {
background: none;
color: #fd7f3b;
}



#banner {
background: url(./images/banner.jpg) no-repeat bottom center;
width:970px;
display:block;
overflow: hidden;
height:308px;
padding:50px 0 0 0;
}

#banner .left {
display: block;
width:47px;
float:left;
}

#banner .left .arrowleft {
display:block;
height:29px;
width:26px;
float:left;
margin:90px 0 0 0;
background: url(./images/bannerleft.png) no-repeat;
}

#banner .slider {
width:870px;
display: block;
float:left;
height:300px;
position:relative;
overflow: hidden;
}

#banner .slider ul, #banner .slider ul li {
display:block;
position:absolute;
top:0px;
width:870px;
left:0px;
}

#banner ul li, #banner ul li p {
font-size:30px;
color: #FFF;
line-height: 40px;
font-family: Georgia;
}

#banner .right {
display: block;
width:47px;
float:right;
}

#banner .right .arrowright {
display:block;
height:29px;
width:26px;
float:right;
margin:90px 0 0 0;
background: url(./images/bannerright.png) no-repeat;
}

#innerbanner {
width:868px;
margin:auto;
display:block;
padding:40px 0 40px 0;
overflow: hidden;
}

body.pagewithbanner #innerbanner {
padding-top:0px;
}

#innerbanner img {
margin:0 30px 0 0;
}

#innerbanner h3, #innerbanner .excerpt p {
font-size:26px;
color: #3e4754;
line-height:36px;
margin:0px;
font-weight:normal;
}

#innerbannerfull {
background: url(./images/bannerinsidebottom.jpg) no-repeat  bottom center;
display:block;
overflow: hidden;
width:100%;
height:300px;
padding:50px 0 0 0;
text-align: center;
}

#innerbannerfull img {
margin:auto;
}

#mainarea {
width:970px;
margin:0px 0 0 0;
display:block;
overflow: hidden;
}

body.inner #mainarea {
background: url(./images/contentarea.jpg) repeat-y 588px top;
}

body.page #mainarea {
margin:20px auto;
width:868px;
}

body.pagewithbanner #mainarea {
background:none;
margin:0 auto;
}

#homeposts {
display:block;
overflow:hidden;
margin:20px 0 20px 0;
}

#homeposts .post {
width:240px;
display:block;
float:left;
padding: 0px;
margin:0 40px;
}

#homeposts .post img {
margin:0 0 20px 0;
}

#homeposts .post h3 { margin:0px; }

p.meta {
color:#FFF;
font-style:italic;
font-family: Georgia;
font-size:14px;
}

#recentpost {
display:block;
margin:0 40px;
padding:30px 0 10px 0;
width:870px;
overflow: hidden;
background: url(./images/hr.jpg) no-repeat top left;
}

#recentpost .left {
float:left;
width:240px;
display:block;
}

#recentpost .right {
float:right;
display: block;
width:550px;
}

.hr {
display:block;
height:20px;
width:870px;
margin:0 40px;
background: url(./images/hr.jpg) no-repeat top left;
}

.smallhr {
display:block;
height:20px;
width:561px;
margin:0 0 0 40px;
background: url(./images/smallhr.jpg) no-repeat top left;
}

.post .smallhr {
margin:0 40px 0 0;
}

.postheading small {
margin-left:10px!important;
font-style: italic;
}

span.dropj {
font-size:60px;
font-weight: normal;
font-family: Georgia;
margin-right:10px;
color: #4b4b4b;
}

#contentarea {
width:590px;
display:block;
overflow: hidden;
float:left;
}

.postheading .top {
background: url(./images/postheadertop.jpg) no-repeat top left;
height:11px;
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:1;
display: block;
}

.postheading {
position:relative;
background: url(./images/postheading.jpg) no-repeat bottom right;
padding:40px 40px 40px 40px;
margin:0 0 20px 0;
overflow: hidden;
display: block;
width:518px;
}

.postheading p {
font-weight: normal;
color: #FFF;
font-size:30px;
line-height:35px;
margin:0 0 70px 0;
}

.heading h2, .postheading h2, .heading p.title, .postheading p.title {
font-weight: normal;
font-size:26px;
float:left;
display:block;
line-height:30px;
margin:0px;
}

.heading small, .postheading small {
font-family: Georgia;
font-weight: normal;
font-size:14px;
color:#FFF;
float:left;
margin:10px 0 0 0px;
display:block;
}

.heading small { color: #ab582c; font-style:italic; }

.post .heading {
display:block;
overflow: hidden;
margin:0 0 20px 0;
}

.post, .navigation {
padding:10px 40px;
display: block;
overflow: hidden;
}

.navigation {
margin-bottom:20px;
}

ol.commentlist {

}

ol.commentlist li {
background: url(./images/smallhr.jpg) no-repeat bottom left;
padding:20px 0 40px 0;
display:block;
overflow: hidden;
}

.breadcrumb {
display:block;
overflow: hidden;
color:#FFF;
font-size:10px;
height:45px;
margin:auto;
width:868px;
}

.breadcrumbwithhr {
background: url(./images/hr.jpg) no-repeat top left;
}

.breadcrumb ul {
margin:5px 0;
display:block;
overflow: hidden;
}

.breadcrumb ul li {
float: left;
margin:0 10px 0 0;
display:block;
}

.breadcrumb a {
color:#FFF;
text-decoration: none;
font-size:10px;
}

.breadcrumb a:hover { text-decoration: underline; }

body.page #contentarea {
float:right;
display:block;
width:600px;
}

body.page #contentarea .post {
padding: 0px;
}

#sidebar {
background: url(./images/sidebar.jpg) no-repeat top left;
width:280px;
padding:30px;
display:block;
overflow: hidden;
float:left;
}

#sidebar .widget {
margin:0 0 30px 0;
display:block;
overflow: hidden;
}

#sidebar.leftsidebar {
width:230px;
display:block;
float:left;
background: none;
padding: 0px;
}

#sidebar .widget h4 {
font-size:26px;
color: #3e4754;
background: url(./images/sidebararrowbig.png) no-repeat top left;
padding:0 0 0 40px;
height:34px;
line-height: 34px;
font-weight: normal;
}

#sidebar .widget h5 {
font-size:26px;
color: #3e4754;
font-family: Georgia;
height:34px;
line-height: 34px;
font-weight: normal;
}

#sidebar .widget ul {
list-style: none;
}

#sidebar .widget ul li {
display: block;
}

#sidebar .widget ul li a {
font-family:Georgia;
font-size:13px;
color: #fd7f3b;
display:block;
line-height:22px;
height:22px;
padding:0 0 0 22px;
text-decoration: none;
}

#sidebar .widget ul li a:hover, #sidebar .widget ul li.active a, #sidebar .widget ul li.current_page_item a, #sidebar .widget ul li.current_page_item ul li a:hover {
background: url(./images/widgetularrow.png) no-repeat 5px 5px;
}

#sidebar .widget ul li.current_page_item ul li a {
background: none;
}

#sidebar .widget ul ul {
margin:0 0 0 10px;
}

.serviceslist {
padding:0 0 10px 0;
margin:0 0 20px 0;
background: url(./images/hr.jpg) no-repeat bottom left;
}

.serviceslist .post {
background: url(./images/hr.jpg) no-repeat;
padding:20px 0;
}

.serviceslist .post .arrow {
width:60px;
display:block;
float:left;
padding:35px 0 0 0;
}

.serviceslist .post .image {
width:180px;
margin:0px;
display:block;
float:left;
}

.serviceslist .post .entry {
width:620px;
display:block;
float:left;
}

.serviceslist .post .entry p {
margin:0px;
}

.serviceslist .post .entry p.tagline {
color: #FFF;
font-style: italic;
font-family: Georgia;
font-size:14px;
}

.serviceslist .post .entry h3 { margin:0 0 15px 0;}


#tabs {
display:block;
overflow: hidden;
width:868px;
margin:20px 0 20px 42px;
}

#tabs ul.tabs {
display:block;
width:1000px;
height:74px;
margin:0px;
}

#tabs ul.tabs li {
display:block;
float:left;
font-weight: bold;
width:284px;
height:74px;
cursor: pointer;
background: url(./images/tabs.jpg) no-repeat;
}

#tabs ul.tabs li.tab2 {
background-position: -284px top;
width:307px;
}

#tabs ul.tabs li.tab3 {
background-position: -591px top;
width:277px;
}

#tabs ul.tabs li span {
padding:22px 0 0 0px;
text-align:center;
display: block;
text-transform: uppercase;
font-family: Georgia;
font-size:14px;
color: #3e4754;
}

#tabs .tabpanes {
width:888px;
display:block;
overflow:hidden;
position:relative;
}

#tabs .tabpanes .tab {
display:none;
overflow: hidden;
width:828px;
padding:20px 30px;
background: url(./images/tabpane.jpg) no-repeat bottom left;
}

#tabs .tabpanes .tab2 {
background: url(./images/tabpane2.jpg) no-repeat bottom left;
}

#tabs .tabpanes .tab3 {
background: url(./images/tabpane3.jpg) no-repeat bottom left;
}

#tabs .tabpanes .active {
display:block;
}

#footer {
background: url(./images/footer.jpg) repeat-x #4b4b4b;
width:100%;
display:block;
overflow: hidden;
height:256px;
}

#footer .inside {
width:888px;
margin:38px auto 0 auto;
display:block;
text-align: left;
}

#footer .widgets {
width:868px;
height:160px;
display:block;
background: url(./images/footerimage.jpg) no-repeat bottom left;
overflow: hidden;
clear: both;
}

#footer .widgets .widget {
float:left;
display:block;
overflow: hidden;
}

#footer .widgets .widget1 {
width:110px;
}

#footer .widgets .widget2 {
width:320px;
}

#footer .widgets .widget3 {
width:250px;
}

#footer .widgets .widget4 {
width:188px;
}

#footer .widget h5 {
font-size:12px;
color: #fd7f3b;
font-family: Georgia;
font-weight: normal;
width:60px;
margin:0px;
padding:0 5px 0 0;
display:block;
height:160px;
text-align: right;
float:left;
border-right: 1px solid #d2cdb6;
}

#footer ul {
color: #FFF;
float:left;
width:90px;
display:block;
margin:0 0 0 10px;
height:160px;
line-height:14px;
}

#footer .widget2 ul {
width:240px;
}

#footer ul li {
padding:0 0 0 15px;
background: url(./images/footerarrow.jpg) center left no-repeat;
width:105px;
display:block;
line-height:14px;
margin:0 0 3px 0;
float:left;
}

#footer a {
color: #FFF;
text-decoration: none;
font-size:10px;
}

#footer .widget3 .inner {
float:left;
display:block;
margin:0 0 0 10px;
width:160px;
}

#footer p {
color: #FFF;
font-size:10px;
margin:0 0 17px 0;
display:block;
}

#footer #mainfooter {
display:block;
margin:18px 0 0 0;
border-top:1px solid #9c998b;
clear: both;
width:870px;
}

#footer #mainfooter p {
float:left;
display:block;
margin:0px;
line-height:26px;
}

#footer #mainfooter p.right {
float:right;
}



.teamlist {
padding:0 0 10px 0;
margin:0 0 20px 0;
background: url(./images/hr.jpg) no-repeat bottom left;
}

.teamlist .post {
background: url(./images/hr.jpg) no-repeat;
padding:20px 0;
}

.teamlist .post .arrow {
width:45px;
display:block;
float:left;
padding:35px 0 0 0;
}

.teamlist .post .image {
width:225px;
margin:0px;
display:block;
float:left;
}

.teamlist .post .entry {
width:590px;
display:block;
float:left;
}

.teamlist .post .fwentry {
width:860px;
display:block;
float:left;
}

.teamlist .post .fwentry p.tagline {
color: #FFF;
font-style: italic;
font-family: Georgia;
font-size:14px;
}

.teamlist .post .entry p {
margin:0px;
}

.teamlist .post .entry p.tagline {
color: #FFF;
font-style: italic;
font-family: Georgia;
font-size:14px;
}

.teamlist .post .entry h3 { margin:0 0 15px 0;}

.post ul, .post ol {
	margin: 20px;
}

.post ul, .post ol {
	list-style: square;
}