html, body, form, input, select, fieldset, ul, a, p, h1, h2, td, li, table, img {
font-family: 'ArialMT', 'Arial', sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
line-height: 20px;
margin: 0;
opacity: 1.00;
padding:0;
text-align: left;
text-decoration: none;
text-indent: 0px;
text-transform: none;
}
body,html {
text-align:center;
font-family:'ArialMT', 'Arial', sans-serif;
font-size:100%;
color:#463c3c;
background:#fff;
}
img {
border:none;
}
a {
color:#1974ab;
}
a:hover {
color:#3065b0;
}
a:visited {
color:#1974ab;
}
div#MainWrapper {
width: 1012px;
margin: 0px auto;
border:none;
margin-top:20px;
}
div#MastHead {
height:50px;
width:1012px;
}
div#MastHeadLeft {
height:50px;
width:238px;
border-left:4px solid #fc16ff;
float:left;
text-align:left;
}
div#MastHeadRight {
height:50px;
width:770px;
float:left;
}
.NavButton {
position: relative;
top: 18px;
height: 26px;
width: 100px;
background:#1974ab;
text-align:center;
line-height:24px;
margin-left:4px;
font-size:1em;
color:#FFF;
float:right;
}
.NavButton:hover {
background:#3065b0;
}
.NavButton a {
font-size:0.8em;
color:#FFF;
line-height:24px;
}
div#flashcontent {
margin:0;
width:620px;
height:500px;
}
/****************************************
Site Structure
****************************************/
div#Container1 { /* Pink Line column width is 4px*/
width:100%;
float:left;
position:relative;
right:654px; /* move this container to the far left to reveal the other containers: 4 (width of the column) + 650 (width of next column)=654*/
background:#fc16ff;
}
div#Container2 { /* Body column width:650px*/
width:100%;
float:left;
position:relative;
right:4px; /* move this container to the far left to reveal the other containers: 4 (width of previous column) */
background-color:#fff;
}
div#Container3 { /* PinkLine column width is 4px*/
width:100%;
float:left;
position:relative;
right:350px; /* move this container to the far left to reveal the other containers: 4 (width of next column) */
background:#fc16ff;
}
div#Container4 { /* Side Bar column width:350px */
width:100%;
float:left;
background: url(assets/design/bg.png) right no-repeat;
position:relative;
overflow:hidden;
}
div#Column1 { /* Pink Line column width is 4px*/
width:4px;
float:left;
position:relative;
text-align:left;
left:1008px;
overflow:hidden;
}
div#Column2 { /* Body column width:650px*/
width:650px;
float:left;
position:relative;
text-align:left;
left:1012px;
}
div#Column3 { /* PinkLine column width is 4px*/
width:4px;
float:left;
position:relative;
left:1012px;
}
div#Column4 { /* Side Bar column width:350px */
width: 350px;
float:left;
text-align:left;
position:relative;
left:1012px;
}
/****************************************
Pages Styles
****************************************/
div#Column2 .PageHeader {
height:100px;
width:650px;
background:url(assets/design/header_bg2.png);
}
div#Column2 h1 {
font-size:2.2em;
color:#FFF;
line-height:50px;
margin-left:6px;
}
div#Column2 h2 {
font-size:1.4em;
font-weight:bold;
line-height:30px;
margin-left:6px;
border-bottom:1px solid #333;
}
div#Column2 h3 {
font-size:1em;
font-weight:bold;
line-height:30px;
margin-left:6px;
}
div#Column2 .BlogEntry {
width:644px;
margin-left:6px;
margin-top:4px;
}
div#Column2 .BlogEntry img{
padding:2px;
border:1px solid #999;
}
div#Column2 .BlogEntry h1 {
font-size:0.9em;
font-weight:bold;
line-height:28px;
color:#333;
margin:0;
}
div#Column2 .BlogEntry h1 a {
font-size:0.9em;
font-weight:bold;
line-height:28px;
margin:0;
}
div#Column2 .BlogEntry p {
font-size:0.9em;
line-height:20px;
margin:0;
}
div#Column2 p {
margin:6px 6px 12px 6px;
font-size:0.92em;
}
div#Column4 h1 {
font-size:1.4em;
color:#000;
line-height:24px;
padding:12px 0 0 6px;
}
div#Column4 h2 {
margin:6px 6px 0 6px;
font-size:0.8em;
font-weight:bold;
line-height:16px;
}
div#Column4 h3 {
margin:6px 0 0 6px;
padding:6px;
font-size:0.9em;
font-weight:bold;
line-height:16px;
background:#1974ab;
color:#FFF;
}
div#Column4 p {
margin:6px 6px 12px 6px;
font-size:0.9em;
line-height:20px;
}
ul { margin-left:30px;}
li {
list-style:url(assets/design/li.jpg);
font-size:0.9em;
line-height:16px;
margin-bottom:6px;
}
.CommentError {
border:1px solid #CCC;
background-color:#8D795B;
padding:10px;
color:#AD1B21;
font-size:11px;
font-weight:bold;
width:624px;
}
.Comment {
border:1px solid #CCC;
background-color:#EFEFEF;
padding:10px;
margin-bottom:10px;
width:624px;
}
.CommentHeader {
color:#AD1B21;
font-size:11px;
}
.Footer{
position:relative;
top:30px;
font-size:.7em;
width:1012px;
height:40px;
}
.Footer a{
font-size:1em;
color:#03C;
}
.Footer a:hover{
color:#F00;
}
.FormLable {
font-size:0.8em;
}
.TexTBox {
background: #eee !important;
width: 210px;
color: #a27d76;
font-family: Arial, Tahoma, Verdana;
font-size:12px;
margin:4px 0 0 0;
border: 1px solid #95979a;
height:20px;
}
.ButtonStyle {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Lucida Sans, Lucida, Trebuchet MS, Verdana, Arial, sans-serif;
font-size:12px;
border:1px solid #c5c5b6;
padding:3px 6px;
margin:0px 0;
cursor:pointer;
text-align:center;
}
form, select, input {
display:inline;
}
.archivedate li {list-style:none}
#ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif}
#ArchiveList .toggle-open{_font-size:1.7em;line-height:.6em}
#ArchiveList{text-align:left}
#ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}
#ArchiveList a.toggle,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited,#ArchiveList a.toggle:hover{color:inherit;text-decoration:none}
.BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;text-indent:-15px;margin:.25em 0;background-image:none}
.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}
.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}
.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}
#ArchiveList .collapsed ul{display:none}
.backlink-toggle-zippy{padding-right:11px;margin-right:.1em;cursor:pointer;cursor:hand;background:url(http://www.blogger.com/img/triangle_ltr.gif) no-repeat left center}.expanded-backlink .backlink-toggle-zippy{background-image:url("http://www.blogger.com/img/triangle_open.gif")}.collapsed-backlink .collapseable{display:none}