/* Base */
@import url(/themes/common/base-weblog.css);

/* base css */


/*-----------------------------------------
RESET
-----------------------------------------*/

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;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{ 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
li{
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 img{
text-decoration:none;
border:none;
}
ul,ol,li,dl,dt,dd{
list-style:none;
}



/* layout */

body{
margin:0;
padding:0;
color: #333;
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
font-family:sans-serif;
line-height:1.5;
background:transparent;
background:#fff;
}

a{
text-decoration: underline;
}

a:link { color: #005588; }
a:visited { color: #005588; }
a:active { color: #005588; }
a:hover { color:#00cfec; text-decoration:underline;}

p{
margin-bottom:1em;
}



/*-----------------------------------------
header
-----------------------------------------*/

#banner{
margin:0;
padding:0;
border-bottom:none;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
background:none;
text-align: left;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner {
margin:0;
padding:0;
}

#banner-header
{
font-size:100%;
font-weight:normal;
margin:0;
padding:27px 634px 44px 31px;
background:url(/blog/2008/images/header_tit.gif) no-repeat 0 0;
}

#banner-header a{
margin:0;
display:block;
padding:185px 0 0 0;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:185px; /* for IE5.5 */
background:url(/blog/2008/images/header_tit.gif) no-repeat -31px -27px ;
}

#banner-description
{
margin: 0.25em 0;
font-size: small;
display:none;
}



/* default to artistic/calendar/timeline layout */

#container
{
width:1000px;
}

.layout-artistic #alpha,
.layout-calendar #alpha{
width:260px; /* 285px + 15px + 15px */
float:left;
margin:0;
padding:0;
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
border: 0;
margin:0;
padding:25px 10px 20px 75px;
background:none;
}

.layout-artistic #beta,
width:400px;
float:left;
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
margin:0;
padding:20px;
background:none;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }



/*-----------------------------------------
content
-----------------------------------------*/

/* main */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header{
margin: 0 0 10px 0;
border-bottom:none;
padding:0;
color: #fff;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 100%;
text-align: left;
font-weight: bold;
background: none;
}

.entry{
margin:0;
padding:0;
padding-top:9px;
margin-bottom:30px;
background:url(/blog/2008/images/entry_tit_bg_top.gif) no-repeat 0px 0px;
}

.entry-header{
margin:0;
border:0;
color: #fff;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 108%;
text-align: left;
font-weight: bold;
padding:0px 20px 9px;
background: none;
background:#f01c05 url(/blog/2008/images/entry_tit_bg_bottom.gif) no-repeat bottom left;
}

.entry-header a,
.entry-header a:link,
.entry-header a:active,
.entry-header a:visited{
color:#fff;
text-decoration:none;
}

.entry-header a:hover{
color:#fff;
text-decoration:underline;
}

.date-header{
color:#999;
font-size:100%;
font-weight: bold;
margin:0;
}

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content,
.entry-google-adsense{
margin: 10px;
background: none;
font-size:100%;
line-height:1.5;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer{
margin:10px 0 10px 0;
border-top: 1px dotted #ccc;
padding:5px;
color:none;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 85%;
line-height: normal;
text-align: left;
font-weight: normal;
}


#comment-author, #comment-email, #comment-url, #comment-text{
width: 80%;
}

/* fixes bug in ie win */
img.image-full{
width: 100%;;
}


/*-----------------------------------------
SIDE
-----------------------------------------*/

/* modules */

.module{
margin-bottom:20px;
}

.module a{
text-decoration: none;
font-weight: inherit;
}

.module a:link,
.module a:visited,
.module a:active,
#gamma a:link,
#gamma a:visited,
#gamma a:active { color:#fff;text-decoration:underline; }
.module a:hover,
#gamma a:hover { color:#ccc;text-decoration:underline; }

.module-header,
.module-calendar .module-header{
border-bottom:none;

margin:0;
margin-bottom:10px;
padding:5px 10px 5px 25px;
background:url("/blog/2008/images/side_tit_bg.gif") no-repeat left bottom;

color:#fff;
font-size:100%;
font-weight:bold;
line-height:1;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-transform: uppercase;
letter-spacing:0;
text-align: left;
}



.module-header a,
.module-header a:link,
.module-header a:active,
.module-header a:visited,
.module-calendar .module-header a,
.module-calendar .module-header a:link,
.module-calendar .module-header a:active,
.module-calendar .module-header a:visited{
color:#fff;
text-decoration:none;
}

.module-header a:hover,
.module-calendar .module-header a:hover{
text-decoration:underline;
}

.module-content{
margin:0;
padding:0 10px;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size:100%;
line-height:150%;
}

.module-list li{
font-size:93%;
margin:0;
padding:0;
line-height:1.3;
margin-bottom:10px;
}

.module-list li a,
.module-list li a:link,
.module-list li a:active,
.module-list li a:visited{
color:#fff;
}

.module-list li a:hover{
color:#fff;
text-align:left;
text-decoration:none;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img{
border: 5px solid #f5f5f5;
}

.module-photo .module-content{
text-align: left;
}

.module-powered { text-align: left; }

.module-calendar{
color:#fff;
font-size:100%;
font-family: 'Trebuchet MS', Verdana, sans-serif;
border-bottom:none;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing:0;
}


.module-calendar{
color:#fff;
font-size:100%;
font-family: 'Trebuchet MS', Verdana, sans-serif;
border-bottom:none;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing:0;
}

.module-calendar th,
.module-calendar td{
text-align: center;
font-weight: normal;
}

.module-calendar td a:link,
.module-calendar td a:active,
.module-calendar td a:visited{
color:#fff;
text-decoration:underline;
}

.module-calendar td a:hover{
color:#00cfec;
text-decoration:none;
background:#fff;
}



.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item{
width: 70px; /* ie mac fix */
height: 70px; /* for appearance with varying image border widths */
margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button{
float: left;
}



/*-----------------------------------------
LAYOUT
-----------------------------------------*/

/* moblog1 tweaks */

.layout-moblog1 #alpha{
width: 200px;

}

.layout-moblog1 #alpha-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}

.layout-moblog1 #beta{
width: 380px;
}

.layout-moblog1 #beta-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}

.layout-moblog1 #gamma{
width: 200px;
}

.layout-moblog1 #gamma-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}


/* moblog2 tweaks */

.layout-moblog2 #alpha{
width: 100px;
}

.layout-moblog2 #alpha-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}

.layout-moblog2 #beta{
width: 350px;
}

.layout-moblog2 #beta-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}

.layout-moblog2 #gamma{
width: 190px;
}

.layout-moblog2 #gamma-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}

.layout-moblog2 #delta{
width: 140px;
}

.layout-moblog2 #delta-inner{
border: 0;
padding: 15px 15px 15px 15px;
background: none;
}

.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

.layout-timeline #alpha{
width: 390px; /* 285px + 15px + 15px */
}

.layout-timeline #beta{
width: 390px;
}

.layout-timeline #beta #gamma { width: 175px; }
.layout-timeline #beta #delta { width: 170px; }



/* three-column tweaks */


body.layout-three-column div#container
{
margin:0 auto; /* center on everything else */
padding:0;
width:920px;
background:url(/blog/2008/images/bg_middle.gif) repeat-y top center;
}

body.layout-three-column div#container-inner {
margin:0;
padding:0;
background:none;
}

body.layout-three-column div#pagebody {
margin:0;
padding:0;
padding-top:10px;
background:url(/blog/2008/images/bg_top.gif) no-repeat center top;
}

body.layout-three-column div#pagebody-inner {
margin:0;
padding:0;
padding-bottom:70px;
background: none;
background:url(/blog/2008/images/bg_bottom.gif) no-repeat center bottom;
}

.layout-three-column #alpha{
width:260px;
float:left;
margin:0;
padding:0;
background: none;
overflow:hidden;
}

.layout-three-column #alpha-inner{
border: 0;
margin:0;
padding:10px 10px 20px 50px;
background: none;
}

.layout-three-column #beta{
width:400px;
float:left;
background: none;
overflow:hidden;
}

.layout-three-column #beta-inner{
border: 0;
margin:0;
padding:0px 12px 20px;
background: none;
}

.layout-three-column #gamma{
float:right;
width:260px;
background: none;
overflow:hidden;
}

.layout-three-column #gamma-inner{
border: 0;
padding:10px 50px 20px 10px;
background: none;
color:#fff;
}




/* ---------------------------------------------
SIDEBAR
---------------------------------------------*/


h3.side-tit{
color:#fff;
font-size:100%;
font-weight:bold;
line-height:1;
padding:5px 10px 5px 25px;
margin-bottom:10px;
background:url("/blog/2008/images/side_tit_bg.gif") no-repeat left bottom;
}


h4.side-tit{
color:#E60012;
font-size:93%;
font-weight:normal;
line-height:1;
margin:0 0 10px 20px;
padding:5px 10px 3px;
border:1px solid #b2000e;
background:#fff;
}



div.sidetext{
text-align:left;
padding:0px 10px 30px 10px;
font-size:93%;
line-height:1.3;
color:#fff;
}

div.qrcode{
text-align:left;
padding:0px 30px 30px;
font-size:93%;
line-height:1.3;
}

div.qrcode img{
margin-bottom:5px;
}


ul.info{
padding:0px 10px 30px 20px;
}

ul.info li{
color:#fff;
font-size:93%;
line-height:1.3;
margin-bottom:10px;
padding-left:13px;
background:url("/blog/2008/images/icon_arrow.gif") no-repeat 0 0.5em;
}

ul.bannerlist{
padding:0px 10px 30px 10px;
}

ul.bannerlist li{
font-size:93%;
line-height:1.3;
margin-bottom:10px;
}
