@charset "utf-8";
/*
Theme Name: 7notes blog
Theme URI: 
Description: custom design layout
Author: btrax
Version: 1.0 
Tags: 7notes
*/

/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, tbody, button { margin:0; padding:0;}
button{ white-space:nowrap;}
table {border-collapse:collapse; border-spacing:0; border:0;}
td, th{ vertical-align:top; line-height:1.2; border-spacing:0;}
fieldset,img { border:0;}
img{ /*display:block;*/}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {text-decoration:none;}


body {color:#4c4c4c; font: normal 12px/1.5em Arial, Helvetica, sans-serif;	margin:0; padding:0; width:100%; height:100%; background:#091d4f url(./images/bg-foot.jpg) 0 0 repeat;}


/*--------- image align ----------*/
img.alignright {float:right; margin:0.3em 0 1em 1em;}
img.alignleft {float:left; margin:0.3em 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0.3em 0 1em 1em;}
a img.alignleft {float:left; margin:0.3em 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
/*-----------------------------------------------------*/

object{ display:block; outline:none;}
input, textarea{ margin:0; padding:6px 10px 6px 10px; border:1px solid #ccc; font:12px Arial, Helvetica, sans-serif; line-height:14px; background:#fff; width:125px; color:#808080; }
input:focus, textarea:focus{ color:#111;}
input[type='text'], input[type='submit'], input[type='button']{ white-space:nowrap; }
input[type='submit'], input[type='button']{ background:none; border:none; padding:0; margin:0; width:auto; color:#fff; font:17px/1.2em Georgia, "Times New Roman", Times, serif;}
textarea{ line-height:17px;  }
input[type='submit']:hover, input[type='button']:hover{ cursor:pointer; color:#C90;}
input.checkBox{ border:1px solid #999; padding:0; margin:0; display:inline; width:auto;}
input[type="radio"]{ width:auto; margin-right:5px;}
:focus {outline: none;}

a, a:link, a:visited{color:#3a72b3; outline:none;}
a:hover {text-decoration:underline; color:#76a2d5; border:none;}	

a img{border:none; text-decoration:none;}
img{border:none; margin:0;}

table td{ padding:0; margin:0;}
ul{list-style:none; margin:0; padding:0;}
ul li{ background:url(./images/bullet.png) 2px 7px no-repeat; padding:1px 0px 1px 13px; margin:2px 0 2px 3px; line-height:1.3em; font-size:13px;}
ul li ul, ol li ul{ padding:2px 0px 0px 0px; list-style-position:outside;}
ol{ padding:0 0 0 0px; margin:0 0 0 23px; list-style-position:outside;}
ol li{ padding:2px 0px 2px 0px; margin:0 0 0 0px; line-height:1.45;}
ul li ul>li, ol li ul>li{  background:url(./images/bullet.png) 3px 8px no-repeat; padding:2px 0px 2px 14px; line-height:1.3em;}

ul li img{ display:block;}


/*--------- alignment ---------*/

hr{ border:none;  background:#e4e3e3; display:block; height:1px; padding:0; margin:0;}
.clr { clear:both; height:0px; padding:0; margin:0; display:block;}
.hide { display: none; }
.fltLft {float:left; }
.fltRgt {float:right; }
.alignRgt{text-align:right;}
.hide{display:none;}
.alignLft{ text-align:left;}
.alignRgt{ text-align:right;}
.alignCenter{ text-align:center;}
.visibleNo{ visibility:hidden;}

.poRelative{ position:relative;}
.poAbsolute{ position:absolute;}


h1,h2,h3,h4,h5{ display:block;}
h1{ font:bold 20px/1em Georgia, "Times New Roman", Times, serif;  display:block; padding:0; margin:0 0 15px 0; color:#133784; }
h2{ font:normal 19px/1.1em Georgia, "Times New Roman", Times, serif;  color:#133784; margin:0; padding:0px 0px 8px 0px;}
h3{ font:normal 16px/1.1em Georgia, "Times New Roman", Times, serif;  color:#133784; margin:0; padding:0px 0px 8px 0px;}
h4{ font:normal 14px/1.1em Georgia, "Times New Roman", Times, serif;  font-size:14px; color:#133784; margin:0; padding:0px 0px 10px 0px;}
h5{ margin:0; padding:0px 0px 10px 0px;  line-height:1.1;}

p{ padding:0 0 13px 0;}

.black{ color:#000;}


/*--  containers -------*/
.headWrap, .footWrap{ height:63px; background:url(./images/bg-header.jpg) 0 0 repeat-x;}
#head{ height:63px; width:900px; margin:0 auto; position:relative; z-index:2;}

.mainWrap{background:url(./images/bg.jpg) 0 0 repeat;}
#main{ width:900px; margin:0 auto; padding:20px 0 20px 0;}

#foot{width:900px; height:63px; margin:0 auto; }

/*----------  header --------*/
.logo{ width:176px; height:43px; display:block; background:url(./images/logo.png) 0 0  no-repeat; float:left; margin:13px 0 0 0px;}

.headRgt{ float:right; padding:23px 0 0 0;}
.nav{ float:left;}
.nav ul{ list-style:none; margin:0; padding:0;}
.nav ul li{ float:left; background:url(./images/arw.png) 0 5px no-repeat; padding:2px 0 2px 19px; margin:0 0 0 17px; display:block; white-space:nowrap; line-height:1.1em;}
.nav ul li a{ color:#e5e5e5; font:bold 12px/1.1em Arial, Helvetica, sans-serif; white-space:nowrap;}
.headRgt .social{ background-image:none; padding-top:3px; float:left;}

.iconTwi, .iconFb{ width:34px; height:35px; display:block; float:left; margin-top:-11px;}
.iconTwi{ background:url(./images/icon-twitter.png) 0 0 no-repeat; margin-right:10px;  }
.iconFb{ background:url(./images/icon-fb.png) 0 0 no-repeat;}

/*--------- main nav ---------*/

/*---------------- general ------------------*/
.homeCont{ background:#f0f5fb url(./images/bg-home.gif) 0 0 repeat-x; padding:25px 20px 40px 20px;}
.homeLft{ float:left; width:628px; padding:0 0px 0 0px;}
.homeRgt{ float:right; width:250px; padding:0 4px 0 0px;}

a.iconLink{ font:bold 12px/1.2em Helvetica, Arial, sans-serif; background:url(./images/arw-s.png) 0 6px no-repeat; padding:2px 0 2px 13px; margin-top:1px; display:block;}






table.box{  width:100%;}
table.box td, table.box th{ padding:0; margin:0;}
table.box .tl{ width:10px; height:9px; background:url(./images/box/box-tl.png) right 0 no-repeat;}
table.box .tr{ width:10px; height:9px; background:url(./images/box/box-tr.png) 0 0 no-repeat;}
table.box .t{  height:9px; background:url(./images/box/box-t.png) 0 0 repeat-x;}
table.box .bl{ width:10px; height:10px; background:url(./images/box/box-bl.png) 0 0 no-repeat;}
table.box .br{ width:10px; height:10px; background:url(./images/box/box-br.png) 0 0 no-repeat;}
table.box .b{  height:10px; background:url(./images/box/box-b.png) 0 0 repeat-x;}
table.box .l{ width:10px; background:url(./images/box/box-l.png) 0 0 repeat-y;}
table.box .r{ width:10px; background:url(./images/box/box-r.png) 0 0 repeat-y;}
table.box .body{ background:#fff;}
table.box .boxCont{ display:block; padding:8px; background:#fff; position:relative; z-index:0;}

.boxCont ul{ list-style:none; margin:6px 10px 10px 10px;}
.boxCont ul li{ margin:3px 0 2px 0; padding:5px 0 3px 0; border-top:1px dashed #ddd; display:block; background:none;}
.boxCont ul li:first-child{ border-top:none;}
.boxCont ul li .time{ font:11px/1.3em Arial, Helvetica, sans-serif; color:#3a72b3; display:block; padding-top:3px;}
.boxCont ul li .date{ color:#666666; font-size:11px; display:block; padding-bottom:2px; }

.homeLft .barTitle, .homeRgt .barTitle{ margin:0 4px 5px 4px;}

.boxCont .iconLink{ margin-right:10px; margin-bottom:8px;}



/*------------ subpage -------------------*/

.sub{border:1px solid #e0e0e0; padding:27px; background:#fff; display:block; position:relative; z-index:0;}


.subHead{ border-bottom:1px solid #a5a5a5; padding-bottom:15px; margin-bottom:20px;}
.subHead > h1{ margin:0; padding:0;}

.subLft{ float:left; width:198px;}
.subMid{ float:left; width:500px;}
.subRgt{ float:right; width:200px;}



/*---------------  post ---------------------*/
.post{ padding:10px 12px 10px 12px; position:relative; z-index:0; line-height:1.47em; color:#333; display:block; background:#fff;}

.pHead{  padding:0px 0 6px 0; margin-bottom:5px;  display:block; font-size:14px; color:#333;}
.pHead>h2{ padding:0 0 2px 0; margin:0; font:bold 15px/1.2em Georgia, "Times New Roman", Times, serif; color:#4c4c4c; display:block;}
.pHead>h2 a{color:#4c4c4c;}
.pHead>h2 a:hover{ text-decoration:none; color:#06F;}
.pDate{ background:#133784; padding:3px 8px 3px 8px; position:relative; z-index:2;  color:#fff; font:bold 11px/1em Arial, Helvetica, sans-serif; float:left;}
.pDate span{ height:5px; width:13px; background:url(./images/point-date.png) 0 0 no-repeat; display:block; position:absolute; bottom:-5px; left:16px; z-index:5;}
.pCat{ float:left; margin-left:15px; padding:3px 0 0 0;  font:bold 11px/1em Arial, Helvetica, sans-serif;}
.pComment{ float:right; padding:3px 0 0 0;  font:bold 11px/1em Arial, Helvetica, sans-serif;}
.post>.iconLink{ float:right; margin-top:0px;}

h1.cat{ padding:0; margin:8px 13px 3px 13px;}

.pSocialBtn{ float:left; margin-right:20px; display:block; padding-top:5px;}


/*------------------ pagination -----------------*/

.pagination{  width:100%; margin:0px 0px 0px 0px; padding:1px 0 1px 0; display:block;}
.pagination .prev, .pagination .next{padding:0; line-height:1.3; width:49%;}
.pagination .prev{ float:left;  }
.pagination .next{ float:right; text-align:right; }
.pagination a, .pagination a:visited{ display:block; font:13px/1.25em Arial, Helvetica, sans-serif; padding:0px 0 1px 0; color:#595959;}
.pagination .prev a{padding-left:15px; background:url(./images/arws-pagination.png) left 1px no-repeat;}
.pagination .next a{  padding-right:15px; background:url(./images/arws-pagination.png) right 1px no-repeat;}

.pagination .prev a:hover, .pagination .next a:hover{text-decoration:none; color:#3a72b3; border:none;}



/*---------------- sidebar -----------------------*/
.sideBarHead{ border-bottom:1px solid #103283; padding:3px 0 4px 13px; margin-bottom:7px; margin-left:-13px;}
.sideBarHead > h3{ padding:0; margin:0; color:#103283; display:block; font:bold 14px/1.1em Georgia, "Times New Roman", Times, serif;}
.sideBar{ margin-right:-7px;}

.sideBar ul{ margin:0; padding:0; list-style:none; }
.sideBar ul li{ font:12px/1.2em Helvetica, Arial, sans-serif; color:#3a72b3;  margin:3px 0 0px 0; padding:2px 0 2px 15px; background:url(./images/bullet-sidebar.png) 0 6px no-repeat;  display:block; border:none; }
.sideBar ul li:hover{ background-position:0 -87px;}
.sideBar ul li a{ padding:0; font-size:12px; line-height:1.25em; display:inline-block; color:#4c4c4c; }
.sideBar ul li:hover>a, .sideBar ul li:active>a{ color:#3a72b3; text-decoration:none;}
.sideBar ul li.active, .sideBar ul li.current_page_item, .sideBar ul li.current-cat, .sideBar ul li.current_page_parent{background-position:0 -87px; color:#3a72b3;}
.sideBar ul li.active >a, .sideBar ul li.current_page_item >a, .sideBar ul li.current-cat >a, .sideBar ul li.current_page_parent >a{ text-decoration:underline; color:#3a72b3;}
.sideBar ul li .date{ font-size:11px; padding:0 0 3px 0; color:#666; display:block;}

.sideBar ul li>small{ font:11px/1.3em Tahoma, Geneva, sans-serif; display:block;}

.sideBar ul li ul{ display:none; }
.sideBar ul li:hover ul, .sideBar ul li.active ul, .sideBar ul li.current_page_item ul, .sideBar ul li.current-cat ul, .sideBar ul li.current_page_parent ul, .sideBar ul li.current_page_ancestor ul{ display:block;}
.sideBar ul li.current_page_parent ul li>a, .sideBar ul li.current_page_ancestor ul li>a{  }




/*------------ footer -----------------*/
#footer a{ color:#76a2d5;}

ul.ssBtns li{ float:left; padding:0; margin:0 13px 0 0; background:none;}
ul.ssBtns li a{font-size:12px;}
ul.ssBtns li a.fbLink, ul.ssBtns li a.twitterLink, ul.ssBtns li a.blogLink{ padding:2px 0 3px 20px;}
ul.ssBtns li a.fbLink{ background:url(./images/icon-fb.png) 0 0 no-repeat;}
ul.ssBtns li a.twitterLink{ background:url(./images/icon-twitter.png) 0 0 no-repeat; }
ul.ssBtns li a.blogLink{ background:url(./images/icon-blog.png) 0 0 no-repeat;}

ul.fLinks{ float:right; margin-right:-7px; white-space:nowrap;}
ul.fLinks li{ float:left; padding:0 7px 0 7px; border-left:1px solid #76a2d5; margin:0; line-height:1.1em; background:none; font-size:12px;}
ul.fLinks li:first-child{ border-left:none;}
ul.fLinks li a{ display:block; line-height:1.1em; white-space:nowrap;}



.copyRight{font:12px/1em Helvetica, Arial, sans-serif; color:#e5e5e5; float:left; padding:25px 0 0 0;}
.copyRight a, .copyRight a:visited{ color:#555;}

/* button 
---------------------------------------------- */
.button, a.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .52em 1.2em .55em;
	/*-webkit-box-shadow: 0 1px 2px #a8a8a8;
	-moz-box-shadow: 0 1px 2px #a8a8a8;
	box-shadow: 0 2px 2px #a8a8a8;*/
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background:#c5ce1e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c5ce1e), to(#abb416));
background: -webkit-linear-gradient(#c5ce1e, #abb416);
background: -moz-linear-gradient(#c5ce1e, #abb416);
background: -ms-linear-gradient(#c5ce1e, #abb416);
background: linear-gradient(#c5ce1e, #abb416);
text-shadow:1px 1px 1px #555; 
	border:1px solid #abb416;
	color:#fff;
}
.button:hover, a.button:hover {
	text-decoration: none;
	color:#fff;
	border-color:#8c940f;
}
.button.small{ font-size:11px; padding: .3em 1em .31em;}
.button.big{ font-size:19px;}
.button.follow{ font-size:11px; padding: .3em 1em .31em; background:#3dd2f6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3dd2f6), to(#21a9dd));
background: -webkit-linear-gradient(#3dd2f6, #21a9dd);
background: -moz-linear-gradient(#3dd2f6, #21a9dd);
background: -ms-linear-gradient(#3dd2f6, #21a9dd);
background: linear-gradient(#c5ce1e, #21a9dd); border:1px solid #21a9dd;}
.button.follow:hover{ border-color:#1993c1;}

/*--------- preset ----------*/

/* for css3 sytle */
#nav ul>li:hover, #nav ul>li:first-child, #nav ul>li:last-child, #nav ul>li.active, .pDate, .pDate>a{behavior: url(./js/PIE.htc);}

/*--------- CRAP ERIN ADDED (or tristan) ----------*/

img.feat_img { float:left; margin:0 10px 7px 0; }
.pHead > h2 { padding-bottom:7px; }
.social { width:145px; float:right; }
.social .twit, .social .fb { float:left; }
.social .twit { float:left; }
.social .fb { margin:0 10px 0 0; width:73px; float:left; }

/*--------- font size ----------*/

.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px;}
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs24 { font-size:24px; }
.fs26 { font-size:26px; }
.fs28 { font-size:28px; }
.fs30 { font-size:30px; }
.fs32 { font-size:32px; }
.fs36 { font-size:36px; }
.fs42 { font-size:42px; }
.fs48 { font-size:48px; }



/*--------------------- spacing -----------------------*/

.padTop55{padding-top:55px;}
.padTop25{padding-top:25px;}
.padTop12{padding-top:12px;}
.padTop1{padding-top:1px;}
.padTop2{padding-top:2px;}
.padTop3{padding-top:3px;}
.padTop4{padding-top:4px;}
.padTop5{padding-top:5px;}
.padTop6{padding-top:6px;}
.padTop7{padding-top:7px;}
.padTop8{padding-top:8px;}
.padTop9{padding-top:9px;}
.padTop10{padding-top:10px;}
.padTop15{padding-top:15px;}
.padTop16{padding-top:16px;}
.padTop17{padding-top:17px;}
.padTop45{padding-top:45px;}
.padTop60{padding-top:60px;}
.padTop70{padding-top:70px;}
.mgnTop18{margin-top:18px;}
.padTop18{padding-top:18px;}
.mgnTop20{margin-top:20px;}
.mgnTop25{margin-top:25px;}
.mgnTop28{margin-top:28px;}
.mgnTop70{margin-top:70px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop26{padding-top:26px;}
.padTop28{padding-top:28px;}
.padTop30{padding-top:30px;}
.padTop35{padding-top:35px;}
.padTop38{padding-top:38px;}
.padTop40{padding-top:40px;}
.padTop50{padding-top:50px;}
.padTop60{padding-top:60px;}
.padTop70{padding-top:70px;}
.padTop80{padding-top:80px;}
.padTop100{padding-top:100px;}
.padTop120{padding-top:120px;}
.mgnTop10{margin-top:10px;}
.mgnTop20{margin-top:20px;}
.mgnTop22{margin-top:22px;}
.mgnTop30{margin-top:30px;}
.mgnTop40{margin-top:40px;}
.mgnTop45{margin-top:45px;}
.padLft10{padding-left:10px;}
.padLft12{padding-left:12px;}
.padLft15{padding-left:15px;}
.padLft20{padding-left:20px;}
.padLft25{padding-left:25px;}
.padLft30{padding-left:30px;}