/*
Theme Name: New Element Designs
Theme URI: http://newelementdesigns.com/
Description: Blog theme for new element designs.
Version: 1.0
Author: Don Jones
Author URI: http://newelementdesigns.com/
Tags: blue, custom header, fixed width, two columns, widgets

	New Element Designs v1.0
	 http://newelementdesigns.com/

	This theme was designed and built by Don Jones,
	whose blog you will find at http://newelementdesigns.com/blog/

*/



/* Begin Typography & Colors */
body{
margin:0;
padding:0;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
background: #3284A3;
}

a{
color: #E4E4E4;
outline: none;
font-weight: 700;
}

img{
border: none;	
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;list-style:none;}
ol{margin:0;padding:0;}
ol li{margin:0;padding:0;list-style:none;}

#container{
width: 960px;
overflow:hidden;
margin: 0 auto;
}


/* Strips */

#loginStrip{
width: 100%;
height: 18px;
float: left;
background:url(images/login-strip-bg.jpg) repeat-x;
}

#logoStrip{
width: 100%;	
height: 104px;
float: left;
background:url(images/logo-strip-bg.jpg) repeat-x;
}

#navStrip{
width: 100%;
height: 10px;
float: left;
overflow:hidden;
background: #02495E;
}

#ssStrip{
width: 100%;
height: 280px;
float: left;
background:url(images/wood-bg.jpg) repeat-x;
}

#ssStripSecondary{
width: 100%;
height: 70px;
float: left;
overflow:hidden;
background:url(images/wood-bg.jpg) repeat-x;
}

#contentStrip{
width: 100%;
float: left;
overflow:hidden;
background: #006A88 url(images/content-strip-bg.jpg) repeat-x;
}

#bottomSeperator{
width: 100%;
height: 32px;
float: left;
overflow:hidden;
background:url(images/bottom-strip-bg.jpg) repeat-x;
}

#footerStrip{
width: 100%;
float: left;
overflow:hidden;
background: #3284A3;
}


/* Holders */

#logoHolder{
width: 960px;
height: 104px;
margin: 0 auto;
position:relative;
}

#navHolder{
width: 535px;
height: 30px;
position:absolute;
bottom: 0px;
right: 4px;
z-index: 20;
}

#ssHolder{
width: 960px;
height: 280px;
margin: 0 auto;
background:url(images/ss-bg.png) no-repeat;
overflow:hidden;
position:relative;
}

#ssHolderSecondary{
width: 960px;
height: 70px;
margin: 0 auto;
overflow:hidden;
}

#contentHolder{
width: 960px;
margin: 0 auto;
min-height: 230px;
overflow:hidden;
}

#shadowSeperator{
width: 960px;
height: 32px;
margin: 0 auto;
background:url(images/bottom-shadow-bg.jpg) no-repeat;
overflow: hidden;
}

#footerHolder{
width: 960px;
margin: 0 auto;
min-height: 200px;
overflow:hidden;
background: #3284A3;
}


/* Elements */

#logoHeader, #logoHeader a{
display: block;
width: 647px;
height: 104px;
background:url(images/logo.jpg) no-repeat;
text-indent: -9999px;
}

#loginButton a{
display: block;
width: 100px;
height:32px;
background:url(images/login-button.jpg) no-repeat;
position:absolute;
top: -9px;
right: 60px;
z-index: 40;
text-indent: -9999px
}

#navHolder ul{
width: 535px;
height: 30px;
display: block;
list-style: none;
}

#navHolder ul li{
display: inline;
width: 101px;
height: 30px;
}

#navHolder ul li a{
display: block;
width: 101px;
height: 30px;
float: left;
text-indent: -9999px;
text-decoration: none;
margin: 0 2px;
}

#preHome{width: 101px; height: 30px; background:url(images/home-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#prePort{width: 101px; height: 30px; background:url(images/portfolio-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#preServices{width: 101px; height: 30px; background:url(images/services-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#preBlog{width: 101px; height: 30px; background:url(images/blog-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#preContact{width: 101px; height: 30px; background:url(images/contact-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}

#homeButton a{background:url(images/home-no-active-button.jpg) no-repeat;}
#homeButton a:hover{background:url(images/home-hover-button.jpg) no-repeat;}
#homeButtonActive a{background:url(images/home-active-button.jpg) no-repeat;}

#portfolioButton a{background:url(images/portfolio-no-active-button.jpg) no-repeat;}
#portfolioButton a:hover{background:url(images/portfolio-hover-button.jpg) no-repeat;}
#portfolioButtonActive a{background:url(images/portfolio-active-button.jpg) no-repeat;}

#servicesButton a{background:url(images/services-no-active-button.jpg) no-repeat;}
#servicesButton a:hover{background:url(images/services-hover-button.jpg) no-repeat;}
#servicesButtonActive a{background:url(images/services-active-button.jpg) no-repeat;}

#blogButton a{background:url(images/blog-no-active-button.jpg) no-repeat;}
#blogButton a:hover{background:url(images/blog-hover-button.jpg) no-repeat;}
#blogButtonActive a{background:url(images/blog-active-button.jpg) no-repeat;}

#contactButton a{background:url(images/contact-no-active-button.jpg) no-repeat;}
#contactButton a:hover{background:url(images/contact-hover-button.jpg) no-repeat;}
#contactButtonActive a{background:url(images/contact-active-button.jpg) no-repeat;}

.em{
font-weight: 700;
font-size: 18px;
}

#homeTube{
vertical-align: middle;
margin: 0 8px 9px 0;
}

#homeContent{
width: 590px;
padding: 25px;
float: left;
}

/*#homeContent h2{
display: inline;
font-size: 30px;
padding: 7px 0;	
}*/



.homContentH3{
font-size: 23px;
padding: 7px 0;
clear: both;	
}

#homeContent p{
padding: 12px 18px;	
}

#homeSidebar{
width: 260px;
padding: 45px 15px 15px 15px;
float: left;
}

#homeSidebar p{
font-size:13px;
padding: 30px 0;	
}

#homeSpacer{
display: block;
width:200px;
padding: 20px;
}

#wordpressImage{
width: 70px;
float: left;
height: 70px;
}

#wordpressText{
width: 190px;	
float: left;
font-size:13px;
padding: 8px 0 0 0;
}

#footerHolder ul{
display: block;
width: 165px;
text-decortaion: none;	
overflow:hidden;
padding: 10px;
float: left;
list-style: none;
}

#footerHolder ul li{
display: block;
width: 100%;

}

#footerHolder ul li a{
display: block;
width: 140px;
padding: 7px 10px;
font-size: 12px;
font-weight: 700;
color: #7ac6e6;
border-bottom: 1px dotted #B8D9E0;
text-decoration: none;
}
#footerHolder ul li a:hover{
color: #005B78;	
}

#footerHolder ul ul{
display: block;
width: 170px;
text-decortaion: none;	
overflow:hidden;
padding: 2px;
float: left;	
list-style: none;
}

#footerHolder ul ul li{
display: block;
width: 100%;
}

#footerHolder ul ul li a{
display: block;
width: 130px;
padding: 2px 15px;
font-size: 11px;
color: #7ac6e6;
border-bottom: none;
text-decoration: none;
font-weight:normal;
}

#footerHolder ul li.nodots a{
border-bottom: none;	
}

#bottomNotes{
width: 900px; 
margin: 0 auto; 
padding: 10px; 
clear: both;
text-align:center;
font-size: 11px;
color: #7ac6e6;
}

/* banner rotator */
#banners_holder {position: absolute; top: 28px; right: 28px; width:904px; height:230px;}
#banners_container {position: relative; width:904px; height:230px; margin:0px auto 0px}
#banner_container { position: relative; overflow:hidden; width:904px; height:230px; margin:0px auto 0px}
#banners { white-space:nowrap; }
#banners a img { border:none; }

#portfolioLinks{
display: block;
width: 300px;
list-style: none;
padding: 20px;
margin: 0 0 20px 0;
clear: both;
}

#portfolioLinks li{
display: block;
width: 100%;
float: left;
}

#portfolioLinks li a{
display: block;
width: 100%;
float: left;
color: #fff;
padding: 0 0 2px 20px;
background:url(images/next.png) no-repeat;
}

.siteHolder{
width: 528px;
height: 250px;
clear: both;
margin: 20px;
padding: 10px
}
.siteHolder p{
display: block;
padding: 7px 0;
margin-top: 3px;
background: #02495E;
border-top: solid 1px #FFF
}
.siteHolder span{
display: block;
width: 100%;
text-align: right;
padding: 2px 0;
font-size: 11px;
font-weight: normal;
}

.clientsTitle{
display:inherit;
font-size: 16px;
padding: 15px 0 3px 0;
clear: both;
}

.clientList{
list-style: none;
padding: 10px 25px 0 25px;
}

.clientList li{
padding: 3px 0;
font-size:13px;
}

#pageTitle{
display: block;
width: 250px;
padding: 7px;
margin: 13px 0 0 20px;
background: #575757;
color: #FFF;
font-size: 25px;
}

#sidebar{
width: 240px;
padding: 0 20px;
}

#sidebar ul{
list-style: none;	
}

#sidebar ul h2{
display: block;
width: 240px;
padding: 15px 0 7px 0;
font-size: 18px;
border-bottom: 1px solid #FFF;
}

#sidebar ul ul{
padding: 15px 0 0 0;	
}

#sidebar ul ul li{
padding: 1px 0 1px 10px;
font-size: 13px;
}

label.hidden{
display: none;	
}

#s {
width: 165px;
height: 25px;
border: solid 2px #FFF;	
background: #E7E3E0;
vertical-align: middle;
font-size: 18px;
}

#searchsubmit{
border: 1px solid #FFF;width:auto;background:#333;padding:5px; color: #E5E5E5; vertical-align: middle}	
}

.post{
margin: 10px 0;	
clear: all;
}

.post p{
font-size: 13px;
}

.post ul {
font-size: 13px;
padding: 12px;
margin-left: 20px;
}

.post ul li{
list-style-type: disc;
list-style-position:outside;	
}

.post h2 {
display:block;
width: 580px;
color: #FFF;
font-size: 24px;
float: left;
padding: 5px 0 0 0;
}

.post h2 a{
display:block;
text-decoration: none;
color: #FFF;
font-size: 24px;
float: left;
}
.post h2 a:hover{
text-decoration: underline;	
}

.post small{
display: block;
overflow:hidden;
font-size: 11px;
padding: 2px 0 3px 10px;
clear: both;
color: #7ac6e6
}

div.entry{
display: block;
background: #02495E;
float: left;
}


div.entry h3{
padding: 7px 5px;	
}

.postmetadata{
font-size: 11px;
border-bottom: 1px solid #FFF;
text-align: right;
color: #E7E3E0;
margin-bottom: 25px;
clear: both;
}

.alt{
text-align: left;	
}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}


/* comments */
div.comment{background:#FFF left top repeat-x;border:#DDD 1px solid;padding:15px 15px 9px 15px;margin:0 0 21px 0;line-height:180%;}
div.comment div.time-comments{border-bottom:#CCC 1px solid;padding:0 0 7px 0;font-size:90%;color:#888;margin:0 0 10px 0;}
div.comment div.time-comments div.time{float:left;background: 0 2px no-repeat;padding:0;}
div.comment div.time-comments div.time-awaiting{float:left;background: 0 2px no-repeat;padding:0;}
div.comment div.time-comments div.num-comments{float:right;background: 0 4px no-repeat;padding:0 0 0 23px;}
div.comment div.time-comments div.num-comments a{color:#888;}
div.comment div.time-comments div.num-comments a:hover{color:#888;text-decoration:underline;}
div.comment div.time-comments div.author-name{float:right;background: 0 2px no-repeat;padding:0 0 0 23px; color: #444}
div.comment div.time-comments div.author-name a:link, div.comment div.time-comments div.author-name a:visited{color:#333;text-decoration:none;}
div.comment div.time-comments div.author-name a:hover{color:#000;text-decoration:underline;}
div.comment h1{font-size:250%;font-weight:normal;color:#000000;font-family:Georgia;margin:0 0 20px 0;}
div.comment h1 a:link, div.comment h1 a:visited{color:#000000;}
div.comment h1 a:hover{color:#000000;}
div.comment p {color:#444;}
div.comment img{float:left;padding:4px;border:#DDD 1px solid;margin:5px 20px 15px 0;}
div.comment img.avatar{float:left;padding:4px;border:#DDD 1px solid;margin:5px 15px 10px 0;}
div.comment div.icons-readmore{color:#888;margin:15px 0 0 0;}
div.comment div.icons-readmore div.icons{float:left;}
div.comment div.icons-readmore div.icons a{float:left;display:block;width:30px;height:30px;margin:0 5px 0 0;}
div.comment div.icons-readmore div.icons a.one{background:url(../images/icon.jpg) 0 0 no-repeat;}
div.comment div.icons-readmore div.icons a.two{background:url(../images/icon.jpg) -33px 0 no-repeat;}
div.comment div.icons-readmore div.icons a.three{background:url(../images/icon.jpg) -65px 0 no-repeat;}
div.comment div.icons-readmore div.icons a.four{background:url(../images/icon.jpg) -98px 0 no-repeat;}
div.comment div.icons-readmore div.icons a.five{background:url(../images/icon.jpg) -131px 0 no-repeat;}
div.comment div.icons-readmore div.readmore{float:right;margin:5px 0 0 0;}
div.comment div.icons-readmore div.readmore a.more{background:#E1E1E1 url(../images/readmore-bg.jpg) 91% 4px no-repeat;padding:2px 35px 3px 10px;border:#CCC 1px solid;color:#666;}

.comment-text{
color: #333;	
}

a.url{
color: #333;	
}

/* auth comments */
div.comment-admin{background:#F5F4F0 left top repeat-x;border:#DDD 1px solid;padding:15px 15px 9px 15px;margin:0 0 21px 0;line-height:180%;}
div.comment-admin div.time-comments{border-bottom:#CCC 1px solid;padding:0 0 7px 0;font-size:90%;color:#888;margin:0 0 10px 0;}
div.comment-admin div.time-comments div.time{float:left;background: 0 2px no-repeat;padding:0;}
div.comment-admin div.time-comments div.time-awaiting{float:left;background: 0 2px no-repeat;padding:0 0 0 23px;}
div.comment-admin div.time-comments div.num-comments{float:right;background: 0 4px no-repeat;padding:0 0 0 23px;}
div.comment-admin div.time-comments div.num-comments a{color:#888;}
div.comment-admin div.time-comments div.num-comments a:hover{color:#888;text-decoration:underline;}
div.comment-admin div.time-comments div.author-name{float:right;background: 0 2px no-repeat;padding:0 0 0 23px; color: #444}
div.comment-admin h1{font-size:250%;font-weight:normal;color:#000000;font-family:Georgia;margin:0 0 20px 0;}
div.comment-admin h1 a:link, div.comment-admin h1 a:visited{color:#000000;}
div.comment-admin h1 a:hover{color:#000000;}
div.comment p {color:#444;}
div.comment-admin img{float:left;padding:4px;border:#DDD 1px solid;margin:5px 20px 15px 0;}
div.comment-admin img.avatar{float:left;padding:4px;border:#DDD 1px solid;margin:5px 15px 10px 0;}
div.comment-admin div.icons-readmore{color:#888;margin:15px 0 0 0;}
div.comment-admin div.icons-readmore div.icons{float:left;}
div.comment-admin div.icons-readmore div.icons a{float:left;display:block;width:30px;height:30px;margin:0 5px 0 0;}
div.comment-admin div.icons-readmore div.icons a.one{background:url(../images/icon.jpg) 0 0 no-repeat;}
div.comment-admin div.icons-readmore div.icons a.two{background:url(../images/icon.jpg) -33px 0 no-repeat;}
div.comment-admin div.icons-readmore div.icons a.three{background:url(../images/icon.jpg) -65px 0 no-repeat;}
div.comment-admin div.icons-readmore div.icons a.four{background:url(../images/icon.jpg) -98px 0 no-repeat;}
div.comment-admin div.icons-readmore div.icons a.five{background:url(../images/icon.jpg) -131px 0 no-repeat;}
div.comment-admin div.icons-readmore div.readmore{float:right;margin:5px 0 0 0;}
div.comment-admin div.icons-readmore div.readmore a.more{background:#E1E1E1 url(../images/readmore-bg.jpg) 91% 4px no-repeat;padding:2px 35px 3px 10px;border:#CCC 1px solid;color:#666;}
img.wp-smiley{border:none;border:0;padding:0;background:none;float:inherit;margin:0;}
div.comment p img.wp-smiley{border:none;border:0;padding:0;background:none;float:inherit;margin:0;}
div.comment-admin p img.wp-smiley{border:none;border:0;padding:0;background:none;float:inherit;margin:0;}

/* comments form */
div#commentform{background:#444 ; margin:0;text-align:left;padding:20px 17px 5px 25px;}
div#commentform li{margin:0 0 11px 0;}
div#commentform li label{width:220px;display:block;float:left;position:relative;}
div#commentform li input{width:275px;}
div#commentform li textarea{width:495px;height:200px;}
div#commentform li input, div#commentform li textarea{border:1px solid #FFF;font-size:12px;color:#777;padding:4px;font-family:Tahoma;}
div#commentform li input.submitbutton{border: 1px solid #FFF;width:auto;background:#E5E5E5;padding:4px; color: #333}
div#commentform-user{background:#444; margin:0;text-align:left;padding:20px 17px 5px 25px;}
div#commentform-user li{margin:0 0 11px 0;color:#FFF;}
div#commentform-user li a:link, div#commentform-user li a:visited{color:#FE5656;text-decoration:underline;}
div#commentform-user li a:hover{color:#FF0000;text-decoration:underline;}
div#commentform-user li textarea{width:495px;height:200px;}
div#commentform-user li input, div#commentform-user li textarea{border:1px solid #FFF;font-size:12px;color:#777;padding:4px;font-family:Tahoma;}
div#commentform-user li input.submitbutton{border: 1px solid #FFF;width:auto;background:#E5E5E5;padding:4px; color: #333}

#contentSep{
width: 13px; 
height: 244px;
float: left;
margin-top: 30px;
background: url(images/content-sep.jpg) no-repeat;
}

.wp-caption{
margin: 10px;	
}

.wp-caption-text{
padding:0;
background: #e4e4e4;
color: #777;
font-size:11px;
text-align:center;
}

.size-thumbnail{
border: 5px solid #FFF;	
text-align:right;
}

div.alignleft{float:left;}
div.alignright{float:right; text-align:right;}

div.navigation{
width: 100%;
clear: both;	
}
.margin-right{
margin: 5px 0 0 7px;	
}

.syntax{
	font-size: 11px;
}