/*  
Theme Name: Fusion Theme
Theme URI: http://www.theblog.ca
Description: Fusion between the Kubrick theme and Plain theme.
Version: 0.1
Author: Me
Author URI: http://www.theblog.ca
*/

/* Begin Typography & Colors */
body {
margin:0;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:0.7em;
color:#555555;
background-color:#cccccc;
text-align:left;
}

ins { float: left; }
.ad-arrow { float: left; margin-right: 10px; }
.ad-header {
display: block;
width: 100%;
overflow: hidden;
margin: 0 0 20px 20px;
}
.ad-bottom {
margin: 10px 10px 30px 60px;
overflow: hidden;
width: 100%;
clear: both;
}
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}
#header {
width:935px;
margin:0 auto 0 auto;
background: url('http://images.theblog.ca/crap_toilet_logo.png') no-repeat top left;
padding: 0;
height: 110px;
background-color: #FFFFFF;
}
#header h1, #header h1 a, #header h1 a:visited, #header div.site_title, #header div.site_title a, #header div.site_title a:visited {
font-family:"Francois One", "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
margin:0;
padding:0;
padding-top:10px;
color:#736451;
margin-bottom:15px;
text-align:left;
margin-left: 55px;
}
#header div.site_tagline {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:12px;
text-transform:uppercase;
text-align:left;
font-weight:normal;
margin:0;
padding-bottom: 5px;
color:#000000;
border-bottom:1px solid #eeeeee;
padding-left: 110px;
}
#content { font-size: 1.2em; }
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#footer { background-color: #eee; }
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
#headerimg .description {
font-size: 1.2em;
text-align: right;
}
#content h1, #content h1 a, #content h2, #content h2 a {
font-family:"Francois One", "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:23px;
font-weight:normal;
border-bottom:1px solid #eeeeee;
color:#728c40;
}
h2.pagetitle { font-size: 1.6em; }
#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}
h3 { font-size: 1.3em; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }

pre, code {
font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browsers may vary which one is used, so giving exact alternatives helps visual consistency */
font-size: 1em; /* Setting this exact size may also help visual consistency */
}
pre {
width: 95%;
background-color: #fafafa;
margin: 1em 0 1em 0;
padding: 2em 1em 2.1em 1em;
border-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-top-color: #d5d5d5;
border-right-color: #d5d5d5;
border-bottom-color: #d5d5d5;
border-left-color: #d5d5d5;
overflow: auto;
overflow-y: hidden; /* Because IE can't calculate vertical scrollbars properly */
}
pre.wordwrap /* Style for ensuring long lines in pre field won't break the design; use   instead to preserve white-space where desired */
{ white-space: normal; }

pre.wordwrap span.line /* Style for tag wrapping around each line of text */
{ display: block; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
#wp-calendar #prev a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
.theblog { border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; }
.theblog td, th {
padding: 5px;
border: 1px solid black;
text-align: left;
vertical-align: top;
}
.theblog tr { vertical-align: top; }
.publish_date { font-style: italic; }

/* End Typography & Colors */

/* Begin Structure */
body { margin: 0; padding: 0;  }
#page {
background-color: white;
margin: 20px auto;
margin-top: 0px;
padding: 0;
width: 960px;
border: 1px solid #959596;
}
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 685px;
}
.scriptcolumn { width: 600px; }
.widecolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 840px;
}
.post {
margin: 0 0 40px;
text-align: left;
clear: both;    
}
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: left; }
#footer {
padding: 0;
margin: 0 auto;
width: 960px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */

/* Begin Headers */

h2 { margin: 30px 0 0; }
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 { margin: 5px 0 0; padding: 0; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}	
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
} 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul {
list-style-type: none;
list-style-image: none;
margin-bottom: 20px;
}
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
#sidebar ul ol li { margin: 3px 0 0; padding: 0; }
#sidebar li {
line-height:25px;
text-align:left;
}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px; 
text-align: center;
}
#sidebar #searchform #s { width: 115px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select { width: 130px; }
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit { margin: 0; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: left; }
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Sidebar */
#sidebar {
padding: 20px 0 10px 0;
margin-left: 755px;
width: 190px;
}

.scriptsidebar { width: 240px; }
#sidebar form { margin: 0; }
/* End Sidebar */

/* Swordfish menu */
.pagenavigationbox {
text-align: center;
padding: 5px 0;
}
.pagenav, .pagenavcurrent {
border: 1px solid #CCCCCC;
margin: 0 3px;
padding: 5px;
}
.pagelink {
border: 1px solid #9999FF;
color: #9999FF !important;
margin: 0 3px;
padding: 5px;
}
.pagelink:hover {
border: 1px solid #CCCCCC;
background-color: #9999FF;
color: #FFFFFF !important;
}
.menubox a { text-transform: uppercase; }

/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation {
display: block;
text-align: center;
margin-top: 10px;
}
.avatar {
float: left;
margin: 0;
padding: 0 4px 0 0;
}
.flat-table, .comparison {
border-collapse: collapse;
margin-top: 10px;
margin-bottom: 10px;
}
.flat-table td, .flat-table th,
.comparison td, .comparison th {
padding: 5px;
border: 1px solid black;
text-align: left;
vertical-align: top;
}
.flat-table tr, .comparison tr { vertical-align: top; }
#spMainContainer .stButton span { padding-left: 20px; padding-right: 3px; color: #ffffff; font-size: 12px; }
#spMainContainer { font-size: 115% !important; }
#latest-forum-posts td { vertical-align: middle; }
#latest-forum-posts th { font-size: 11px; }
#latest-forum-posts p { line-height: 1em; padding: 0.3em 0.3em 0; margin: 0; }
#latest-forum-posts .userdetails { width: 14%; text-align: center; font-size: 11px; }
#latest-forum-posts .postcount { width: 5%; text-align: center; }
/* End Various Tags & Classes*/