/*   



Theme Name: Cosmos

Theme URI: http://www.addisondesign.co.uk/

Description: A wordpress theme for Addison design, inspired by space and the universe.

Version: 1.0

Author: Alexander Stott

Author URI: http://www.addisondesign.co.uk/



*/



html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,input,textarea {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

padding:0;

margin:0;

line-height:20px;

color:#333333;

}



body {

background-color:black;

background-image:url(images/nebula.jpg);

background-position:top;

background-repeat:no-repeat;

text-align:center;

padding:0;

margin:0;

}



p {

padding:0 20px 10px 20px;

}

h2 {

padding:20px 10px 10px 20px;

font-size:22px;

font-family:'Trebuchet MS', Helvetica, sans-serif;

color:#000000;

}



h3 {

padding:10px 10px 10px 20px;

font-size:20px;

font-family:'Trebuchet MS', Helvetica, sans-serif;

color:#000000;

}




div {

margin:0 auto;

/*border:1px solid white;*/

/*width:900px;*/

text-align:left;

}



a:link {

color:#EFEFEF;

text-decoration:none;

}



a:visited {

color:#EFEFEF;

}



a:hover {

color:#7acf2e;

}



.alignleft {

float:left;

margin-right:15px;

}



.alignright {

float:right;

margin-left:15px;

}



/**

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.5.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.5

 * @date April 11, 2008

 * @category jQuery plugin

 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}



.half {

float:left;

width:450px;

}



.halfr {

float:right;

width:450px;

}



#contacttop {

height:150px;

background-color:#ffffff;

background-image:url(images/contacttop.jpg);

}



#contacttop div {

float:left;

width:420px;

}



.quart {

width:225px!important;

}



.quart a:link, .quart a:visited {

color:#000000;

}



.emailhead {

padding-top:3px;

padding-bottom:8px;

}



.address {

line-height:16px!important;

}



.clear {

clear:both;

}



.accordionWrapper{display:inline-block; overflow:hidden;}

.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}

.accordionWrapper div{display:inline; float:left; margin:auto;}

.accordionWrapper div.title{cursor:pointer;}

.accordionWrapper div.content{display:none;

width:600px;

}

.logo {

height:140px;

width:900px;

background-image:url(images/addison_logo.png);

background-position:top right;

background-repeat:no-repeat;

margin-top:50px;

}



.menu {

margin-top:10px;

margin-bottom:0;

height:53px;

/*background-color:#151515;*/

overflow:hidden;

background-image:url(images/menu.png);

width:900px;

}

.menu div {
float:left;
width:100px;

height:53px;
text-align:left;
text-indent:-9999px;
}

.menu div a {
color:#CCCCCC;
text-decoration:none;
display:block;
height:53px;
background-image:url(images/menu.png);

width:100px;
}

.menu div a:hover {
color:#CCCCCC;
text-decoration:none;
background-image:url(images/menu.png);
display:block;
}

#home a {
background-position:0 106px;
}

#home a:hover, #bhome #home a {
background-position:0 53px;
}

#news a {
background-position:-100px 106px;
}

#news a:hover, #bnews #news a {
background-position:-100px 53px;
}

#about a {
background-position:-200px 106px;
}

#about a:hover, #babout #about a {
background-position:-200px 53px;
}

#services a {
background-position:-300px 106px;
}

#services a:hover, #bservices #services a {
background-position:-300px 53px;
}

#portfolio a {
background-position:-400px 106px;
}

#portfolio a:hover, #bportfolio #portfolio a {
background-position:-400px 53px;
}

#contact a {
background-position:-500px 106px;
}

#contact a:hover, #bcontact #contact a {
background-position:-500px 53px;
}

.bottom h3 {

padding:5px 10px 15px 20px;

margin-bottom:15px;

font-size:20px;

font-family:'Trebuchet MS', Helvetica, sans-serif;

color:#ffffff;

border-bottom:1px dotted #eeeeee;

}



.bottom p {

color:#eeeeee;

}



.servicesr h3 {

color:#e3e3e3;

}



#feed {

padding-top:17px;

height:53px;

margin-left:25px;

text-align:center;

width:100px;

float:left;

}



.darkgrey {

color:#999999;

padding:0;

font-size:10px;

}



.top {

background-image:url(images/top.png);

height:244px;

width:900px;

}



.holder {

width:900px;

}



.abouttop {

background-image:url(images/about_grad.png);

height:500px;

width:200px;

float:left;

}



.aboutside {

float:right;

background-image:url(images/addison_photo.jpg);

width:700px;

height:500px;

}


.porttop {
background-color:#333333;
height:500px;
width:200px;
float:left;
}

.porttop li {
list-style:none;

}

.porttop li a:link, .porttop li a:visited {
width:175px;
padding:10px 10px 10px 15px;
background-color:#333333;
display:block;
text-decoration:none;
text-transform:uppercase;
font-size:.9em;

}

.porttop li a:hover {
background-color:#292929;
}


.portside {
background-color:#000;
width:700px;
float:right;
height:500px;
padding:0;
}

.portside p {
padding:0;
margin:0;
}

.servicesl {

background-image:url(images/services_l.png);

height:500px;

width:900px;

float:left;

}



.portl {

background-image:url(images/services_l.png);

height:500px;

width:900px;

float:left;

overflow:hidden;

}



.servicesr {

background-color:#000000;

height:500px;

width:450px;

float:right;

}



.contactr {

background-color:#000000;

height:500px;

width:450px;

float:right;

}



.newstop {

background-image:url(images/news_grad.png);

height:200px;

margin-bottom:15px;

width:900px;

overflow:hidden;

}



.newstop a:link, .newstop a:visited {

color:#7ACF2E;

}



.newstop div {

float:left;

width:450px;

}



.newsintro {

width:260px!important;

padding-right:190px;

}



#eco {



}



#eco h3 {

padding-top:20px;

font-size:1.5em;

}



#eco .alignright {

padding-right:22px;

}





.newsbottom {}



.newsbottom p, .servicesr p {

color:#e0e0e0;

}



.newsbottom h3, .servicesr h2 {

color:#e0e0e0;

}



.top p {

margin-bottom:5px;

}



.bottom {

background-image:url(images/bottom.jpg);

height:190px;

padding-top:10px;

margin-top:20px;

margin-bottom:15px;

width:900px;

}



.halfl {

width:350px;

float:left;

padding-left:5px;

background-image:url(images/line.png);

background-repeat:no-repeat;

background-position:right;

}



.halfl a:link, .halfl a:visited {

color:#7acf2e;

font-weight:700;

}



  .halfl img {

  margin-top:10px;

  }



.halfr {

width:300px;

float:left;

padding-left:15px;

}



#righttitle {

background-image:url(images/cool_stuff.png);

background-repeat:no-repeat;

width:300px;

height:68px;

float:left;

margin-left:10px;

margin-top:20px;

margin-bottom:15px;

}



#rightimage {

width:220px;

height:100%;

float:right;

background-image:url(images/moon.png);

}



#covers {

width:517px;

float:left;

}



#form {

width:380px;

float:right;

}



.postmetadata {

font-size:9px;

color:#666666;

}



li.cf-box-group {

padding-left:50px;

}



.webth {

margin:10px;

padding:10px;

background-color:#ffffff;

float:left;

}



.webthr {

margin:10px;

padding:10px;

background-color:#ffffff;

float:right;

}



.webtext {

line-height:17px;

}



#footer {

width:900px;

background-color:#141414;

margin-top:20px;

padding-top:10px;

}



.servicesbox {

float:left;



width:430px;


background-repeat:no-repeat;


}



.servicesbox p {
padding:0 20px 20px 20px;


}



#logopanel h3, #leafletpanel h3, #adpanel h3 {

margin:0!important;

padding:5px 0 0 10px!important;





color:#333;

font-size:1.2em;

border-top:1px solid #eeeeee;

}

#examples {

}

#examples img {
margin:14px 0 4px 20px;
border:0;
}

#newsstories h3 {
border-bottom:1px dotted #000;
margin-left:20px;
padding-left:0;
}

#newsstories h4 a:link, #newsstories h4 a:visited {
border-bottom:1px dotted #000;
padding:7px 10px 8px 0;
margin-left:20px;
width:420px;
display:block;
text-decoration:none;
font-size:1.2em;
font-weight:700;
}

.post {
background-color:#ffffff;
width:900px;
}

.post a:link, .post h2 a:visited {
color:#666666;
}

.post a:link, .post a:visited {
color:#666666;
}

.dark {
color:#333333!important;
}

#designbox {
width:100%;
background-color:#ffffff;

}


#designbox h2 {
padding-top:0;
}

#oldmac {
padding:20px 20px 20px 42px;
}

#swebdesign {
float:left;
width:300px;
}

#swebdesign p, #swebdesign h2 {
color:#fff;
}

#sother {
float:left;
width:300px;
}

#sother p, #sother h2 {
color:#fff;
}

#smarketing {
float:left;
width:300px;
}

#smarketing p, #smarketing h2 {
color:#fff;
}
.wp-caption { margin:20px }

blockquote {
color:#666666;
font-family:Georgia, Times;
font-style:italic;
}

.navigation {
margin:0 auto;
width:900px;
}