/* -------------------------------------------------------------------------------

Theme Name: Create-Learning Blog

Description: Nice 2-column WordPress Theme.

URL: http://www.create-learning.com/blog

Author:  12 Grain Studio

Author URI: http://www.12grainstudio.com/

Tags: simple, clean, fixed width, widget-ready, widgets, left sidebar, two columns, valid XHTML, valid CSS



------------------------------------------------------------------------------- */


/*A COLORS
-----------------------------------------------------------------------------


#hex (desc)
#d2ecf5  (light blue)
#91cbe1  (darker blue)
#7a9b51 (green)
#ff9900 (orange)
#7d8286  (dark grey)
#ffffff (white)
#333333 (dark gray)
#000000 (Black)


/* 1. RESET
no editing required
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-top: 0px;
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

a img{ border: 0; }

img{ display: block; }





/* ----------------------------------------------------------------------- BASE -------- */



body {
	background: #d2ecf5;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font:11px Verdana, sans serif;
	color: #333333;
}


/*========== TEXT =========*/

h1, h2, h3 {font-family:"Century Gothic", Helvetica, sans serif; font-weight:normal;}

h1 {
	font-size:21px;
	color:#333;
	margin:0px 0 40px 0px;
	text-align:left;
	text-transform:uppercase;
}

h2 {
	font-size:16px;
	color:#7a9b51;
	margin:0px 5px 0 0px;
	padding:0;
	text-transform:uppercase;	
}

h3 {
	font-size:14px;
	color:#333333;
	margin:10px 0 0px 5px;
	padding:0;
	text-transform: uppercase;
}

h4 {
	font-size:11px;
	color:#000000;
	margin:10px 0 5px 0px;
	padding:0;
	text-transform: uppercase;
	font-weight: normal;
}




p {
	padding:5px 10px 5px 15px;
	margin:0 auto;
	text-align:left;
	line-height:21px;
}

.caption {
	margin:0;
	color:#666;
	text-align: left;
	font-size: 10px;
	padding: 0 10px;
}
blockquote {
	clear: left;
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 20px 20px 10px 20px;
	background: url() no-repeat top left;
}



input {
	margin-bottom:5px;
	vertical-align: middle;
	
}



/*============  LINKS ===========*/
a {
	color:#000;
	text-decoration:none;
	padding: 0px;
}

a:hover {
	color:#ff9900;
	text-decoration:none;
	padding: 0px;
	
}

.footerLink a {
	color:#333;
	text-decoration:none;
	padding: 0px;
}

.footerLink a:hover {
	color:#ff9900;
	text-decoration:none;
	padding: 0px;
}

.12g {
	margin: 10px auto;
	display:block;
	text-align:center;
	width: 80px;
}

a.return, a.return:hover{
text-align:right;
}





/* ----------------------------------------------------------------------- LAYOUT -------- */

#wrapper{
margin:0px auto;
margin-top:0px;
padding:0;
width:960px;
padding: 0px 0px 0px 0px;
  
}

#container {
	margin: 0 auto;
	padding:0;
	width:960px;
}

#leftCol {
	width: 325px;
	height: 100%;
	background:transparent url('img/bg_leftCol.jpg') repeat-y 0 0;
	margin:0;
	padding:0;
	float:left;
}
#rightCol {
	width: 620px;
	margin:0px 0 0 10px;
	padding: 0px;
	float:right;
	
	
}



#header{
margin-top:0px;
width: 580px;
height: 220px;
background: url('img/hdr_blog.jpg') no-repeat top right;

}


#content{
position:relative;
float:right;
width:510px;
padding: 0px;
border:0px red solid;
margin-right:40px;
padding:0 40px 80px 30px;
background-color:#fff;

}


#footer{
clear:both;
background:transparent url('img/bg_leftCol_footer.jpg') no-repeat left top;
width:325px;
height:161px;
overflow:hidden;
font-size:9px;
color:#91cbe1;
margin:0px auto;
padding:0px 0px 0 0px;
text-align:left;

}



#footer a,#footer a:hover{

font-size:9px;
color:#91cbe1;
text-decoration:underline;

}





/*######### header ############*/



#blogtitle {
position:absolute; 
top:100px;
left:200px; 
width:650px;
font-family: Arial,Verdana; 
font-size:30px; 
font-weight:bold;
text-align:left;
color:#000;
border:0px red solid;
overflow:hidden;


}




#blogtitle a, #blogtitle a:hover {
font-family: Arial, Verdana; 
font-weight:bold;
color:#ffffff; 
text-decoration:none;

}




#subtitle {
position:absolute;
overflow:hidden; 
font-family: Tahoma,Arial, Verdana; 
width:450px; 
height:40px;
left:190px; 
top:220px; 
text-align:left; 
font-size:13px;
letter-spacing: 2px;
color:#ffffff; 
font-style:italic;
border:0px red solid;

}



.logo {
width:314px;
height:159px;
margin:0 4px;
padding:0;
}



#footer img.rss{
position: absolute;
right: 52px;
top: 29px;
height:26px;
width:26px;

}



/*------  NAV -----*/

.nav {
	width: 310px;
	float:left;
	margin:0px 7px;
	padding:8px 0;
	height: 0px;
	text-align:center;
}

.nav li {
	list-style:none;
	display:inline;
	padding:0 4px 0 3px;
	border-right:1px dotted #333;
	text-transform:uppercase;
}

.nav .last {border:none;}

.nav li a {
	color:#333333;
	font-weight:normal;

}
.nav li a:hover {
	color:#ff9900;
	font-weight:normal;
}
.nav .on{
	list-style:none;
	display:inline;
	padding:0 4px 0 3px;
	border-right:1px dotted #333;
	text-transform:uppercase;
	color:#FF9900;
}

.subNav {
	width: 300px;
	margin:25px 0px;
	padding:25px 0;
	background-color:#FFFFFF;
	list-style:none;
}


.subNav li {
	list-style:none;
	padding:4px 0px;
	text-transform:uppercase;
	height: 14px;
}

.subNav .on{
	list-style:none;
	display:block;
	padding:4px 0px;
	text-transform:uppercase;
	color:#FF9900;
	text-indent:0px;
}

/*######### header  end ############*/






/******************************************* sidebar *****/


#sidebar{
	width: 300px;
	margin:20px 10px;
	padding:25px 0px;
	background-color:#FFFFFF;
	list-style:none;
}

/*
#sidebar h2{
height:30px;
color: #000;
font-size: 14px;
font-weight: bold;
margin: 0px auto;
padding:15px 0 0 15px;
border:0px red solid;
text-decoration:none;
}*/


#sidebar a{color:#7d8286;text-decoration:none;}


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


#sidebar ul{
list-style:none;
display:block;
padding:5px 0 25px 10px;
}

.feeds {
	border-bottom:1px dotted #999;
	width:275px;
	margin:0 0 15px 0;
	padding-bottom:10px;
}

.twitter {
	width:275px;
	margin:0 0 15px 0;
	padding-bottom:10px;
}

.tweets {
	color:#333;
	font-size:10px;
	float: left;
	width: 275px;
	height:100%;
	padding:0px 0px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #999;
}


.tweets ul, .tweets li {
	color:#333;
	font-size:10px;
	padding-bottom: 10px;
    line-height:normal;
}

.tweets a, .tweets a:hover{
color:#ff9900;
text-decoration:none;
}


.newsletter{
text-align:left;
font-size:10px;
}

.search{
	border-bottom:1px dotted #999;
	width:280px;
	margin:0 0 15px 0;
	padding-bottom:10px;
}

#searching{
	border:1px solid #7a9b51;
	width:200px;
	height:20px;
}

#searchbox {
	right: 30px;
	width:250px;
	height:30px; 

}


#searchsubmit {
background-color:#CCCCCC;
padding: 2px 4px 4px 4px;
}


#search-field input {
	
	position:absolute;
	top:5px;
	left:7px;
	width:172px; 
	height:18px; 
	font-family:Verdana;
	font-size:11px; 
	font-weight:bold;
	color:#333; 
	padding:5px 3px 0px 3px;
	border:1px solid #7a9b51;
	background:#ffffff;

}

#search-but input {
	position:absolute;
	top:7px;
	right:5px;
	width:50px; 
	height:20px; 
	border:1px solid #7a9b51;
	background:#ffffff;

}


.footerText{
line-height:normal;
margin:10px auto;
width:275px;
border-top:1px dotted #999;
}

/*********************************************** content*** *****/



.spacer {height:20px;}

.spacerLrg {height:40px;}

.archivetitle{
	height:24px;
	color: #333;
	display:block;
	font-size: 14px;
	font-weight:normal;
	padding: 10px 0px 10px 20px;
	margin: 0px 0px 10px 0px;

}



.post{
	width:510px;
	margin:0px 0 0px 0;
	border:0px black solid;
	background-color: #fff;
}	



.post_bottom{
	position: relative;
	margin: 10px 0;
	height:25px;
	background-color:#fff;
	border-bottom:1px dotted #999;

}	


.posttitle{
	position:relative;
	margin:0px;
	padding:20px 0px 20px 0px;
	font-size:21px;
	font-family:"Century Gothic";
	font-weight:normal;
	line-height:26px;
	color:#7a9b51;

}


.posttitle a{
	color:#7a9b51;
	text-decoration:none;
	padding:0px 4px;
	background-color:#fff;
}



.posttitle a:hover{
	text-decoration:none;
	color:#ff9900;
	padding:0px 4px;
	background-color:#fff;
}


.date {
	font-family:verdana;
	font-size: 9px;
	padding: 0px;
	margin: 0 10px;
}



.author{
	font-family:verdana;
	font-size: 9px;
	padding: 0px;
	margin: 0 10px;
}



.author a{
text-decoration:none;
}

.author a:hover{
text-decoration:underline;
}


.entry .moreLink{
	padding: 2px 5px;
	background-color:#cccccc;
	color:#000000;
	margin:10px 15px;
}


a.moreLink {
	padding: 2px 5px;
	text-decoration:none;
	color:#000;
	background-color:#eeeeee;
}

a.moreLink:hover{
	text-decoration:none;
	color:#000;
	padding: 2px 5px;
	background-color:#ff9900;
}

.info {
line-height: 2em;
font-size: 10px;
padding:5px 20px;
color:#000000;
}


.category{
padding:2px 0 2px 0px;


}


.bubble{
padding:2px 0 2px 0px;

}



.tags{
margin-left:10px;
padding:2px 0 2px 0px;

}



.entry {
width:500px;
color: #333;
line-height: 1.5em;
text-align: left;
margin:0px 0px 10px 5px;
padding:0px 0 0px 0;

}

.entry a{
color: #ff9900;
padding:2px;
text-decoration:none;
}
.entry a:hover{
padding:2px 2px;
color: #000;
text-decoration:none;
background-color:#FF9900;
}

.entry h3{}


.entry img{
padding:5px;
background-color:#FFFFFF;
border-top:#eeeeee 1px solid;
border-left:#cccccc 1px solid;
border-right:#FFFFFF 1px solid;
border-bottom:#999999 1px solid;

}

.entry img a, .entry img a:hover{
padding:5px;
background-color:#d2ecf5;
border-top:#eeeeee 1px solid;
border-left:#cccccc 1px solid;
border-right:#FFFFFF 1px solid;
border-bottom:#999999 1px solid;

}

.entry ol{
margin-left:15px;
}

.alignleft {float: left; text-align: left;}

.alignright {float: right; text-align: right;}


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


.entry ul{
width:480px;
color: #333;
text-align: left;
margin:0px 0px 5px 25px;
padding:0px 0 0px 0;
line-height:normal;

}

.sorry {

font-size: 12px;
font-style: italic;
text-align:left;
margin: 0px -10px 0px 0px;
width:460px;
height:200px;
padding:0px;
border: 0px dashed #d6d0c6;
background:#fff;
}

.navigation {
padding:5px 0 20px 0;
}





/*=============== COMMENTS =============== */



#postmetadata {



font-size: 11px;
margin: 10px 0px 20px 0px;
padding: 5px 5px 5px 5px;
color:#333;

}



#comments{
margin:20px 0;
padding:0 20px 0 30px;
width:480px;



}



.nocomments {background: none; color: #000000;}







.commenttitle {
color: #333;
font-size: 12px;
text-align: left;
font-weight: bold;
margin: 0px 0 20px 0;
padding: 2px 0px 2px 0px;
font-variant: normal;
border-bottom: 1px dotted #999;
}



.commentlist {
list-style: none;
margin:0px;
padding:0px;
}



.commentbody {
height:100%;
color: #333;
font-size: 10px;
list-style: none;
margin: 0px 0px 15px 0px;
padding: 5px 0 10px 10px;
border: 0px solid ;
background-color:#eeeeee;
/*#d2ecf5;*/
}



.commenthead {

height:40px;
color: #333;
padding: 5px 0px 5px 0px;
margin: 0px 0px 10px 0px;
background:transparent url() no-repeat 0 0;

}



.adminbody {
height:100%;
color: #333;
font-size: 10px;
list-style: none;
margin: 0px 0px 15px 40px;
padding: 10px 20px 10px 10px;
background-color:#eeeeee;
}



.adminhead {

height:32px;
color: #7c8487;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
border-bottom: 0px solid #c7cdcd;
background:transparent url() no-repeat 0 0;

}



.trackhead {

height:34px;
color: #000000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 50px;
border-bottom: 1px dotted #999;

}

.trackbody {
height:100%;
color: #333;
font-size:10px
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 5px 1px 5px;
border: 0px solid #333;
background:#e7e4e0;
}


.commentcount {
float: right;
color: #333;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
font-family: Georgia, Times, 'Times New Roman', serif;
}



.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.commentlink {
float:right;
margin:-15px 10px 0 0;
font-size: 9px; 
color: #333; 
text-decoration:none;}


.trackbody p a {color: #000000;}



#commentform {
margin:0;
width:480px;
padding:10px 0 0 0px;
background-color:#fff;
}



#email, #author, #url {
color: #333;
background: #fff;
font-size: 10px;
padding-left: 2px;
vertical-align: middle;
border: 1px solid #7a9b51;
font-family: Verdana, Arial, Helvetica, Sans-Serif;

}



#comment {
width: 450px;
color: #333;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #7a9b51;
padding: 2px 2px 2px 2px;
}



#submit {

height: 20px;
color: #333;
font-size: 12px;
background: #d2ecf5;
margin: -5px 0px 0px 0px;
padding:2px 10px 8px 10px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}


#submit a {
color: #000;
background: #eeeeee;
}

#submit a:hover {
color: #000;
background: #ff9900;
}


/***** widget *****/



#wp-calendar td {font-size:11px;color:#999999;}
#wp-calendar td a {font-weight:bold;text-decoration:underline;}
#wp-calendar {
width: 210px;
text-align: center;
font-size:11px;
color:#5A6B1E;

}