/*
Weakow Web Design & Development
- weakow.com: Web Defines Design & Development
- Weakow Wang
-- wang at weakow.com
*/



body {
margin:0;
padding:0;  
color:#333;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}

#wrapper{
width:980px;
margin:0 auto;
padding:0px;
text-align:left;
font-size:78%;
line-height:20px;
background:#fff;
}

#header{
padding:1px 0px;
margin:0 15px;
background:#fff url(images/rainbow.gif) no-repeat;
}

#header-inner{
margin:10px 0 0 0;
padding:0;
}

#header-inner h1{
width: 235px;
height: 54px;
overflow: hidden;overflow-x: hidden;
position: relative;
font-family:Georgia,'Georgia Ref','Times New Roman',times,serif;
}
#header-inner span {
background: url(images/weakow-logo.gif) no-repeat 0 0;
width: 100%;
height: 100%;
position: absolute;
}
#header-inner h1 a{
color: #000000;
text-decoration: none;
}

#content{
clear:both;
margin:0;
padding:5px 0px 5px 0px;
margin:0 10px;
background:#fff;
}

#main {
width:600px; 
float:left;
margin:0;
padding:5px 0 10px 0;
overflow:hidden;
}

#sidebar {
padding:0;
margin:0 0 0 610px;
background:#fff url(images/sidebarbg.gif") top left repeat-y;
}

#leftbar{
margin:0 180px 0 0;
}

#rightbar{
float:right;
width:170px;
}

#footer {
clear:both;
margin:0;
padding:8px 16px 0;
text-align:left;
font-size:90%;
font-family:arial,helvetica,clean,sans-serif;
}

#footer-inner{
height:50px;
padding:0 12px;
border-left:1px solid #478EDE;
}

#footer p{
margin:0;
padding:5px 0;
}

#navigation{
padding:5px 15px;
}
#navigation div.fleft{
float:left;
}
#navigation div.fright{ 
float:right;
}

#credit{
text-align:right;
padding:0 15px;
}
#credit p{
margin:0;
color:#777;
font-size:85%;
}
#credit p a, #credit p a:hover{
color:#999;
font-weight:100;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin:10px 0;
padding:0;
}

h1, h2, h3, h4, h5, h6 {

}

h1{
font-size:190%;
}
h2{
font-size:160%;
}
h3{
font-size:117%;
}
h4{
font-size:100%;
}
h5{
font-size:80%;
}
h6{
font-size:70%;
}

a{
color:#478EDE;
text-decoration:none;
}
a:hover{
color:#478EDE;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}

blockquote{
padding:10px 35px 5px 35px;
margin:3px 30px;
}

form{
margin:0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size:12px;
font-family:Consolas, "Courier New", Courier, monospace;
white-space:pre;
}

pre{
padding-left:4em;
font-size:12px;
font-family:Consolas, "Courier New", Courier, monospace;
white-space:pre;
}

.aligncenter,
div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}

#tabs {
  float:right;
font-family:Georgia,'Georgia Ref','Times New Roman',times,serif;
  font-size:115%;
  line-height:18px;
}

#tabs ul {
  margin:0;
  padding:4px 10px 0 10px;
  list-style:none;
}

#tabs li {
  display:inline;
  margin:0;
  padding:0 0px;
  border-left:1px solid #444;
}

#tabs li.first {
  border-left:none !important;
}

#tabs a {
  margin:0 3px 0 6px;
  padding:4px 10px;
  text-decoration:none;
  font-weight:100;
}

#tabs a:hover {
  background:#f2f2f2;
}


/* Headings */ 
#header h3{
margin: 0;
padding:30px 0 7px 85px;
font-family:Georgia,'Georgia Ref','Times New Roman',times,serif;
}

#header h3 a{
font-weight:100;
color:#478EDE;
text-decoration:none;
font-size:240%;
letter-spacing:1px;
}

#header h2{
margin:0;
padding:10px 0 18px 85px;
font-family:Georgia,'Georgia Ref','Times New Roman',times,serif;
font-weight:100;
font-style:italic;
color:#222;
font-size:140%;
letter-spacing:1px;
}

h2#sectiontitle{
font-size:140%;
font-weight:100;
padding:6px 6px 6px 10px;
margin:8px 10px 5px 10px;
background:#F2F2F2;
color:#478EDE;
border-top:1px solid #478EDE;
border-bottom:1px solid #478EDE;
}


/* post styles */
.post{
margin:0 0 10px 0;
padding:0 5px 5px 5px;
}

.entry{
margin:7px 0;
padding:0px 10px 3px 10px;
}

.post h2 {
color:#333;
font-family:Georgia,'Georgia Ref','Times New Roman',times,serif;
font-size:180%;
font-weight:100;
padding:7px 0 8px 2px;
margin:10px 0 2px 0;
border-bottom:3px solid #ddd;
}

.post h2 a{
color:#333;
text-decoration:none;
font-weight:100;
}

.post h2 a:hover{
text-decoration:none;
color:#333;
}

.post h3{
font-family:'Times New Roman',times,serif;
color:#478EDE;
}

.post p{
text-indent:2em;
}

.post p.cite-note{
padding-right:2em;
text-align:right;
color:#999;
}

.post p.image-note{
padding-left:2em;
text-indent:0;
color:#777;
}

.post a.more-link{
font-family:Georgia,serif;
font-style:italic;
}

.post em{
padding-bottom: 4px;
font-style: normal;
background: url(images/dot-accent.gif) left bottom repeat-x;
}

.post blockquote {
padding:0 1em;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background-color:#EEE;
}

table.in-post{
width:90%;
margin:0 auto;
border:1px solid #777;
border-collapse:collapse;
}

table.in-post th,td{
padding:2px 4px;
border:1px dotted #777;
vertical-align:top;
}
table.in-post th{
background:#56A6ED;
color:#FFF;
}

.entry ul {
list-style-type:circle;
}

.entry img {
padding:3px;
border:1px solid #CCC;
}

.entry img.no-border {
border:0 solid #FFF;
}

.postmetadata{
padding:1px 8px 1px 5px;
margin:0;
border-top:3px double #ccc;
}

.postmetadata p{
line-height:18px;
padding:0;
margin:2px 0;
}

.authormetadata{
padding:1px 8px 1px 5px;
margin:0;
font-family:Georgia,serif;
color:#666;
}

.authormetadata p{
line-height:18px;
padding:0;
margin:2px 0;
}

.commentlink{
float:right;
}

.below-title {
width:62%;
margin-left:30%;
padding:6px 1em;
border-top:1px solid #478EDE;
border-bottom:1px solid #478EDE;
}
.below-title p {
margin: 2px 0;
}

.foot {
padding-right:1em;
text-align:right;
color:#666;
}


/*  Comments*/

h3#comments, h3#postcomment{
font-size:100%;
font-family:verdana, sans-serif;
}

ol#commentlist{
padding:0 0 0 20px;
font-size:95%;
list-style-type:none;
}

ol#commentlist li{
padding:0px 3px;
margin:0;
}

ol#commentlist li p.commentheader{
margin:0px 0 0px 0;
display:block;
padding:1px 5px;
font-family:Georgia,serif;
color:#666;
}

ul#commentlist{
padding:0;
margin:0;
list-style-type:none;
}

ul#commentlist li{
display:block;
padding:0;
margin:0 15px 10px 15px;
font-size:95%;
border-bottom:1px solid #CCC;
}

ul#commentlist p{
margin:0 0 6px 0;
}

ul#commentlist li div.comm{
margin:1px;
padding:1px;
}

ul#commentlist li div.gravatar {
width:50px;
float:left;
padding:10px 0 0 10px;
}

ul#commentlist li div.gravatar img{
border:2px solid #ccc;
}

ul#commentlist li div.commenttext{
padding:0;
margin:5px 1em 5px 2em;
}

ul#commentlist li div.commenttext p {
padding:0 1em;
text-indent:0;
}

ul#commentlist li div.commenttext p.commentheader {
padding-left:0;
font-family:Georgia,serif;
color:#666;
}

ul#commentlist li div.commenttext p.thdrpy {
text-align:right;
}

ul#commentlist li div.commenttext div.commentwrapper{
padding:3px 6px;
}

#commentform p {
padding-left:3em;
text-indent:0;
}


/*  sidebar styles */
.menu{
padding:0;
font-size:95%;
}

.menu a{
font-weight:100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget{
padding:2px;
margin:0 0 0px 0px;
}

.menu ul li.widget ul{
margin:0;
padding:0;
}

.menu ul li.widget ul li{
border-bottom:1px solid #eee;
padding:2px 2px 2px 5px;
margin:0;
}

.menu ul li.widget ul li:before {
content:"\00B7 \0020";
}

.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-top:1px solid #eee;
border-bottom:none !important;
padding:2px 0 2px 15px;
}

.menu ul li.widget h3{
font-family:Georgia,'Georgia Ref','Times New Roman',times,serif;
font-size:160%;
padding:0px 0 3px 4px;
margin:0;
border-bottom:1px solid #bbb;
color:#999;
font-weight:100;
}

.menu ul li h3 a{
color:#999;
font-weight:800;
}
.menu ul li h3 a:hover{
color:#666;
text-decoration:none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
padding:2px 5px;
}

/* Calendar styles */
#wp-calendar {
empty-cells:show;
margin:10px auto 0;
width:155px;
}

#wp-calendar #next a {
padding-right:10px;
font-size:95%;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
font-size:95%;
text-align:left;
}

#wp-calendar a {
display:block;
}

#wp-calendar caption {
font-family:'Times New Roman',times,serif;
text-align:center;
width:100%;
}

#wp-calendar tbody {
font-family:arial,helvetica,clean,sans-serif;
font-size:90%;
color:#999;
}

#wp-calendar tbody a {
font-weight:bold;
}

#wp-calendar td, #wp-calendar th {
text-align:center;
border:0px solid #FFF;
padding:0;
background:#FFF;
}

div.gallery ul {
list-style:none;
margin:0;
}
div.gallery ul li {
display:block;float:left;
margin: 6px;
}

div.web-design-piece {
border-bottom:1px dotted #AAA;
}
div.web-design-piece h4 {
padding-left:2em;
margin-bottom:0;
}
div.web-design-piece p {
margin:0;
padding-left:4em;
text-indent:-1em;
}
div.web-design-piece span.label {
margin-right:1em;
color: #999;
}
div.web-design-piece span.value {
margin-right:1em;
}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }

span.category-list-date {
color:#999;
}