/*
Theme Name: Connected Collective Clients: Altec Lansing
Description: Connected Collective Clients: Altec Lansing
Author URI: http://sugarwebdev.co.uk/
*/

/* Common Selector Styles */

h1.logo{position:absolute; top:140px; left:68px; text-indent:-9999px; overflow:hidden; margin:0; z-index:10;}
h1.logo a{cursor:pointer; display:block; background:url(images/logo.png) no-repeat;	width:319px; height:48px;}
h1.single {font: bold 1.8em Helvetica, Arial, sans-serif; margin:0;}

h3 {font: bold 1.2em Helvetica, Arial, sans-serif; margin:0 0 6px 0;}

h5 {font: italic; margin-bottom: 0px; color: #CC6600;}

html {background:url(images/none.gif);}

body{margin:0; font:14px/17px Helvetica, Arial, sans-serif;	background-color:#000;	background-position:50% 0; background-repeat:no-repeat;	color:#4b4b4b;	min-width:1000px; background-attachment: fixed;}
img{border-style:none;}
a{text-decoration:none;	color:#333;}
a:hover{text-decoration:underline;}
a:focus {outline:none;}


/* Background Styles */

.bronze-bg {background-image:url(images/bronze-bg.jpg);}
.city-bg {background-image:url(images/city-bg.jpg);}
.blue-bg {background-image:url(images/blue-bg.jpg);	background-color:#3772aa;}
.grey-bg {background-image:url(images/grey-bg.jpg);	background-color:#d9d9d9;}
.yellow-bg {background-image:url(images/yellow-bg.jpg);	background-color:#f4bb36;}

/* Form Styles */

input, textarea, select{font:100% arial,sans-serif;	vertical-align:middle;}
form,fieldset{margin:0;	padding:0; border-style:none;}

/* General Styles */

#main{margin:0 auto; width:1000px; overflow:hidden;	padding:279px 0 0; position:relative;}
.mediathumb01 {margin: 10px 10px 25px 0; padding: 7px; border: 1px solid #DCDCDC; float: left;}

/* Slideshow Styles */

#slideshow {position:relative; height:80px; margin-bottom: 40px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0; margin: 10px 10px 25px 0; padding: 7px; border: 1px solid #DCDCDC;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

/* Colour Styles */

.colorange {color:#CC6600}
.big { font-weight: bold; font-size: 24px; }
.blue { color: #336699; }
.red { color: #996666; }
.orange { color: #cc6600; }
.brown { color: #996666; }
.purple { color: #666699; }

/* List Styles */

ul#medialibrary01 {list-style-type: circle;}
ul#medialibrary01 li {margin-bottom: 5px;}

/*-- header --*/
#header{
	top:55px;
	right:0;
	position:absolute;
}
.header-bg{
	overflow:hidden;
	width:1000px;
	height:214px;
	background:url(images/header-bg.png) no-repeat;
}
.header-tab {
	width: 144px;
	height: 58px;
	float: right;
	position: relative;
	top: 145px;
	right: 20px;
}
.header-tab a {
	background: url(images/press8.png) no-repeat;
	width: 144px;
	height: 58px;
	float: left;
}
.header-tab a:hover {
	background: url(images/press8.png) 0px -58px no-repeat;
}
.header-divide { height: 10px; background: #999; }
.info {padding:10px 0 45px 30px; background:url(images/header-divider.gif) no-repeat; margin:13px 12px 0 431px;	height: 300px;}
strong.title {font-size:22px; line-height:24px;	color:#333;	font-variant:normal;}
.info p{margin:0; font-size:18px; line-height:24px;	color:#5b5b5b;}
#welcome { margin: 0 0 0 35px; }
#welcome img { float: left; margin-right: 15px; }
#welcome .welcome-img { height: 240px; float: left; margin-right: 30px; }
#welcome h1 { border-bottom: 1px solid #999; color: #000; float: left; margin-bottom: 5px; padding: 0 0 10px 0; width: 475px; font-size: 22px; font-weight: lighter; }
#welcome p { float: left; width: 555px; margin: 0 0 5px 0; padding: 0; font-size: 20px; line-height: 40px; font-weight: lighter; text-align: justify; }
#welcome p em { font-style: normal; color: #333333; }
#welcome #read-more { float: left; width: 555px; border-top: 1px solid #ccc;  }
#welcome #read-more a { float: right; text-decoration: none; text-transform: uppercase; color: #999; font-size: 12px; }
#welcome #read-more a:hover { text-decoration: underline; }



#home-left h2, #home-right h2 { font-size: 20px!important; color: #996666; }
#home-left h2 a, #home-right h2 a { text-decoration: none; color: #996666; }
#home-left h2 a:hover, #home-right h2 a:hover { text-decoration: underline; }
#home-left { width: 340px; float: left; padding: 0 10px;}
#home-left .entry a { font-weight: bold; text-decoration: underline;  }
#home-left .entry a:hover { text-decoration: none; }
/*-- #home-left .thumb { float: left; margin: 0 7px 7px 0;} --*/

#home-middle { width: 240px; float: left; margin: 0 0 0 0; padding: 0 15px 0 0; }
#home-middle h2, #home-right h2 { font-size: 20px!important; color: #996666; }
#home-middle h2 a, #home-right h2 a { text-decoration: none; color: #996666; }
#home-middle h2 a:hover, #home-right h2 a:hover { text-decoration: underline; }
#home-middle ul {list-style-type:none; margin: 0; padding-left: 27px;}
.twitter-timestamp {font-size: 15px; color: #CC6600; text-decoration: none;}
.twitter {font-size: 17px; line-height: 20px}
.twitter-link {}

#home-right { width: 340px; float: left; margin: 0 0 0 0;}
#home-right .post { margin: 0 10px 0 28px; padding: 5px 0;}
#home-right .entry a { font-weight: bold; text-decoration: underline;  }
#home-right .entry a:hover { text-decoration: none; }

.home-inner-block {  }

.bio { clear: both; }
.bio img { float: left; height: 340px; width: 385px; }
.bio-text { margin-bottom: 40px; }
.bio-text { float: left; height: 340px; width: 550px; }
.bio-text h2 { padding-top: 20px; }

/*-- nav --*/

ul.nav{width: 300px; float: left; margin:0;	padding:0 0 0 0;	text-align:center;}
ul.nav li{float: left; clear: left;	list-style:none; padding: 5px 0;}
ul.nav li:first-child{background:none;}
ul.nav li a{color:#666666; font-size: 18px;	font-weight: bold;}
ul.nav li a:hover{ border-bottom:1px solid #666666; text-decoration:none;}

/*-- content --*/

.press-room {width: 630px; float: left; min-height: 1200px;}
.press-room .post {padding:10px 29px; border-bottom:1px solid #d6d6d6; clear:both;}

.media-library { width: 630px; float: left; min-height: 800px;}
.media-library  .post {padding:10px 29px; clear:both;}

#content{
	padding:19px 0 2px;
	background:#fff url(images/content-bg.gif) repeat-x;
	height:1%;
	overflow:hidden;
}
#content h2{
	font-size:22px;
	line-height:24px;
	color:#544444;
	font-weight:normal;
	margin:0 27px 15px;
}
#content a{
	text-decoration:underline;
}
#content .title a{
	text-decoration:none;
}
#content .title a:hover{
	text-decoration:underline;
}
.link-lists {
	overflow:hidden;
	height:1%;
	padding:0 25px 29px 0;
}
#sidebar a{
	text-decoration:none;
}
ul.list, #sidebar ul{
	margin:0;
	padding:0;
}
ul.list li, #sidebar ul li{
	padding:0 0 0 12px;
	background:url(images/bullet.gif) no-repeat 0 7px;
	list-style:none;
}
ul.list li a, #sidebar ul li a{ color:#4b4b4b;}
.link-lists div{
	margin:0 0 0 25px;
	width:200px;
	float:left;
}
.post{
	height:1%;
	padding:0 29px;
}
.img-border{
	margin:0 27px 0 0;
	float:left;
	padding:28px;
	border:1px solid #949494;
}
.img-border img{
	border:1px solid #949494;
	display:block;
}
.post h1{
	line-height:normal;
	color:#333;
}
#content .post h2{
	line-height:normal;
	margin-left:0;
	color:#333;
	font-weight:bold;
}
.post h3{
	font-size:normal;
	line-height:normal;
	color:#333;
}

.post p{
	margin:0;
	padding:0 0 16px;
}
#content p.postmetadata{
	margin:0;
	padding:0;
}
/*-- footer --*/
#footer{
	background:url(images/footer-bg.png) no-repeat;
	overflow:hidden;
	height:280px;
}
a.link {
	font-weight:bold;
	padding:0 8px;
	margin:0 13px 0 0;
	color:#fff;
	line-height:22px;
	background:#000;
	float:right;
	position:relative;
}
#footer ul{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	width:1000px;
	overflow:hidden;
	text-align:center;
	margin:0;
	padding:15px 0;
}
#footer ul li{
	padding:0 4px 0 6px;
	font-size:12px;
	color:#666;
	background:url(images/footer-separator.gif) no-repeat 0 2px;
	display:inline;
	list-style:none;
}
#footer ul li:first-child {
	background:none;
}
#footer ul li a{
	position:relative;
	color:#666;
}
#footer .link { display: none; }
/*------------------------ inner ----------------------*/
.column{
	width:717px;
	float:left;
	padding:0;
	margin-right: 15px;
}
.column .post {
	padding:19px 29px;
	border-bottom:1px solid #d6d6d6;
	clear:both;
}
.column .post h3{
	margin:0;
	padding-bottom:0;
	color:#333;
	font-size:20px;
	line-height:18px;
}

.post-info {padding:6px 0 14px;	font-size:12px;}
.post-info2 {padding:6px 0 6px;	font-size:12px;}

.post-info a.user{ text-decoration:underline;}
.post-info a.user:hover{ text-decoration:none;}
.post-info a.comm {
	margin:0 0 0 5px;
	padding:0 0 0 7px;
	background:url(images/post-info-separator.gif) no-repeat 0 4px;
}
.column p{
	line-height:20px;
	text-align:justify;
	padding-bottom:20px;
}
.column .img-border{
	padding:28px 26px;
	margin:6px 13px 0 0;
}
a.comments {
	padding:0 9px 0 0;
	background:url(images/arrows.gif) no-repeat 100% 7px;
	float:right;
	color:#4b4b4b;
	text-decoration:underline;
}
a.comments:hover{ text-decoration:none;}
.comments-head {
	font-weight:bold;
	padding:15px 24px 17px;
	border-bottom:1px solid #c2c2c2;
	color:#999;
}
.comment-container {
	padding:0 0 1px 25px;
	border-bottom:1px solid #c2c2c2;
}
.comment-container h4{margin:19px 0 0;}
.comment-container p{margin:22px 0 0;}
input.text{
	background:url(images/input-bg.gif) repeat-x;
	font-size:12px;
	margin:0;
	color:#333;
	padding:2px 5px 3px;
}
textarea {}
.form-holder {
	width:391px;
	float:left;
}
a.leave {
	color:#4b4b4b;
	font-weight:bold;
	float:right;
}
.comment-form {
	overflow:hidden;
	height:1%;
	padding:23px 0 22px 29px;
}
.comment-form textarea {
	padding:0 0 0 5px;
	font-size:12px;
	float:left;
	margin:0;
	height:145px;
	width:384px;
}
.comment-form  input.text{
	float:left;
	width:280px;
}
.form-item {
	width:391px;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}
.column-1{
	float:right;
	padding:0 32px 0 0;
	width:222px;
}
.column-1 h3{
	margin:13px 0 0;
	font-size:14px;
}
a.subscribe {
	color:#333;
	padding:0 0 0 19px;
	background:url(images/icon-rss.gif) no-repeat;
}
.column #searchform{
	margin:0 27px;
}
input.search{
	margin:19px 0 0;
	color:#999;
	font-size:14px;
	vertical-align:bottom;
	width:130px;
}
.clear{
	clear:both;
}
.top-space{
	padding-top:30px;
}
.column-1 ul.list { padding:3px 0 9px;}
.column-1 ul.list li{
	line-height:18px;
	padding:0 0 2px 10px;
}
ul.pictures {
	overflow:hidden;
	height:1%;
	margin:0;
	padding:5px 0 0;
}
ul.pictures li{
	padding:0 10px 8px 0;
	float:left;
	list-style:none;
}
ul.pictures li img{
	display:block;}
	
.hidden{
	display:none;
}

.alignleft{
	float:left;
	padding: 0 15px 15px 0;
}

.alignright{
	float:right;
	padding: 0 0 15px 15px;
}

#content .watermark{
	color:#999;
}
.normal{
	color:#4b4b4b;
}

#content .line h3 { border-bottom: 1px solid #eee; }

#sidebar li { list-style: none; }
#sidebar li ul li { margin-left: 30px; }
#sidebar ul { margin: 10px 0 50px 0; }
#sidebar img { padding-bottom: 15px; }
#sidebar .rss { padding: 0 0 0 25px; height: 75px; }
#sidebar .rss a { background: url(images/rss.png) no-repeat; width: 197px; height: 47px; float: left; text-indent: -99999px; }
#sidebar .side-logo { padding-left: 25px; }

/* Pagination Pages */

.pagenavi {padding: 10px 0 10px 25px}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #DCDCDC; color: #666666; background-color: #FFFFFF;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #666666; border: 1px solid #DCDCDC; background-color: #FFFFFF;}
.wp-pagenavi a:hover {color: #FFFFFF; background-color: #CC6600; border: 1px solid #CC6600;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: white; background-color: #CC6600;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #666666;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; color: #FFFFFF; background-color: #CC6600;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; color: #FFFFFF; background-color: #666666;}

/* Sidebar Pages */

#newsnav01 {float: left; width: 320px; padding-left: 25px;}

ul#blognav01 {font:0.9em Helvetica, Arial, sans-serif; list-style-type: none; padding-left: 0; margin-top: 5px; margin-bottom: 10px; color:#01AA4F; padding-right:20px;}
ul#blognav01 li {margin-bottom: 8px;}
ul#blognav01 a:link {color: #666666;}
ul#blognav01 a:link:hover {color: #666666; text-decoration: none;}
ul#blognav01 a:visited {color: #666666;}
ul#blognav01 a:visited:hover {color: #666666; text-decoration: none;}
ul.children {margin-top: 8px; padding-left: 20px; color: #CC6600;}

#blognav02 {font: Helvetica, Arial, sans-serif; margin-top: 6px; margin-bottom: 10px; color: #666666; line-height:1.2;}
#blognav02 a:link {color: #666666;}
#blognav02 a:link:hover {color: #666666; text-decoration: none;}
#blognav02 a:visited {color: #666666;}
#blognav02 a:visited:hover {color: #666666; text-decoration: none;}

