/*  
Theme Name: Limau Orange for Digital Unite
Theme URI: http://www.blogohblog.com/
Description: A customised theme for SSD and Digital Unite based on Limau Orange with navigation bar
Version: 0.1
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

#bottom-text {margin-top: 0px!important; float: left; width: 960px;}

body { font-family: Verdana; font-size:1em; }

/* Global map: wrapper for page content */
#fullwidth { margin-top:10px; /*line-height:16px; width: 700px!important;*/ padding:10px; font-size:1em;}

/* Global map: right column instructions on how to navigate the map */
#instructions p { 
		position: relative; top: -600px; right: 0px; 
		width: 340px; 
		height: 0px;
		float: right; padding: 5px 10px 10px 10px;
		margin-top: 0px;
		font-size: 12px;  
		line-height: 18px;	
		/*background-color: #78b4d8;*/
		background-color: #EEEEE0;
		/*color: white;*/ 
		color: black;}

/* Global map: left column for holding map */
#left-all { width: 960px; border: #EEEEE0 2px solid; /*border: #78b4df 2px solid;*/ background-color: #EEEEE0; /*background-color: #78b4df;*/}

/*Global map: right column for displaying individual events */
#right-all {position: relative; top: -480px; right: -355px; 
                width: 340px;
		height: 430px;
                float: right; padding: 1px 8px 5px 8px;   
                margin-top: 0px;
                font-size: 12px;  
                background-color: #78b4df;
                color: white; 
		overflow: hidden;
}

/* Global map: h2 heading links */
#right-all h2 a { font-size: 20px; color: white; text-decoration: underline;}
#right-all h2 a:hover { font-size: 20px; color: yellow; text-decoration: underline;}


/* Global map: right column event text underneath single map  */
/*#events_table {font-size: 12px;}
#events_table a {color: white; }
#events_table a:hover {text-decoration: underline;}
#events_table tbody tr th, #event_table tbody tr td {text-align: left;}*/

#events_table {margin: 10px 0px; font-size: 14px; border-top: thick solid #ccc; border-collapse: separate; border-spacing: 
0px; color: black;}
#events_table a {color: blue; text-decoration: underline;}
#events_table tbody tr th, #events_table tbody tr td {text-align: left; padding: 5px; border: thin solid #ccc; 
background-color: #EEEEE0;}
#events_table tbody tr th {width: 20%; vertical-align: top; font-weight: normal;}
#events_table tbody tr td {width: 80%; vertical-align: top;} 

/* Control panel */
#profile_header {background-color: #78b4df; padding: 3px 5px 5px 10px; margin: -10px 0 10px 0; color: white; 
font-size: 12px; border-bottom: white solid 1px; }
#profile_header p { font-size: 14px; line-height: 3px; color: white;}
#profile_header h2 {font-size: 16px;}
#profile_header_line {border-bottom: 1px white dotted; margin-top:-5px;}

/* Control panel: profile table */
/*#pf_update {float: right; margin-right: 5px; color: white;}*/
.pf_update tbody {color: white;}
.pf_update tbody a {color: white; text-decoration: underline;}
.pf_update tbody a:hover {color: yellow; text-decoration: underline;}

/*Control panel: add new event form and error when incomplete profile */
#profile_form {border: 1px solid #78b4df; padding-right: 10px;}
#profile_error { margin: 0; color: red; text-align: center; border: red 2px solid; padding: 5px; }

/* Control panel: custom user login */
#log-in {border: #96b11f 1px solid; background-color: #f3f3f3; width: 180px; padding: 15px 20px 20px 
20px; margin-bottom: 20px;}

/* Control panel: wrapper around control panel */
.profile_container .post { padding: 0px;width: 760px; float: left; margin: 20px 0px 0px 10px;}

/* Edit event: form when editing an event */
.map_singlepost .tdomf_form {float: left; width: 700px;}

/* Event posting: thanks for posting  */
#addevent_thanks {padding: 20px; border: #416e90 1px solid; text-align: center;}

/* Single post: post entry with single map */
.map_singlepost .post {/*border: 1px solid #78b4df; padding: 0px;*/}
.map_singlepost .post h2 { line-height:22px; border-bottom:dashed 1px #ccc; margin:0 7px 10px 0; padding:7px 0;}
.map_singlepost .post #event_update {	font-size: 12px; padding: 2px 5px 2px 5px; float: right; margin: -10px; 
					color: #416e90;}
.map_singlepost .post #event_update a {color: #416e90;}
.map_singlepost .post #event_update a:hover { text-decoration: underline;}
.map_singlepost .post .gm-map {width: 345px; float: left; padding-right: 10px; margin-bottom: 10px;}
.map_singlepost .post .teaser {width: 345px; height: 200px; float: left; /*background-color: #f3f3f3;*/ 
margin-bottom: 10px;}

/* Single post: table on single event posting */
/*.event_post_table {float: left; text-align: left;}
.event_post_table tbody tr th, .event_post_table tbody tr td {text-align: left;}*/

.event_post_table {float: left; text-align: left; border-top: thick solid #ccc; border-collapse: separate; border-spacing: 0px; color: black;}
.event_post_table tbody tr th, .event_post_table tbody tr td {text-align: left; padding: 5px; border: thin solid #ccc; background-color: #EEEEE0;}
.event_post_table a {color: blue; text-decoration: underline;}
.event_post_table tbody tr th {width: 20%; vertical-align: top; font-weight: normal;}
.event_post_table tbody tr td {width: 80%; vertical-align: top;}

/* Event holder/control panel: sidebar 3 */
ul .execphpwidget {font-size: 1em; list-style-type: none; padding: 0px; line-height: 16px;}
ul .execphpwidget ul li {list-style-type: none; margin: 0px; padding: 0px; border-top: grey 0.5px dotted;}
ul h3 {margin: 20px 0px 0px; padding: 0px;}
ul li a:hover {text-decoration: underline;}

/*Pagebar Styles*/
a:hover {color: red; important!}

#comment {
width: 300px!important;}

#pagebar {
        float:left; 
        margin-top: 6px;
        width: 100%; 
        font-size: 1em;  
        border: 1px #c0c0c0 solid;
        font-family: Verdana;
	padding: 0px;
}

#pagebar a {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	color: #333;
	display: block;
	float: left;
	border-right: 1px #c0c0c0 solid;
        padding: 7px 10px 0px 10px;
	height: 23px;
	width: auto;
}


#pagebar ul {
	list-style: none;
	padding: 0px; margin: 0px;
	width: auto;
}

#pagebar a:link, #pagebar a:visited {
	color: #96b11f;
}

#pagebar a:hover {
	/*nothing pretty so we dont break paths to files */
	background-color: #b1c74f;
	color: white;
	text-decoration: none; 
}

#pagebar a:active {
	color: white;
        background-color: #b1c74f;
}

#pagebar li {
        float: left;
        list-style:none;
	padding: 0px;
}


#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#666; margin:0 auto!important;}

p {line-height: 20px; color:#666; font-size: 1em; padding:3px;}

p.announcement {padding:1em; background-color: #F8F7EF; border-color: black; border: 3px;}

h3 {font: 1em Verdana, sans-serif; font-weight: bold;}

#header { height:56px; width:150px; position:relative; margin-bottom:3px; float:left; padding:0; margin-top: 20px;}

#headimg {background:url(images/logo.gif) no-repeat left top; display: none; width: 60px;}

#header h1 { margin: 0 0 0 50px; padding:0;}
#header #desc {margin: -25px 0px 0px 0px; padding: 0px;}
#header h1 a { display:block; height:56px; margin: 7px 0px 0px 0px}


#loginlink {margin: 0px; text-align: right; font-size: 1em!important; /*width: 50%;*/ float: right;}
#loginlink a:hover {text-decoration: underline; font-size: 1em;}
#searchform {margin-top: 55px;}
/*#search { margin-top: 70px; float:right; padding:0;}*/
#blogdescription { margin: 83px 0 0 0px; position: relative; float:left; color: #b1c74f; padding:0; 
font-size: 1.1em; z-index: 1!important;}

input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }

a:hover { text-decoration:none; color:#555353; border-bottom:#ccc 1px solid; }

.left { float:left; display: inline; width:200px!important; overflow:hidden; border:3px solid #f3f3f3; margin:10px 
7px 0px 0px; padding:10px; }

.right { float:right; width:170px; border:3px solid #f3f3f3; margin:10px 0px; padding:10px; } 
/*.new_sidebar { float:right; width:170px; border:3px solid #f3f3f3; margin:10px 0px; padding:10px; }*/
.right img { border:0; display:left; margin-left:auto; margin-right:auto; }

/*.middle { margin-top:10px; line-height:16px; margin-left:10px; width:488px; border:3px solid #f3f3f3; overflow: hidden; 
padding:10px; font-size:1em;}*/

.google { width: 490px!important; float: left; z-index: 1; overflow: hidden; border:3px solid #f3f3f3; 
margin-top:10px; line-height:16px; padding: 10px; font-size: 1em;}

.map_singlepost .post { margin-top:10px; line-height:16px; float: left; width:700px!important; 
padding:10px; font-size:1em;}

.middle { margin-top:10px; line-height:16px; float: left; /*width: 460px!important;*/ width: 505px;  border:3px solid 
#f3f3f3; padding:10px; font-size:1em;}

.middle a:link {text-decoration:underline;}

.middle a:active {text-decoration:underline;}

.middle a:hover {color:#8386B4; text-decoration:underline}

.middle a:visited {text-decoration:underline;}

.privatevent {width: 100px!important; background: #ccc;}

.wp-tag-cloud li {margin-top:10px; line-spacing:6px;}



.middle h2 {line-height:22px; font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 0px 0; padding:3px 0;}

.middle h2 a:visited {text-decoration:none;}

.middle h2 a:link {text-decoration:none;}

.middle h2 a:hover {text-decoration:none;}

.middle h2 a:active {text-decoration:none;}



.middle h3 {line-height:23px; font-size:14px; margin:0 7px 3px 0; padding:2px 0; }

.middle img {border:4px #eee solid; }

.middle ol li {padding:6px; line-height:21px; color:#666;}

.middle ul li {padding:6px; line-height:21px; color:#666;}

.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }

.ads img { border:0; text-align:center; }

img.wp-smiley { border:0; padding:0; }

#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px; }

div.hr { height:3px; /*background:#fff url(images/hr.gif) repeat-x scroll center;*/ background: #b1c74f; width: 100%; clear:both; }

div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }

.alignright { float:right; } 

.alignleft { float:left; } 

.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:3px; }

.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; } 

input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }

table {table-layout: fixed; border-collapse:collapse; font-family: Verdana, arial,sans-serif; font-size: 100%; margin: 
0px 0px 10px 0px; width: 100%;}
table tbody tr td p {margin: -5px 0 -5px -4px;}
table tbody {text-align: left;}
table tbody tr th {width: 30%; vertical-align: top;}
table tbody tr td {width: 70%; vertical-align: top;}

ol li {margin: 10 10 10 20px}

ol.commentlist { margin:0 0 1px; padding:0; }

ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }

ol.commentlist li.commenthead { list-style:none; margin:0; } 

ol.commentlist li.commenthead h2 { margin:0; }

/*span { background:#FFC; }*/

.addthis { float:right; clear:both; }

a:link,a:active,a:visited { text-decoration:none; color:#416e90; border:none;} 

.left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }

.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:1em;} 

.left ul li,.right ul li, .new_sidebar ul li { list-style-type:none; margin:0 0 20px; padding:0;}

.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px;}

.left ul li ul li,.right ul li ul li, .new_sidebar ul li ul li { 
list-style-type: none; list-style-position: inside;
color: #b1c74f!important;
border:0; margin:0px 0px 0px 0px;
padding:0 0 2px 10px;}

.left ul li ul li, a:link,a:active,a:visited a:hover, .right ul li ul li a:link,a:active,a:visited, .new_sidebar .right ul 
li ul li a:link,a:active,a:visited, a:hover { 
text-decoration:none; color:#416e90; /*border:none;*/ }

.left ul li ul li :hover { /*border-bottom:#ffffff 1px solid;*/}

.right h2,.comments h3, .new_sidebar h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 2px; padding:3px 0; 
}

.right ul,.right ul, .new_sidebar ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:1em; }

.right ul li,.right ul li, .new_sidebar ul li { list-style-type:none; margin:0 0 20px; padding:0; }

.right ul li ul,.right ul li ul, .new_sidebar ul li ul { list-style-type:square; margin:0; padding:0 3px; }

.right ul li ul li,.right ul li ul li, .new_sidebar ul li ul li { list-style-type:none; /*background:transparent 
url(images/bullet.gif) no-repeat 0 5px;*/ 
border:0; list-style-type: disc; list-style-position; inside; margin:0px 0px 5px 0px; padding:0 0 2px 14px; }

/*.right ul li ul li :hover { color:#416e90}*/

.right a:link {text-decoration:none;}

.right a:active {text-decoration:none;}

.right a:hover {/*color:#8386B4;*/ text-decoration:none}

.right a:visited {text-decoration:none;}



.left a:link {text-decoration:none;}

.left a:active {text-decoration:none;}

.left a:hover {/*color:#8386B4;*/ text-decoration:none}

.left a:visited {text-decoration:none;}





div.hr hr,div.br br { display:none; }

.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }

.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }

.middle2 :hover,.middle3 :hover { background:#fafafa; }

/*.middle2, .middle3 a:link,a:active,a:visited { text-decoration:underline; color:#416e90; border:none; }*/



.ucomment img,.addthis img { border:0; }

#feature {
	border-color:#C5C4BC;
	background-color:#F8F7EF;
	border-width:3px 3px 3px 3px;
	border-style:solid solid solid solid;
	padding:1em 1em;
}

#advertisement {
	border-color:#C5C4BC;
	background-color:#F8F7EF;
	border-width:3px 3px 3px 3px;
	border-style:solid solid solid solid;
	padding:1em 1em;
}

blockquote {
	border-left:#FF8400 2px solid;
	margin:1em;
	padding:0 0.5em;
}

#stimuli_imageData #stimuli_caption{ font-weight: bold; background-color: black; font-size: 1em; color: #c0c0c0;}

#stimuli_imageData #stimuli_numberDisplay{ background-color: #000000; display: block; clear: left; padding-bottom: .5em;}		

.textwidget {padding: 0 0 0 7px;}

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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}


a img {	border: none;}

/* End Images */

/* Captions */

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

.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 alignleft {
	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 alignright {
	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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */
#episodes { 
     padding-left: 25px;
     padding-right: 10px;
}


#episodes li {
     margin-bottom:20px;
}

.podcastdate {
     color: grey;
     text-decoration: none;
}