/*   
Theme Name: Mikestyle for colombiajournal.org
Description: Custom theme for Colombia Journal
Author: Mike Targett
Author URI: http://miketargett.com/
Version: 1.2
*/

div { position: relative; }

html, body {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	background-color: #fff;
	background-image: url(images/bg.png);
	background-repeat:repeat-y;
	}

body {
	color: #000;
	padding: 0px;
	margin: 0 auto auto 0;
	background-color: #fff;
	background-image: url(images/bg.png);
	border-top: solid 8px #be0027;
	}

/*
 * HEADER 
 */

#header {
	width: 970px;
	height: 90px;
	padding: 15px 0 20px;
	margin: 0;
	background: #2a2a2a;
	}

#banner {
	border: solid 1px #000;
	border-width: 1px 0;
	}

/* 
 * MENU
 */

#navigation {
	clear: both;
	width: 970px;
	height: 35px;
	line-height: 35px;
	background: #444;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	}

#navigation ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	}

#navigation li {
	display: inline;
	float: left;
	list-style-type: none;
	border-right: 1px solid #fff;
	white-space: nowrap;
	}

#navigation a {
	display: block;
	padding: 0 15px;
	font-size: 10px; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none; 
	background-color: inherit;
	color: #fff;
	letter-spacing: 1px;
	}

* html #navigation a { width:1% }

#navigation li a:hover {
	background: #666;
	color: #fff;
	text-decoration: none;
	}

#navigation .current_page_item {
	background: #151515;
	color: #fff;
	text-decoration: none;
	}

#navigation li.rss {
	float:right;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #fff;
	}

/* 
 * LEFT SIDEBAR 
 */

div.navboxleftcontainer {
	float: left;	
	width: 141px;
	padding: 3px 0 20px 0;
	margin: 0;
	font-size: .8em;
	line-height: normal;
	background: #333;
	}

div.navboxleft {
	}

div.navboxleft h5 {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin: 4px 0px 5px 0;
	padding: 3px 3px 3px 6px;
	text-transform: uppercase;
	border-bottom: solid 1px #333;
	}

div.navboxleft ul {
	font-weight: normal;
        line-height: 1em;
	background: #444;
	color: #fff;
	border-style: solid;	
	border-color: #000;
	border-width: 1px;
	margin: 2px 0px 10px 4px;
	padding:1px 0 0 0;
	}

div.navboxleft ul ul {
	margin: 2px 0px 10px 2px;
	padding: 3px 0;
	border:none;
	}

div.navboxleft ul ul li {
	font-size: .85em;
	margin: 4px 0 6px 9px;
	padding: 0;
	list-style: square;
	color: #000;
	}

div.navboxleft ul ul li a, div.navboxleft ul ul li a:visited {
	color: #fff;
	line-height: 1em;
	}

div.navboxleft ul ul li a:hover {
	color: #fff;
	text-decoration: underline;
	}

.postform {
	width: 125px;
	font-size: .85em;
	}

/* 
 * POST or PAGE
 */

div.main {
	float: left;
	width: 655px;
	border-right:solid 1px #ccc;
	font-size: .8em;
	font-family: Georgia, serif;
 	font-weight: normal;
	line-height: normal;
	color: #000;
	background-color: #fff;
	padding: 5px 10px 10px 5px;
	margin: 5px 10px 10px 10px;
	}

div.main h4 {
	font-family: Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	line-height: normal;
	padding:10px 3px 3px 0px;
	margin: 15px 0px 0px 0px;
	border-top: solid 1px #ccc;
	color: #555;	
	}	

div.main h4 a {
	color: #be0027;
	text-decoration: none;
	}

div.main h4#top {color:#333;}

div.main h3 {
	display: block;
	background: #ccc;
	padding: 4px;
	}

div.main a {
	font-weight: bold;
	text-decoration: none;
	}

div.main a:hover {
	text-decoration: none;
	color: red;
	}

div.main p {
	padding: 0 0 15px 0;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 10px 0;
	text-align: left;
	}

div.main ul {
	list-style-type: square;
	padding: 0px;
	margin: 0px 0px 10px 20px;
	}

div.main ul.none {list-style-type:none}

div.main li {
	padding: 0;
	margin: 1px 0px;
	}

.more-link {
	text-transform: uppercase;
	font-size: .75em;
	font-family: Arial, sans-serif;	
	}

#info-post {
	font-family: Arial, sans-serif;
	display: block;
	text-align: left;
	padding: 7px 0px 3px;
	height: 11px;
	overflow: hidden;
	font-size: .85em;
	color: #666;
	}

#info-post a, #info-post a:link, #info-post a:visited {
	font-weight: normal;
	color: #666;
	}

#info-post a:hover {
	color: #000;
	text-decoration: underline;
	}

/* 
.info-meta {
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 2px 0px 7px 0px;
	font-size: 1em;
	}

.info-meta a {
	font-weight: normal;
	font-size: .8em;
	color: #666;
	}

.info-meta a:hover {color: #000;}
*/

/*
 * HEADERS 
 */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	color: #666;
	}

/*
 * CATEGORY 
 */

.post-bottom-cat {
	font-family: Verdana, sans-serif; 
	text-align: center; 
	color: #666; 
	font-size: .85em; 
	border: solid 1px #ccc; 
	background: #f4f4f4; 
	padding: 5px; 
	margin-bottom: 10px;
	}

/*
 * NAVIGATION 
 */

.post-bottom-nav {
	font-family: Verdana, sans-serif; 
	color: #666; 
	font-size: .85em; 
	border: solid 1px #ccc; 
	background: #f4f4f4; 
	padding: 5px; 
	margin-bottom: 10px;
	}

/* RIGHT SIDEBAR */

div.navboxrightcontainer {
	position: absolute;
	top: 170px;	
	left: 821px;
 	width: 136px;
	padding: 0 2px 20px 4px;
	font-size: .8em;
	line-height: 1em;
	background: #fff;
	border-left: solid 1px #ccc;
	}

div.navboxright {
	padding: 4px 0 5px;
	margin: 0;
	font-weight: normal;
        line-height: 1em;
	background: #fff;
	color: #333;
	}

div.navboxright h5 {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	margin: 4px 0px 5px 0;
	padding: 3px 0;
	text-transform: uppercase;
	border-bottom: solid 1px #ccc;
	}

div.navboxright ul {
	margin: 2px 0px 10px 4px;
	padding: 1px 0 0 0;
	list-style-type: none;
	}

div.navboxright ul ul {
	margin: 0;
	padding: 0;
	}
	
div.navboxright ul ul li {
	font-size: 85%;
	margin: 2px 0 2px 0;
	padding: 3px 0;
	list-style: none;
	color: #333;
	}

div.navboxright li a, div.navboxright li a:visited {
	font-weight: bold;
	color: #be0027;
	}

div.navboxright li a:hover {
	color: red;
	text-decoration: underline;
	}

div.textwidget {
	font-size: .85em;
	line-height: normal;
	}

div.textwidget a {
	display: block;
	text-align: right;
	padding-top: 6px;
	text-transform: uppercase;
	font-size: .85em;
	font-weight: bold;
	}

div.textwidget a:hover {color:red; text-decoration:underline;}

.textwidget img { max-width: 133px; }











.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	}

.alignleft {float: left;}

.alignright {float: right;}






.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}






a {
	text-decoration: none;
	color: #be0027;	
	}

a:visited {
	text-decoration: none;
	color: #be0027;	
	}

a:hover {
	text-decoration: none;
	color: #333;
	}

a:active {
	color: #333;
	}






a img {
	text-decoration: none;
	border:none;
	padding:0px;
	margin:0px;
	}

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;
	font-weight:bold;
	}

.alignleft {
	float:left;
	font-weight:bold;
	}





















.post-navigation {	
	height: 2.2em;
	line-height: 2.2em;
	font-family: Arial, sans-serif;	
	}






.nav {
	font-family: Arial, sans-serif;	
	padding: 5px 0px 15px 0px;
	}






.entry {
	margin-bottom: 3em;
	}


/*
.entry a {
	margin-bottom: 3em;
	}

.entrymeta2 {
        position: relative;
	top: 3px;
	}

.entrymeta a {
        text-decoration: none;
	color: #69c;
	}

*/

.entry img {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 5px;
	}















.filedto {
	padding: 3px;
	padding-left: 20px;
	}






.commentslink {
	background: #fff;
	padding: 3px;
	padding-left: 20px;
	}






.sec-a {
	background: #eff2ef;
	float: left;
	width: 775px;
 	padding:0 15px;
	}






div.path {
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 25px 20px 10px 200px;
	}

div.path a {
	font-size: 11px;
	font-weight: normal;
	}
  





















/* COMMENTS */

.comment {
	background-color: #f4f4f4;
	border-left: 4px solid #ccc;
	color: #606060;
	margin: 7px 0;
	padding: 3px 5px 0 8px;
	font-size: 1em;
	}

.comment p {
	line-height: normal;
	padding-bottom: 5px;
	}

#respond, #comments {
	margin: 15px 0;
	font-family: Arial, sans-serif;
	}

.commentmeta {
	font-size: 0.8em;
	color: #666;
	text-align: right;	
	}

.commentmeta a {
	text-decoration: none;
	color: #69c;	
	}

.postedby {
	padding: 3px;
	padding-left: 20px;
	}

#submit {
	margin-top: 5px;
	border-width: 0;
	padding: 0;
	mouse-style:hand;
	}

#commentform input, textarea {
	color: #333;
	}

#commentform input {
	font-size: .8em;
	color: #000;
	}

#commentform textarea {
	padding: 2px 4px;
	}

#commentsection {
	margin:25px 0 0;
	}

#commentsection p {
	margin:0 0 6px;
	}

.gravatarside {
	float: right;
	width: 48px;
	height: 48px;
	margin: 0 5px 5px 5px;
	}

#commentblock code {
	display:block;	
	padding: 5px;	
	margin-bottom: 10px;
	color: #ccc;
	}






h2.archives {margin-bottom:10px }







.entry {
	margin-top: 0px;
	}

.entrybody {
	margin-bottom: 30px;
	}

.entrybody p {
	margin-bottom: 15px;
	}







blockquote {
	font-size: 90%;
	padding: 10px;
	padding-bottom: 20px;
	font-style: italic;
	}






#content code {
	background-color: #3F464A;
	display: block;
	padding: 10px;
	margin-bottom: 10px;	
	}

/*
 * FOOTER
*/

.footer {
	display:none;
	clear: both;
	font-family: Arial, sans-serif;
	border-top: solid 1px #000;
	background: #333;
	width: 955px;
	padding: 10px 10px 10px 5px;
	margin: 15px 0px 0px;
	}

.footer p {
	color: #bbb;
	font-size: .7em;
	text-align: center; 
	}

.footer a:link, .footer a:visited {
	color: #ccc;
	font-weight: normal;
	text-decoration:underline;
	}

.footer a:hover, .footer a:active {
	color: #fff;
	text-decoration:underline;
	}






/* [[[-- LINKS --]]] */

.links {
	font-size: .85em; 
	line-height: 1.4em;
	padding: 10px 0;
	margin-bottom: 10px;
	}

.links .left {
	float: left;
	clear: left;
	width: 310px;
	padding-right: 10px;
	border-right: solid 1px #ccc;
	}

.links .right {
	float: right;
	clear: right;
	width: 310px;
	padding-right: 10px;
	}

.links h3 {
	font-size: 1em;
	line-height: 1em;
	color: #444;
	text-transform: uppercase;
	margin: 1em 0;
	font-weight: bold;
	font-family: Arial, sans-serif;
	list-style-type: none;
	}

.links ul, #links ol { 
	font-family: Arial, sans-serif;
	margin: 0 0 .2em 0; 
	list-style-type: none;	
	border: none;
	}

.links li { 
	font-family: Arial, sans-serif;
	margin: 0 0 0.3em 0;
	list-style-type: none;
	text-align: left;
	}

.links ul li, .links ol li { 
	margin: 0 0 .5em 0; 
	list-style-type: none;
	}

.links ul li ul, 
.links ul li ol, 
.links ol li ul, 
.links ol li ol {
	margin: .5em 0; 
	}





	.main table {
		border:none;
		margin: 0 -1px 24px 0;
		text-align: left;
		width: 100%;
	}
	.main tr th,
	.main thead th {
		color: #888;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		padding: 9px 24px;
	}
	.main tr td {
		padding: 24px;
		border-bottom:solid 1px #bbb;
	}
	.main td, .main th {
		vertical-align:top;
	}