/*-----------------------------------------------
Name:     CI Blogger Template (Modified Starter template: Son of Moto by Jeffrey Zeldman)
Designer: Ryan Garcia
Date:     2009-12-18
Version:  1.1
----------------------------------------------- */

/* Blogger Header */
/* Primary layout */
html {font-size:100%;}/* fix for IE 6 font resize */
body {
margin:0;
padding:0;
border:0;
text-align:center;
color:#333;
background:#fff url("http://beta.csuci.edu/exp/images/blogger/body-repeat-bg.png") top left repeat-x;
font:normal normal 100% 'helvetica neue',helvetica, arial, sans-serif;
}
img {border:0;display:block;}
#skiplinks { position:absolute;	left:0px; top:-1000px; width:1px; height:1px; overflow:hidden; }
.clear {clear:both;}
/* Wrapper */
#outer-wrapper {
margin:20px auto 0;
border-top:5px solid #eee;
width:960px;
text-align:left;
background:#ffffff;
font-size:14px;
}
/* Header */
#header-wrapper {
background-color:transparent;
border-bottom:1px dotted #ccc;
clear: both;
margin:0 20px;
padding: 30px 0;
overflow: hidden;
}

#header { float: left;clear: right; margin: 0; padding:0; width: 645px }
* html #header { float: none } /* Fix for IE 6 */

#cilogo {
float:left;
padding: 0 20px 0 0;
margin: 0 20px 0 0;
border-right: 2px solid #ccc;
}
#header h1 { margin:0; padding: 3px 0 5px }
#header .description
{
font-size:1em;
text-align:left;
padding:0;
margin:0;
line-height: 1;
color:#666666;
}
.description span {margin: 0;}
/* Inner layout */
#content-wrapper {
padding:20px 20px 0;
margin-bottom: 3px;}
#main {
width:570px;
float:left;
word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
/* =Post */
.post {overflow:hidden;margin-bottom: 3em}
.post-title {
border-bottom: 2px solid #cb132a;
padding-bottom: 3px;
line-height: normal;
}
.post-title a:hover { text-decoration: none; border: none }
.post img { border: 5px solid #f3f3f3; margin-top: .5em; margin-bottom: -1px /* remove link border */ }

.post-footer {
background-color:#f7f7f7;
float:left;
width:570px;
margin:3em 0 0;
padding: 5px 0 }

.post-footer p { margin: 0 }

.post-footer-line1,
.post-footer-line2 { float: left; clear:both; line-height: 1.8;  margin: 0 5px; width: 560px; }

.post-info,
.post-labels {float: left; width: 450px }

.comment-count a:link,
.comment-count a:visited,
.post-labels a:link,
.post-labels a:visited { display:inline-block; background-color: #dbdbdb; border:none; color: #000;  font-weight: normal; padding: 0 4px }

.comment-count a:hover,
.comment-count a:focus,
.post-labels a:hover,
.post-labels a:focus { background-color: #cb132a; color: #ffffff }

.comment-count a { display:block }

.comment-count,.post-icons { float: right }
.post-icons img { float: left; padding: 4px 0 }
.quick-edit-icon { width: 18px; height: 18px; }
/* =Comments */
.comment-content .comment-count { float: none }
.comment-author { }
.comment-timestamp { font-weight: normal }
/* =Sidebar */
.sidebar
	{
	width:320px;
	float:right;
	margin-top: 17px;
	word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
	overflow:hidden; /* fix for long non-text content breaking IE sidebar float */
	}
.sidebar .widget 
	{
	background-color: #fcfcfc;
	border: 1px solid #f3f3f3;;
	padding: 10px 20px 20px;
	margin: 0 0 20px 20px;
	}
.sidebar #Profile1 { background-color: #f3f3f3}
.sidebar #Image1 {background-color: #fff; border: none;}
.sidebar .widget h2 { margin-bottom: 1em; line-height: normal}
.sidebar .widget ul { margin-left: 0; padding-left: 1em}
/* Bottom layout */
#footer {
clear:left;
margin:0 20px;
padding:0;
border:0;
text-align:left;
border-top:1px dotted #ccc;
}
#footer .widget {
text-align:left;
margin:0;
padding:10px 0;
background-color:transparent;
}
/* Default links 	*/
a:link,a:visited {
text-decoration:none;
color:#333333;
background:transparent;
border-bottom: 1px dotted
}
a:hover {
color:#cb132a;
background:transparent;
border-bottom: 1px solid
}
a:active {
text-decoration:none;
color:#000000;
background:transparent;
}
/* =Typography */
#header h1,
#header h1 a,
#header h1 a:link,
#header h1 a:visited {
color:#cb132a;
text-align:left;
font-size:28px;
line-height: 1;
border: none; }
#header h1 a:hover,
#header h1 a:focus { color: #333333 }
h2,h3,h4,h5 {
margin:0;
padding:0;
}
dl,dt,dd {margin: 0}
h2 {font-size:14px;}
h2.date-header {
color:#777;
font-weight: normal;
font-size: 12px;
margin-bottom: 7px;
}
.post { line-height: 1.5 }
.post-title { margin-top:5px;font-size:16px;}
.post-title a:link,.post-title a:visited { border: none }
.post-body blockquote { line-height:1.3em }
.continue-reading a { color: #BA1227 }
.post-footer { font-size:12px;}
.post-info .fn, .comment-count a:link,.comment-count a:visited { font-weight: bold }
.sidebar h2 { color:#cb132a }
.sidebar .widget { font-size: 12px; line-height: 1.5 }
#footer { font-size: 12px }
/* =Enrichment */
/* Border Radius */
#outer-wrapper,
#wrap2,
.post-footer,
.post-labels a:link,
.post-labels a:visited,
.comment-count a:link,
.comment-count a:visited,
#sidebar,
.widget {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; }
/* Box Shadow */
#wrap2{
box-shadow: 0px 0px 5px rgba(0,0,0,.2);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
/* Profile
----------------------------------------------- */
.profile-datablock {
margin-top:3px;
margin-right:0;
margin-bottom:5px;
margin-left:0;
line-height:140%;
}
.profile-textblock {margin-left:0}
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
border:4px solid #8b2;
}
#comments {
border:0;
border-top:1px dashed #eed;
margin-top:10px;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding:0;
}
#comments h4 {
margin-top:10px;
font-weight:normal;
font-style:italic;
text-transform:uppercase;
letter-spacing:1px;
}
#comments dl dt {
font-weight:bold;
font-style:italic;
margin-top:35px;
padding-top:1px;
padding-right:0;
padding-bottom:0;
padding-left:18px;
background:transparent url("http://www.blogblog.com/moto_son/commentbug.gif") top left no-repeat;
}
#comments dl dd {
padding:0;
margin:0;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear:both;
line-height:2.5em;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {float:right;}
#blog-pager {text-align:center;}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper { padding-top:0;}
body#layout #header,body#layout #content-wrapper,body#layout #footer {padding:0;}
body#layout .sidebar { width:320px }