/*
Theme Name: Noel
Theme URI: http://www.noeltock.com	
Description: A Theme for myself
Author: Noel Tock
Author URI: http://www.noeltock.com
version: 0.1
Tags: two-column, widget-ready
*/


/*
    Date: 25-01-2010
    Title: 
====================================
*/
* {
    margin:0;
    padding:0;
}
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#4e4e4e;
}
:focus{
    outline:0;
}
a {color:#4e4e4e;}
ul,li  {list-style: none;}
:link,:visited  {text-decoration: none;}
a img,:link img {border: none;}
address,i,em  {font-style: normal;}
.headerWrap {
    width:100%;
    overflow:hidden;
    background:#07060c url(images/header-bg.jpg) no-repeat top center;
}
.header {
    width:938px;
    margin:0 auto;
    overflow:hidden;
    height:267px;
    position:relative;
}
.header .logo {
    float:left;
    margin:92px 24px 0 0;
}
.header .welcome {
    float:left;
    margin-top:68px;
}
.header ul {
    overflow:hidden;
    position:absolute;
    bottom:0;
    right:0;
} 
.header ul li {
    float:left;
    height:30px;
    padding-left:6px;
}
.header ul li a {
    float:left;
    width:133px;
    height:20px;
    padding-top:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#2c2f4f;
    text-align:center;
    text-transform:uppercase;
    background:url(images/menu.png) no-repeat 0 0;
}
.header ul li a:hover,.header ul #selected a,.header ul .current_page_item a {
    height:30px;
    background:url(images/menu.png) no-repeat 0 -30px;
}
* html .header ul {
    bottom:-11px;
}
* html .header ul li a {
    background:url(images/menu-bg.png) no-repeat top left;
}
* html .header ul li a:hover {
    background:url(images/hover-bg.png) no-repeat top left;
}
* html .header ul #selected a, * html .header ul .current_page_item a {
    background:url(images/hover-bg.png) no-repeat top left;
}
/*-----------------mid-------------------*/
.mid {
    width:100%;
    overflow:hidden;
    background:#fff;
}
.colorPic {
    width:939px;
    margin:0 auto;
    height:30px;
}
.colorPic img {
    float:right;
    margin:9px 5px 0 0;
}
.potfolio {
    width:100%;
    overflow:hidden;
    padding:17px 0 6px 0;
    border-bottom:1px solid #c4c4c4;
    background:#ededed url(images/portfolio-top.gif) repeat-x;
}
.potfolioContent {
    width:939px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.pBoxContainer {
    width:958px;
    overflow:hidden;
    margin-right:-19px;
}
.porfolioBox {
    width:300px;
    overflow:hidden;
    float:left;
    padding-right:19px;
}
.porfolioBox img {
    display:block;
    height: 24px;
}
.porfolioBox .siteImage {
    margin-bottom:17px;
    border:1px solid #b0b0b0;
    height: 198px;
}
.porfolioBox p {
    display:block;
    line-height:17px;
    padding:11px 0 10px 0;
}
.porfolioBox ul {
    overflow:hidden;
}
.porfolioBox ul li {
    padding:2px 0 13px 35px;
    width:265px;
    background:url(images/li-bullet.gif) no-repeat 0 0;
}        
.bottomContent {
    width:939px;
    margin:0 auto;
    padding-top:32px;
    padding-bottom:50px;
    overflow:hidden;
}
.bottomContent h2,.commonRight h2 {
    font-size:18px;
    color:#242424;
    display:block;
    padding-bottom:14px;
    border-bottom:1px solid #c1c1c1;
}
.services {
    width:300px;
    overflow:hidden;
    float:left;
}
.services p, .about p {
    display:block;
    line-height:18px;
    padding:15px 0 0 0;
}
.services ul {
    overflow:hidden;
    padding:20px 0 0 8px;
}
.services ul li {
    padding:0 0 14px 25px;
    background:url(images/li-bullet1.gif) no-repeat 0 4px;
}
.services ul li a {
    color:#4e4e4e;
}
.services .more,.about .more, .services .more-link,.about .more-link,.postContent .postLeft .more-link {
    display:block;
    color:#4861b5;
    text-decoration:underline;
    margin-top:25px;
    font-weight:bold;
}

.about {
    width:622px;
    float:right;
}
.about h2 {
    /*margin-bottom:19px;*/
}
.about img,.commonRight img {
    /*float:left;*/
    border:1px solid #b0b0b0;
    margin:0 18px 0 0;
}
.commonRight p {
    display:block;
    line-height:17px;
    padding-bottom:19px;
}
.about .sign {
    display: block;
    width:165px;
    background:url(images/signature.jpg) no-repeat right 7px;
    padding: 0 0 18px 215px;
}
.about .more-link, .services .more-link {
    margin-top:4px;
}
/*---------------footer-----------------*/
.footerWrap {
    width:100%;
    overflow:hidden;
    background:#07060d url(images/footer-bg.jpg) no-repeat top center;
}
.footer h2 {
    font-size:18px;
    color:#fff;
    display:block;
    padding:19px 0 12px 0;
}
.footer {
    width:942px;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:124px;
}
.footer p {
    display:block;
    line-height:18px;
    color:#fff;
    width:300px;
    color:#b9b9bf;
}
.stay {
    width:322px;
    float:left;
}
.stay img {
    float:left;
    margin:26px 16px 0 0;
}
.contact {
    float:left;
    width:319px;
}
.contact .altp {
    padding-top:18px;
}
.subscrib {
    float:left;
    width:300px;
}
.inputContainer {
    width:272px;
    overflow:hidden;
    padding-left:28px;
    margin-top:16px;
    background:url(images/mail-icon.gif) no-repeat top left;
}
.inputContainer input {
    width:270px;
    height:22px;
    border:none;
    font-style:italic;
    font-family:"Trebuchet MS";
    padding-top:3px;
    padding-right:2px;
    color:#8e8e8e;
    background:#fff url(images/input-right.gif) no-repeat top right;
}
* html .inputContainer{
    background:url(images/mail-icon.gif) no-repeat 0 1px;
}
*+ html .inputContainer{
    background:url(images/mail-icon.gif) no-repeat 0 1px;
}
/*----------------Contact----------------*/
.contactContent,.postContent {
    width:939px;
    overflow:hidden;
    margin:0 auto;
    padding-top:30px;
}
.contactContent h2,.postContent h1,.postLeft h2,.catagoryBlog h2 {
    display:block;
    font-size:20px;
    color:#323232;
    padding-bottom:20px;
}
.postLeft h1 a,.postLeft h2 a{
	font-size:24px;
}
.contactLeft,.postLeft {
    float:left;
    width:585px;
    overflow:hidden;
}
.contactLeft p,.postLeft p {
    line-height:22px;
    display:block;
}
.contactBottom {
    width:585px;
    overflow:hidden;
    padding:23px 0 40px 0;
}
.contactLeft dl {
    padding-bottom:19px;
    overflow:hidden;
    width:585px;
}
.contactLeft dl dd {
    float:left;
}
.contactLeft dl .inputdd {
    width:425px;
    overflow:hidden;
    padding-top:4px;
    float:right;
    background:url(images/input-top.gif) no-repeat top left;
}
.contactLeft label {
    width:136px;
    float:left;
    padding-top:9px;
    padding-right:14px;
    text-align:right;
    font-size:18px;
    color:#242424;
    background:url(images/star.gif) no-repeat right 9px;
}
.contactLeft input,.contactLeft textarea {
    width:415px;
    overflow:hidden;
    height:21px;
    padding:3px 0 4px 10px;
    border:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#4e4e4e;
    background:#e9e9e9 url(images/input-bottom.gif) no-repeat bottom left;
}
.contactLeft textarea {
    height:272px;
}
* html .contactLeft input {
    margin-top:-1px;
}
*+ html .contactLeft input {
    margin-top:-1px;
}
* html .contactLeft textarea {
    margin-top:-1px;
}
*+ html .contactLeft textarea {
    margin-top:-1px;
} 
.contactLeft dl .altlabel  {
    background:none;
}
.contactLeft dl .altlabel1 {
    padding-top:40px;
}
/*---------------Leave Comment-------------*/
.lcomment label {
    width:70px;
    font-size:14px;
}
.lcomment input,.lcomment textarea {
    width:481px;
    background:#e9e9e9 url(images/input-bottom1.gif) no-repeat bottom left;
} 
.lcomment dl .inputdd {
    width:491px;
    background:url(images/input-top1.gif) no-repeat top left;
}
.lcomment h2 {
    font-size:20px;
    border-bottom:1px dotted #333333;
    padding-bottom:16px;
    margin-bottom:-2px;
}
.lcomment .submit {
    background:none;
    width:131px;
    height:32px;
    padding:0;
}
.lcomment dl .altddd {
    background:none;
    padding:0;    
}
#comments{
    margin: 20px 0 20px;
}
.commentBox {
    width:585px;
    overflow:hidden;
}
.commentBox img.avatar {
    float:left;
}
.commentBox div {
    float:right;
    width:512px;
    overflow:hidden;
}
.commentBox .top {
    display:block;
    font-size:14px;
    color:#242424;
    padding-bottom:7px;
}
.commentBox small {
    font-size:9px;
    color:#989898;
    padding-left:6px;
}
.commentBox big {
    font-size:14px;
}
.commentBox p {
    display:block;
    line-height:22px;
    padding-bottom:15px;
} 
/*------------------post------------------*/
.postLeft {
    padding-bottom:50px;
}
.postLeft h1,.catagoryBlog h2 {
    padding-bottom:11px;
}
.postLeft h1 a {
    color:#

;
}
.postProperty {
    width:585px;
    overflow:hidden;
    margin-bottom:16px;
    border-bottom:1px dotted #333333;
}
.postProperty span {
    float:left;
    padding:5px 0 13px 0;
    font-size:9px;
}
.postProperty span a, .postContent span a,.postContent span a:hover {
    color:#242424;
    font-size:9px;
	font-weight:normal;
}
.postProperty img {
    margin:6px 6px 0 15px;
    float:left;
}
.postLeft p {
    padding:0 0 23px;
}
.postLeft h2, .catagoryBlog h2  {
    font-size:18px;
    color:#323232;
    padding-bottom:10px;
}
blockquote {
    font-size:16px;
    display:block;
    color:#333333;
    margin-left:33px;
    font-style:italic;
    padding-left:37px;
    background:url(images/quote.gif) no-repeat 0 0;
}
.postLeft blockquote span {
    padding-bottom:14px;
}
.postLeft ul {
    overflow:hidden;
    margin-left:33px;
	margin-bottom:20px;
}
.postLeft ul li {
    padding-left:33px;
    padding-bottom:7px;
    color:#333333;
    background:url(images/li-bullet1.gif) no-repeat 0 6px;
	line-height:17px;
}
.commonRight {
    float:right;
    width:300px;
    overflow:hidden;
    margin-bottom: 20px;
	line-height:17px;
}
.commonRight img {
    margin-right:16px;
}
.commonRight .rss {
    display:block;
    height: 25px;
    margin-bottom: 20px;
}
.commonRight .rss a img {
    float:left;
    margin-right:8px;
    border:none;
}
.commonRight .rss small {
    text-decoration:none;
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#4861b5;
    padding-top:5px;
}
.postLeft a,.postLeft a:hover{
	color:#4861b5;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
}
.commonRight h2 {
    width:300px;
    margin: 30px 0 10px;
	font-size:18px;
}
.commonRight li {
    margin-bottom: 10px;
}
.commonRight li ul li{
    margin-bottom: 10px;
}
/*---------------------catagory-blog---------------------*/
.catagoryBlog {
    overflow:hidden;
    padding-bottom:16px;
}
.catagoryBlog h2 a  {
    color:#4861c1;
    font-size:20px;
padding-bottom:5px;
}
.catagoryBlog .more1, .catagoryBlog .more-link {
    font-weight:bold;
    color:#4861b5;
    text-decoration:none;
}
.alignleft {
    float: left;
}
/* Slider */
.mid .potfolioContent {
    clear: both;
    height: 383px;
}
.mid .potfolioContent .items {
    position: absolute;
    width: 20000em;
    clear: both;
}
.colorPic .navi {
    float: right;
}
.colorPic .navi a {
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    margin:9px 5px 0 0;
    background: url('images/light-grey.gif');
}
.colorPic .navi a.active {
    background: url('images/grey.gif');
}
input#s {
    width:294px;
    height:22px;
    font-style:italic;
    font-family:"Trebuchet MS";
    padding-top:3px;
    padding-right:2px;
    color:#8e8e8e;
}
#wp-calendar {
    margin: 0 auto;
}
#wp-calendar caption {
    margin-bottom: 10px;
}
#wp-calendar tr td {
    padding: 5px 8px;
    text-align: right;
}
.comments em {
    color: #dd0000;
    font-style: italic;
}
.slideHolder {
    clear:both;
    height:40px;
    margin:0 auto;
    padding-top:40px;
    width:320px;
}
.hidden {
    display: none;
}
.ui-widget {
    font-size: 100%!important;
}
/* Fix */
.postLeft blockquote p {
    padding-bottom: 9px;
}
.commonRight li.sbAbout {
    margin-bottom: 0;
}
.commonRight li.sbAbout img {
    margin-top: 5px;
}
div.comment a img {
    margin-top: 4px;
}
.page h1 {
    border-bottom: 1px dotted #333;
    margin-bottom: 16px;
}
.contactLeft .submit {
    border: 0;
    width: 131px;
    height: 32px;
    padding: 0;
}
.inputdd .error {
    padding: 5px 0 0;
    color: #e44;
    display: block;
}
h3{
	margin-bottom:8px;
}
ul.children {
    margin:10px 0 0 20px;
}

.postthumb {
	margin-top:3px;
	margin-bottom:20px;
	width:200px;
	height:150px;
	border: 2px solid #4861c1;
	float: left;
}

.postexcerpt {
	float: right;
	width: 370px;
	line-height:20px;
	padding:0 0 0 10px;
}

.postexcerpt p {
  margin:0px;
}

.metant {
	font-size:10px;
	margin-top:0px;
	margin-bottom:10px;
}

.metant a {font-size:10px; color:#4e4e4e;}
.metant a:hover {font-size:10px;}
.metant a:visited {font-size:10px; color:#4e4e4e;}
.metant a:active {font-size:10px; color:#4e4e4e;}

.postloopnt h4 a {
	font-family:Aller
	font-size:20px;
	color:#4861c1;
}