/*  

Theme Name: AtomWorks - 2010
Theme URI: www.atomworks.co.uk
Description: AtomWorks - Web Design and Development
Version: 1.0
Author: Leonard Burton
Author URI: www.atomworks.co.uk

*/
body, html {
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 0 ;
	font-family: Arial, Arial, Helvetica, sans-serif ;
	font-size: 13px ;
	color: #c6c6c6 ;
	line-height: 135% ;
}
body {
	background-color: #000 ;
	background-image: url(images/background.jpg) ;
	background-position: center top ;
	background-repeat: no-repeat ;
	background-attachment: fixed ;
}
div {
	margin: 0 ;
	padding: 0 ;
}

.clear { clear: both ; }
/*a {
	position: relative;
	z-index: 9999 ;
}*/
a.linkzone {
	position: absolute ;
	top: 0;
	left: 0 ;
	display: block ;
	border: none ;
	width: 100% ;
	height: 100% ;
}

h1, h2, h3, h4, h5, h6, p {
	padding: 15px 0 0 ;
	color: #efefef ;
	margin: 0;
	line-height: 135% ;
}
.skipLink {
	display: none ;
}
p {
	color: #c9c9c9 ;
	line-height: 165% ;
}
h1 {
	font-size: 24px ;
}
h2,
#sidebarL h3 {
	font-size: 18px ;
	font-weight: bold ;
}
h3 {
	color: #e6e6e6 ;
	font-size: 14px ;
	font-weight: bold ;
}
hr {
	height: 1px ;
	background: #1b2d4d ;
	border: none ;
	border-top: 1px solid #1b2d4d ;
}
img.alignleft {
	float: left ;
	margin: 8px 15px 15px 0 ;
}
img.alignright {
	float: right ;
	margin: 8px 0 15px 15px ;
}
img.aligncenter {
	display: block;
	margin: 0 auto ;
	text-align: center ;
}
a,
a:link,
a:visited {
	color: #88acff ;
	text-decoration: none ;
	font-weight: normal ;
}
a:active,
a:hover {
	color: #B6CCFF ;
}
.readmore {
	display: block;
	font-weight: bold ;
	text-align: right ;
	text-transform: uppercase ;
}
#nav #navMid ul a,
#nav #navMid ul a:link,
#nav #navMid ul a:visited,
.readmore a,
.readmore a:link,
.readmore a:visited {
	color: #f3f3f3 ;
	text-decoration: none ;
	font-weight: normal ;
}
.readmore a:active,
.readmore a:hover,
#nav #navMid ul a:active,
#nav #navMid ul a:hover {
	color: #88acff ;
	text-decoration: none ;
}


/** Header **/

#header {
	position: absolute ;
	top: 15px ;
	left: 0 ;
	background-image: url(images/title-bar.png) ;
	background-repeat: repeat-x ;
	width: 100% ;
	height: 89px ;
}
#header #hcontainer {
	position: relative ;
	width: 960px ;
	margin: 0 auto ;
}
#header #hcontainer #logo {
	position: absolute ;
	background-image: url(images/atomworks-logo.png) ;
	background-repeat: no-repeat ;
	height: 69px ;
	width: 345px ;
	left: 83px ;
	top: 11px ;
}
#header #hcontainer #logo h1,
#header #hcontainer #logo h2 {
	display: none;
}

/** Container **/

#mcontainer {
	position: relative ;
	top: 135px ;
	width: 945px ;
	margin: 0 auto 0 ;
}

/** Navigation **/

#nav {
	position: absolute ;
	width: 440px ;
	height: 29px ;
	top: 0 ;
	left: 0 ;
	z-index: 1000 ;
}
#nav #navLeft {
	position: absolute ;
	left: 0 ;
	width: 9px ;
	height: 29px ;
	background-image: url(images/nav-l.png) ;
	background-repeat: no-repeat ;
}
#nav #navRight {
	position: absolute ;
	right: 0 ;
	width: 9px ;
	height: 29px ;
	background-image: url(images/nav-r.png) ;
	background-repeat: no-repeat ;
}
#nav #navMid {
	position: absolute ;
	left: 9px ;
	width: 422px ;
	height: 29px ;
	background-image: url(images/nav-tile.png) ;
	background-repeat: repeat-x ;
}
#nav #navMid ul {
	padding: 0 ;
	margin: 5px auto 0 ;
	font-size: 14px ;
}
#nav #navMid ul li {
	display: inline ;
	background-image: none ;
	margin: 0 17px ;
}

/** 3 Box Strip **/

#threebox {
	position: relative ;
	width: 960px ;
	height: auto ;
	overflow: visible ;
	margin-top: 20px ;
}
#threebox .tbspacer {
	width: 50px ;
	height: 50px ;
	float: left ;
	clear: none ;
}

.threeboxSingle {
	position: relative ;
	float: left ;
	clear: none ;
	width: 285px ;
}

.threeboxTop {
	position: relative ;
	top: 0 ;
	width: 285px ;
	height: 5px ;
	background-image: url(images/homepage-3box-top.png) ;
	background-repeat: no-repeat ;
}

.threeboxMid {
	width: 255px ;
	background-image: url(images/black-trans-fill.png) ;
	/**filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://192.168.1.68:8888/atomworks/wp-content/themes/atomworks/images/black-trans-fill.png', sizingMethod='scale'); 
	z-index: 0 ;**/
	background-repeat: repeat ;
	padding: 0 15px 15px ;
}
.threeboxMid h2 {
	padding-top: 5px ;
}

.threeboxBottom {
	position: relative ;
	bottom: 0 ;
	left: 0 ;
	width: 285px ;
	height: 5px ;
	background-image: url(images/homepage-3box-bottom.png) ;
	background-repeat: no-repeat ;

}

/** Footer **/

#footer {
	clear: both;
	padding: 15px 0 ;
	opacity: 0.5 ;
	font-size: 10px ;
	text-align: center ;
	height: 50px ;
}
#footpush {
	height: 50px ;
}
.footspace{
	height: 50px ;
}
#pushwrap {
	position: relative ;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 50px;
}

/** Blog related **/
.blogArticleTimecat {
	font-size: 12px ;
	color: #166370 ;
	padding-top: 15px ;
}
.blogArticleTimecat a,
.blogArticleTimecat a:link,
.blogArticleTimecat a:visited {
	text-decoration: none ;
	color: #166370 ;
	font-weight: normal ;
}
.blogArticleTimecat a:active,
.blogArticleTimecat a:hover {
	text-decoration: underline ;
	color: #166370 ;
	font-weight: normal ;
}
.blogArticleComments {
	padding-top: 5px ;
}
.blogArticleComments a,
.blogArticleComments a:link,
.blogArticleComments a:visited,
.blogArticleComments a:active,
.blogArticleComments a:hover {
	color: #12505b ;
	text-transform: uppercase ;
	font-size: 11px ;
}
.blogArticleLink h3 a,
.blogArticleLink h3 a:link,
.blogArticleLink h3 a:visited {
	color: #e6e6e6 ;
	font-weight: bold ;
}
.blogArticleLink h3 a:active,
.blogArticleLink h3 a:hover {
	color: #B6CCFF;
}
/** TwitterBox Markup **/

.awTwitterBox{

	/**position:relative ;**/
	clear: both ;

}

.awTwitterBox .TBLogo {
	/**background-image: url(images/awTwitterLogo.png) ;
	background-repeat: no-repeat ;
	height: 64px ;
	width: 194px ;
	float: left ;**/
}

.awTwitterBox .TBDDWrap {
	width: auto ;
	float: left ;
	margin: 15px 0 0 0 ;
	padding: 15px ;
	border: 1px #9d9e9e dashed ;
	display: inline ;
	clear: both ;
}

.awTwitterBox .TBDesc {
	text-align: center ;
	font-size: 12px ;
}
.awTwitterBox .TBDesc p {
	padding-top: 0 ;
}
.awTwitterBox .TBDate {
	font-style: italic ;
	color: #527d8e ;
	font-size: 12px ;
	text-align: center ;
	margin: 10px 0 0 0 ;
}
/** Sidebars **/
#sidebarL {
	position: absolute ;
	top: 142px ;
	width: 215px ;
}
#sidebarR {
	position: absolute ;
	top: 142px ;
	left: 230px ;
	width: 215px ;
}
#sidebarL ul, #sidebarR ul { margin: 0; padding: 0 ;}
#sidebarL ul li, #sidebarR ul li { 
	display: block ;
}

#sidebarL ul li ul li {
	display: list-item ;
	padding-left: 15px ;
	list-style-position: inside ;
}
.sidebarBoxMid ul,
.sidebarBoxMid ul li  {
	padding: 0 ;
	margin: 0 ;
	list-style-position: outside ;
	list-style-type: none ;
}
#sidebarR .sidebarBoxMid ul li ul li {
	padding: 0 ;
	margin: 0 ;
	display: block ;
	line-height: 30px ;
	width: auto ;
	height: 30px ;
	list-style-position: outside ;
	list-style-type: none ;
	border-bottom: 1px solid #111c33 ;
	
}
#sidebarR ul li ul li a,
#sidebarR ul li ul li a:link,
#sidebarR ul li ul li a:visited {
	color: #babbbe ;
	
}
#sidebarR ul li ul li a:active,
#sidebarR ul li ul li a:hover {
	color: #B6CCFF;
}
/** Sidebar boxes **/
.sidebarBox {
	width: 215px ;
	height: auto ;
	overflow: visible ;
	margin-top: 15px ;
}
.sidebarBox .sidebarBoxTop {
	position: relative ;
	top: 0;
	left: 0 ;
	width: 215px ;
	height: 5px ;
	background-image: url(images/sidebar-top.png) ;
	background-repeat: no-repeat ;
}

.sidebarBox .sidebarBoxMid {
	width: 185px ;
	height: auto ;
	background-image: url(images/black-trans-fill.png) ;
	background-repeat: repeat ;
	padding: 5px 15px 15px ;
	clear: both ;
	
}
.sidebarBox .sidebarBoxMid h2,
.sidebarBox .sidebarBoxMid h3 {
	padding-top: 0 ;
	margin-top: 0 ;
}
.sidebarBox .sidebarBoxMid ul,
.sidebarBox .sidebarBoxMid ul li {
	padding: 0 ;
	margin: 0 ;
}
.sidebarBox .sidebarBoxBottom {
	position: relative ;
	left: 0 ;
	width: 215px ;
	height: 5px ;
	background-image: url(images/sidebar-bottom.png) ;
	background-repeat: no-repeat ;
}


/** Stories **/
.article {
	width: 480px ;
	height: auto ;
	position: relative ;
	float: right ;
	clear: both ;
	margin-bottom: 25px ;
}
.articleTop {
	position: relative ;
	width: 480px ;
	height: 5px ;
	background-image: url(images/article-top.png) ;
	background-repeat: no-repeat ;
}
.articleMid {
	width: 450px ;
	background-image: url(images/black-trans-fill.png) ;
	background-repeat: repeat ;
	padding: 0 15px 15px ;

}
.articleBottom {
	position: absolute ;
	bottom: -5px ;
	width: 480px ;
	height: 5px ;
	background-image: url(images/article-bottom.png) ;
	background-repeat: no-repeat ;
}
.postdate .blogArticleTimecat {
	text-align: right ;
	font-size: 14px ;
	padding: 15px 0 ;
}
.articleMid h1 { 
	padding-top: 10px ;
	font-size: 30px ;
	font-weight: bold ;
}

.blogStatusBlock {
	position: absolute ;
	top: 48px ;
	height: 95px;
	width: 445px ;
	background-image: url(images/status-box-blog-green.png) ;
	background-repeat: no-repeat ;
	color: #fff ;
}
.blogStatusBlock .statusTitle h3 {
	padding: 12px 0 0 15px ;
	margin: 0;
	font-weight: bold ;
	font-size: 20px ;
}
.blogStatusBlock .statusMessage {
	padding: 3px 15px 0 ;
	letter-spacing: 0.1em ;
}
.storyfoot {
	margin-top: 15px ;
}
.hpStatusBlock {
	height: 95px;
	width: 255px ;
	background-image: url(images/status-box-hp.png) ;
	background-repeat: no-repeat ;
	color: #fff ;
	margin: 15px 0 15px ;
}
.hpStatusBlock .statusTitle h3 {
	padding: 15px 0 0 15px ;
	margin: 0;
	font-weight: bold ;
	font-size: 14px ;
}
.hpStatusBlock .statusMessage {
	font-size: 11px ;
	padding: 5px 15px 0 ;
	letter-spacing: 0.1em ;
}

/** Comments **/
#comments {
}
ul.comment-list {
	padding: 0 15px ;
	margin: 15px 0  ;
}
.commentlist li {
	display: block ;
	border-top: #1b2d4d solid 1px ;
	padding-bottom: 15px ;
}
/** Pages **/
#page {
	position: relative ;
	top: 48px ;
	width: 960px ;
	margin: 0 0 50px 0 ;
}
#page-title {
	position: relative ;
	height: 50px ;
	width: 650px ;
	left: 295px ;
}
#page-title .contentBlockMid {
	height: 30px ;
	margin: 0 ;
	
}
#page-title .contentBlockMid h1 {
	font-size: 30px ;
	line-height: 30px ;
	padding: 5px 0 0 ;
	margin:  0 ;
}
#page-title .contentBlockTop,
.panel .contentBlockTop {
	position: relative ;
	top: 0;
	left: 0 ;
	width: 650px ;
	height: 5px ;
	background-image: url(images/page-top.png) ;
	background-repeat: no-repeat ;

}
#page-title .contentBlockBottom ,
.panel .contentBlockBottom {
	position: relative ;
	left: 0;
	width: 650px ;
	height: 5px ;
	background-image: url(images/page-bottom.png) ;
	background-repeat: no-repeat ;
}
#page-title .contentBlockMid,
.panel .contentBlockMid {
	width: 620px ;
	background-image: url(images/black-trans-fill.png) ;
	background-repeat: repeat ;
	padding: 0 15px 15px ;
}
.panel {
	width: 960px ;
	height: auto ;
	margin-top: 30px ;
}
.panel .titleBlock {
	position: relative ;
	float: left ;
}
.panel .contentBlock {
	position: relative ;
	float: left ;
	display: inline ;
	margin-left: 25px ;
}
.titleBlockTop {
	position: relative ;
	top: 0;
	left: 0 ;
	width: 270px ;
	height: 5px ;
	background-image: url(images/titlebox-top.png) ;
	background-repeat: no-repeat ;
}
.titleBlockBottom {
	position: relative ;
	left: 0 ;
	width: 270px ;
	height: 5px ;
	background-image: url(images/titlebox-bottom.png) ;
	background-repeat: no-repeat ;
}
.titleBlockMid {
	width: 240px ;
	background-image: url(images/black-trans-fill.png) ;
	background-repeat: repeat ;
	padding: 0 15px 0 ;
}
.titleBlockMid h2 {
	font-size: 25px ;
	padding-top: 5px ;
}
.titleBlockMid span.subheader {
	font-size: 12px ;
	padding-top: 5px ;
}
/** Portfolio **/
#PortWebDes {
	overflow: hidden ;
}
ul.thumbBlock {
	display: block ;
	margin: 10px 0 0 ;
	padding: 0 ;
}
ul.thumbBlock li {
	position: relative;
	display: block ;
	height: 50px ;
	width: 50px ;
	float: left ;
	margin-right: 10px ;
	border: #252f54 1px solid ;
}
ul.thumbBlock li.last {
	margin-right: 0 ;
}
.portfolioPane {
	padding-top: 10px ;
}
.portfolioPane .mainImageContainer {
	position: relative ;
	overflow: visible ;
	width: auto ;
	height: auto ;
}
.portfolioPane .mainImage {
	position: relative;
	width: 618px ;
	height: 208px ;
	border: #252f54 1px solid ;
	z-index: 100 ;
}
.portfolioPane .mainImageContainer .magnify { 
	float:right ;
	margin: 5px 5px 0 0 ;
	background-image: url(images/magnify.png) ;
	background-repeat: no-repeat ;
	height: 31px ;
	width: 36px ;
	z-index: 90 ;
}
.portfolioPane .mainText h2 {
	font-size: 24px ;
}
.portfolioPane .mainText h4 {
	font-size: 12px ;
	font-weight: bold ;
	padding-top:  0;
}
.mainText {
	display: none;
}
.mainImageContainer {
	opacity: 0 ;
}
#port-pane-1 .mainText {
	display: block;
}

#port-pane-1 .mainImageContainer {
	opacity: 1 ;
}
/* Forms */
fieldset {
	border: #1b2d4d 1px solid ;
	padding: 15px ;
	margin-top: 15px ;
}
legend {
	padding: 0 10px ;
	font-size: 14px ;
	font-weight: bold ;
}
.form-label,
.form-option {
	padding: 10px 0 5px 0 ;
}
#ec_message {
	width: 90% ;
}
#ec_subject {
	width: 50% ;
}
/** WP 2.7 Comments **/
#comments-rss-feed {
	float:right ;
	font-size: 12px ;
	line-height: 25px ;
	height: 25px ;
	background-image: url(images/rss-25px.png) ;
	background-position: right center;
	background-repeat: no-repeat ;
	padding-right: 30px ;
	clear: both ;
}
h3#comments {
	margin-bottom: 15px ;
	padding-top: 30px ;
}
ul.comment-list,
ul.comment-list li,
ul.children,
ul.children li  {
	list-style: none ;
	list-style-position: outside ;
	padding: 0 ;
	margin: 0 ;
}
ul.comment-list li {
	border: 1px solid #13213A ;
	padding: 5px ;
	margin: 0 0 15px 0 ;
}
ul.comment-list { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ul.comment-list li { }
ul.comment-list li.alt { }
ul.comment-list li.bypostauthor {}
ul.comment-list li.byuser {}
ul.comment-list li.comment { padding:1em; }
ul.comment-list li.comment div.comment-author {}
ul.comment-list li.comment div.vcard { font:normal 16px georgia,times,serif; }
ul.comment-list li.comment div.vcard cite.fn { font-style:normal; }
ul.comment-list li.comment div.vcard cite.fn a.url {}
ul.comment-list li.comment div.vcard img.avatar { border:5px solid #1F3B6B; float:right; margin:0 0 1em 1em; }
ul.comment-list li.comment div.vcard img.avatar-32 {}
ul.comment-list li.comment div.vcard img.photo {}
ul.comment-list li.comment div.vcard span.says {}
ul.comment-list li.comment div.commentmetadata {}
ul.comment-list li.comment div.comment-meta { font-size:10px; }
ul.comment-list li.comment div.comment-meta a { color:#ccc; }
ul.comment-list li.comment p { font-size:11px; margin:0 0 1em; }
ul.comment-list li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ul.comment-list li.comment div.reply { font-size:11px; }
ul.comment-list li.comment div.reply a { font-weight:bold; }
ul.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.comment-list li.comment ul.children li {}
ul.comment-list li.comment ul.children li.alt {}
ul.comment-list li.comment ul.children li.bypostauthor {}
ul.comment-list li.comment ul.children li.byuser {}
ul.comment-list li.comment ul.children li.comment {}
ul.comment-list li.comment ul.children li.comment-author-admin {}
ul.comment-list li.comment ul.children li.depth-2 { border-left:5px solid #13213A; margin:0 0 .25em .25em; }
ul.comment-list li.comment ul.children li.depth-3 { border-left:5px solid #13213A; margin:0 0 .25em .25em; }
ul.comment-list li.comment ul.children li.depth-4 { border-left:5px solid #13213A; margin:0 0 .25em .25em; }
ul.comment-list li.comment ul.children li.depth-5 {}
ul.comment-list li.comment ul.children li.odd {}
ul.comment-list li.even { background:#264883; }
ul.comment-list li.odd { background:#264883; }
ul.comment-list li.parent { border-left:5px solid #13213A; }
ul.comment-list li.comment-author-admin { background-color: #1b2d4d }
ul.comment-list li.thread-alt { }
ul.comment-list li.thread-even {}
ul.comment-list li.thread-odd {}
#respond {
	padding: 10px ;
	margin: 0 ;
	border: #13213A solid 1px ;
}
#respond h3 {
	padding: 0 ;
}
form#commentform {
	padding: 15px 0 0 ; 
}
#respond textarea {
	width: 100% ;
}
#respond input {
	width: 60% ;
	margin: 0 0 15px 0 ;
}
#respond label {
	display: inline ;
	font-size: 11px ;
	margin: 0 0 5px 0 ;
}

#HomeLinkImage {
	display: none ;
}

/** IE6 FIXES **/
.threeboxTop,
.threeboxBottom,
.articleTop,
.articleBottom,
.sidebarBoxTop,
.sidebarBoxBottom,
.contentBlockTop,
.contentBlockBottom,
.titleBlockTop,
.titleBlockBottom {
	line-height: 5px;
	font-size: 1px ;
}