/*
Theme Name: Kid2
Theme URI: http://op111.net/
Description: Child Theme for Basic2Col
Author: Demetris
Author URI: http://op111.net/
Template: basic2col
Version: 0.1
Text Domain: kid2
*/

@import url("../basic2col/style.css");

/*general layout*/
body {
background:#6b8fd4;
background-image: none;
color : #111; 
font-family: Verdana, Arial, Tahoma, 'Lucida Sans Unicode','Lucida Sans', 'Trebuchet MS', 'Lucida Grande', 'Bitstream Sans Vera', Helvetica, Sans-Serif; 
font-style : normal;
padding:2px 2em;
margin:0px;
line-height:1.5em;
font-size:80%;
text-align:center;
}

/*font styles*/

p {
font-style : normal; 
padding: 0px;
} 


h2, h3, h1, h4, h5, h6 {
font-family: Arial, Tahoma, Verdana,'Lucida Sans Unicode', Helvetica, sans-serif;
color : #333; 
margin: 5px 0px;
padding:2px 0px;
clear: both;
}


/*linkcolor*/
a:link, a:visited {
font-weight:normal;
color : #1240ab;
text-decoration : none; 
}

#content h2 a:link, #content h2 a:visited, #header h1 a:link, #header h1 a:visited, #content h3 a:link, #content h3 a:visited  {
background: #E0E0E0;
color: #4671d5;
border-left: 4pt solid #2a4480;
border-bottom: 1pt solid #2a4480;
border-right: 1pt solid #2a4480;
border-top: 1pt solid #2a4480;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
display: block;
}

/*classes - these are also located in classes.css so child themes don't loose them*/

.center, .aligncenter, .centered {
text-align: center;
margin-left: auto;
margin-right: auto;

}

/*images these are also located in classes.css so child themes don't loose them*/

/*border-colors*/

/*wrap and header*/
#wrap {
background : transparent;
max-width:75em; 
margin:5px auto;
padding:0px;
text-align:left;
}
/*header*/

/*content and post settings*/
.wp-caption {
padding:10px;
}


.wp-caption-text{
font-size: 0.9em;
font-style:italic;
}


#content{
background : white;
}

#content ul{
#font-size : 1.1em; 
}

#pagetitle {
}

.post {
margin: 5px 0px 30px;
}

.infoBox {
overflow: hidden;
width: 40%;
float: left;
font-size: 1em;
margin-left: 0px;
margin-right: 10px;
}

.infoBox ul{
list-style-type: none;
border-top: 1pt solid #1240ab;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}

.infoBox li{
background : white;
border-left: 4pt solid #1240ab;

border-bottom: 1pt solid #1240ab;
border-right: 1pt solid #1240ab;
padding-left: 4px;	
}	


.reviewHeadOuter{
	text-align: center;
}

.reviewHead {

	display: inline-block;
	/* This will make the outer div shrink-wrap around it */
	position: relative;
	/* Needs a position attribute so Title text will be positioned relative to it */
	
}

.reviewHead img{
	
	
	#display: block;
	margin: auto;
	display: block;
	
	#float: left;
	#margin-right: 5px;
	
}

.reviewHead h2 {
	position: absolute;
	top: 10px;
	left: 20px;
	background: #E0E0E0;
	color: #4671d5;
	border-left: 4pt solid #2a4480;
	border-bottom: 1pt solid #2a4480;
	border-right: 1pt solid #2a4480;
	border-top: 1pt solid #2a4480;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*
.reviewHeadTitle {
  position: absolute;
  top: 10px;
  left: 20px;
  background: #E0E0E0;
	color: #4671d5;
}
/*	
	
/*postnav*/

/*comments*/

/*sidebar*/
#sidebar {
background : transparent;
padding: 5px 0px;
margin: 5px 0px;
width: 25%;
float:right;
font-size:1.1em;
}

.sidebar li {
    margin: 0;
    padding: 2px 2px;
	background: none;
}
#sidebar ul {
	margin: 2px 0px;
}

#sidebar li  li{
background : white;
border-left: 4pt solid #1240ab;
border-bottom: 1pt solid #1240ab;
border-right: 1pt solid #1240ab;
padding-left: 4px;
}

#sidebar h2 {
color: #4671d5;
background : #E0E0E0;
border-left: 4pt solid #1240ab;
border-bottom: 1pt solid #1240ab;
border-top: 1pt solid #1240ab;
border-right: 1pt solid #1240ab;
padding-left: 4px;
}

#sidebar #heroPicBox img{
display: block;
margin-left: auto;
margin-right: auto;
border: 1pt solid #1240ab;
}

.menuBox{
	overflow: hidden;
	margin-bottom: 15px;
}

.menuBox img{
	#width: 150px;
	
	display: block;
	margin: auto;
	
	
	#float: left;
	#margin-right: 5px;
	#height: 100%;
}

.innerMenuBox {
	display: inline;
}

/*searchform*/
/*Callendar*/
/*footer*/
/*forms*/
/*lists*/


/*tables*/
caption {
color: #333;
font-weight: normal;
padding: 5px;
}