/*  
Theme Name: Communication is Inspiration
Theme URI: http://communicationisinspiration.com/
Description: communicationisinspiration.com blog theme.
Version: 1.0
Author: DianeV. Web Design Studio
Author URI: http://dianev.com/
*/

body {color:#000; margin:15px auto 35px auto; padding:0; font-size:62.5%; /* Resets 1em to 10px */ text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; background:#999}

#pagewrap {width:780px; margin:auto; background:url(images/bk.jpg) repeat-y; text-align:left}
#pageleftcol {width:568px; float:left; padding-bottom:30px} /* right = sidebar */

/* HEADER */
.topbar {border-top:15px solid #808080} /* top solid grey bar for cols */
#logo {width:568px; height:83px; margin:0 0 0 12px; padding:0 0 7px 0; background:#fff; border-bottom:1px solid #808080}
#logo a img {border:none}

/* CONTENT */
.datey {color:#D00C3C; font-size:14px; font-weight:bold; letter-spacing:1px; font-family:"Times New Roman",Times,serif}
.datey a {color:#D00C3C; text-decoration:underline}
.datey a:hover {color:#666; text-decoration:none}

#content {font-size:1.2em} /* see .entry */

.narrowcolumn {float:left; width:520px; padding:0 0 10px 30px; margin:0}
.narrowcolumn .postmetadata {text-align:center}
.leftmargin {margin-left:10px; line-height:1.4em}
.leftcolmarg {margin-left:10px}

.contribauthorpic {float:left; width:168px; height:211px; margin:0 12px 4px 0}
.contribauthorpic img {width:168px; height:211px}

.narrowcolumn .entry {line-height:1.5em}
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}
.entry form {text-align:center /* makes password protected posts look better. */}

	.post {margin:0 20px}
	.postmetadata {clear:left}

	.postedincat {color:#D00C3C; font-size:11px; text-align:right; margin-bottom:1em}
	.postedincat a {color:#D00C3C; text-decoration:underline}
	.postedincat a:hover {color:#666; text-decoration:none}
	
	.postmetadatahome {clear:both; height:23px; color:#999; font-size:12px; margin-bottom:25px; padding:2px 0 15px 0; vertical-align:middle; text-align:center; border-bottom:1px dotted #666; }
	.postmetadatahome a {color:#002587; font-weight:bold; text-decoration:underline}
	.postmetadatahome a:hover {color:#666; text-decoration:none; border-bottom:none}

.post-teaser {margin: 0 20px 0 0}

/* the J dot */
#thecontentbtm {width:450px; margin:auto; height:40px; padding-top:20px; text-align:center}
#thecontentbtm a {color:#666; font-size:0.9em; padding:0 2px; letter-spacing:1px; font-weight:bold; text-decoration:underline}
#thecontentbtm a:hover {color:#D00C3C; text-decoration:none}

/* SIDEBAR (NAVBAR) */
#sidebar {float:right; width:189px; margin:0 11px 0 0; font-size:1.1em; text-align:left; padding-bottom:30px; background-image:url(images/bk-j.jpg); background-position:center 400px; background-repeat: no-repeat}
#sidebar img#sidebarimg {width:188px; height:396px; border:none}

#searchform {margin:0; padding:2px 0; text-align:center; background:#000}  /* this is the form */
#sidebar form {margin:0 0 10px 0}
#sidebar #searchform #s {width:110px; padding:0}
#sidebar #searchsubmit {padding:0}

#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777}
#sidebar ul, #sidebar ul ol {margin:0 2px 0 10px; padding:0; font-size:11px}
#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px}
#sidebar ul li p {margin:0}
#sidebar ul p, #sidebar ul select {margin:5px}
#sidebar ul ul, #sidebar ul ol {margin:5px 0 0 2px}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 2px}

ol li, #sidebar ul ol li {list-style:decimal outside}
#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0 0; padding:0}

#sidebar ul li p {margin-bottom:0}
#sidebar ul li p.menutitle, 
#sidebar ul li.pagenav, #sidebar ul li h2 {color:#D4083A; font-size:18px; font-weight:normal; font-family:"Times New Roman",Times,serif} /* see get_links_list in wp-includes/links.php */
/*<li class="pagenav"><p class=\"menutitle\">Pages</p><ul><li class="page_item">*/

/* fix for Pages link oddity */
#sidebar li.pagenav ul li.page_item {font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif}

.navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px}

#sidebar a {color:#000; text-decoration:none}
#sidebar a:hover {color:#001E6E; text-decoration:underline}

/* FOOTER */
#layoutweirdness {clear:both; width:500px; line-height:1px; height:29px}
#bkbtm {clear:both; width:780px; margin:0 auto; text-align:center; background:#999 url(images/bkbtm.jpg) no-repeat}
#thec {color:#666; font-size:10px; letter-spacing:2px; padding-top:15px}
#thec a {color:#666; text-decoration:none}
#thec a:hover {color:#555; text-decoration:none}

/* END BLOG LAYOUT STYLES ------------------------- */
#bbreadcrumbs {color:#666; width:250px; font-size:11px; padding:5px 0 1px 40px; float:left}
#bbreadcrumbs a {color:#666; text-decoration:underline}
#bbreadcrumbs a:hover {color:#D00C3C; text-decoration:none}

.pagetitle {margin-left:20px; margin-bottom:1em}
/*                                                  */

h1,h2,h3, h1 a, h2 a, h3 a {color:#000; font-weight:bold; text-decoration:none}
h1, .h1 {font-size:22px; margin:0; letter-spacing:-1px}
h2, .h2 {font-size:20px; margin:0}
h3, .h3 {font-size:19px; padding:0; margin:30px 0}
h3.comments {padding:0; margin:40px auto 20px }
h1.pagetitle {font-size:20px}

h1 a, h2 a, h3 a {text-decoration:none}
h3 a {color:#D00C3C; margin:0; font-weight:normal; font-family:"Times New Roman",Times,serif; text-decoration:underline}
h1 a:hover, h2 a:hover, h3 a:hover {color:#666; text-decoration:none}

.postarchive {margin:0 20px; padding-bottom:1em}
.postarchive h3 {margin:0}
.postarchive p {margin:0}

.archivelist li {padding-bottom:.7em}

/* COMMENTS */
.comminvite {color:#4B6F9F; font-size:16px; font-weight:bold; font-style:italic; text-align:center; margin-top:25px; font-family:Arial,Helvetica, sans-serif}

.commentlist {margin:0; padding:0}
.commentlist li {margin:10px 0; padding:0 0 15px 35px; list-style:none; font-weight:bold; border-bottom:1px dotted #ccc; background:url(images/quotes.gif) no-repeat}
.commentlist p {margin:0 5px 1.5em 10px; font-weight:normal; line-height:1.5em}
.commentlist li cite {color:#333; margin-left:10px; font-weight:normal; font-style:normal}
.commentlist li cite a {color:#082684; text-decoration:none}
.commentlist li cite a:hover {color:#D00C3C; text-decoration:none}

.commentmetadata {color:#333; margin:0 0 0 10px; font-size:11px; display:block; font-weight:normal}
.commentmetadata a {color:#082684; text-decoration:none}
.commentmetadata a:hover {color:#D00C3C; text-decoration:none}

.nocomments {text-align:center; margin:0; padding:0}

p#respond, p#comments {color:#D00C3C; font-size:19px; margin-top:2em; font-family:"Times New Roman", Times, serif}

.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none}

#commentform p, #commentform p small {color:#000; font-size:12px; margin:0}
#commentform input {width:190px; padding:2px; margin:1px 5px 1px 0}
#commentform input.input2 {width:20px; margin-top:5px}
#commentform textarea {width:500px; padding:2px}
#commentform #submit {margin:0; float:right}

/* End Comments */

code {font:1.1em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em}
small {font-family:verdana,Helvetica,Sans-Serif; font-size:0.9em; line-height:1.5em}

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}

.alignright {float:right}
.alignleft {float:left}
.center {text-align:center}

select {width:130px}

small, .nocomments, blockquote, strike {color:#777}
.formtiny {color:#666; font-size:11px}

/* recent comments link */

#recentcomments {width:400px; font-size:12px; font-weight:bold; padding:5px 0 30px 0; float:right; text-align:right}
#recentcomments a {color:#D00C3C; text-decoration:none; border-bottom:1px dotted #D00C3C}
#recentcomments a:hover {color:#666; text-decoration:none; border-bottom:none}
ol.latestactivity li.alternate {padding-bottom:1em}

/* recent posts on home page (see my-hacks.php */
#recentpostscont {width:460px; margin:auto; padding:10px; border:1px solid #ccc; background:#efefef}
#recentpostscont .recentposts {font-size:18px; text-align:left; font-weight:bold}
ul.recentlist li {margin-bottom:.3em}


/* Dagon Design site map */
.ddsg-wrapper {width:500px}

.ddsg-wrapper ul {color:#333; font-size:12px; font-weight:normal; list-style:none; margin:20px 0; padding-left:0}
.ddsg-wrapper ul li a {font-size:17px; font-weight:bold}

.ddsg-wrapper ul ul {margin-left:10px; padding-left:10px; list-style:square}
.ddsg-wrapper li li {color:#666; padding-bottom:3px; font-size:11px}
.ddsg-wrapper ul ul li a {color:#002587; font-weight:normal; line-height:1.3em; text-decoration:underline}
.ddsg-wrapper ul li li a {color:#002587; font-size:12px; text-decoration:underline; margin-right:3px}

.ddsg-wrapper li a:hover {color:#888; text-decoration:none}

/* Images - see also:  a img at bottom */
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}

/* red:D00C3C   D4083A     */

a img {border:none}
a {color:#002587; text-decoration:underline}
a:hover {color:#888; text-decoration:none}