/*  
Theme Name: Itola
Description: Tech Magazine
Version: Web 2.0



/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body {
/*	background: #123;*/
background: #123;
font-size: .72em;
	color: #123;
font-family:  Georgia, Verdana, sans-serif;
text-align: center;
}

p {	
	margin: 15px 0;
display: block;
	}

a:link, a:visited {
	color: #006;
	text-decoration:none;
border: none;
	}

a:hover, a:active {
	color:#123;
	text-decoration:none;
	}

#single .post .entry {
padding-left: 15px;
padding-right: 15px;
}

#single .post img.left {
padding-right: 15px;
}

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

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.95em;
	padding:3px 6px;
margin-right: 30px;
text-decoration: none;
	}

	

/* Structure */

#page {
	width:960px;
	margin:0 auto;
	background: #fff;
	padding: 10px 15px 15px 15px;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;

}



#branding {
	width:100%;
float: left;
	}


.left {
padding-right: 15px;
text-align: left;
	}

.right {
text-align: right;
padding-left: 15px;
	}

#sidebar {
margin-top: 30px;
width: 260px;
text-align: left;
}

#sidebar a {
border-bottom: none;
text-decoration: none; 
font-weight: normal;

}

#rightcol {
	width:660px;
	padding-right:8px;
	}

#leftcol, #rightcol {
	float:left
	}	
	


/*Nav*/

#nav {
	background:#123;
	margin-top:0px;
	height: 27px;
padding: 0px;
text-align: center;
width: 808px;
margin-left:79px;
border-bottom: 1px solid #123;
border-top: 1px solid #123;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;

	}

	
#nav li {
	list-style:none;
	float:left;
 height: 30px;
border-right: 1px solid #e9e9e9;

	}

#nav a, #nav a:visited {
	float:left;
	display:block;
	font-weight:normal;
	color: #fff;
	padding:6px 12px;

border-bottom: none;

	}

#nav a:hover, #nav a:active, .current_page_item	a {
	background: #fff;
color: #123;
	text-decoration:none;
	}		


/*Subnav */

.subnav {
width: 250px;
}

.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#000;
	color: #fff;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e4efd5;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#666;
	text-decoration:none;
	color: #fff;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}



/*	Headers */

h1 {
	font-size: 2em;
color: #123;
	letter-spacing:em;
	font-weight:normal;
}

.post a {
color: #009;
text-decoration: none;
}

#single h1 {
font: 2em Georgia, Helvetica, century, serif;
	margin: 20px 0;
border-bottom: 1px solid #abc;
color: #123;
	}

#archives {
padding: 25px;
}

#pages {
padding-left: 15px;
}
#archive h1 {
font: 1.5em Georgia, Helvetica, century, serif;
	margin: 20px 0;
border-bottom: 1px solid #abc;
	}

#single .post ol {
padding-left: 25px;
}


#single .entry {
font: verdana;
font-size: 1.2em;
line-height: 1.4em;
padding-left: 25px;
padding-right: 50px;
margin-right: 10px;
}

#mainContent h2 {
        font: 1.2em Georgia, "Times New Roman", Times, serif;
        margin: 10px 0;
        }
#mainContent h2 a {color: #aa9900; 
}

h2 {
        font: 1em  Georgia, "Times New Roman", Times, serif;
        margin: 10px 0;
        }
.date {
color: #aa9911;
margin-bottom: 10px;
float: right;
}

#miniblog {
width: 625px;
padding-left: 15px;
padding-right: 10px;
}
#miniblog .entry {
font: verdana;
font-size: 1.2em;
line-height: 1.4em;
padding-left: 30px;
padding-right: 30px;
overflow: hidden;
}

#miniblog .entry ol {
padding-left: 35px;
padding-right: 35px;
}


#miniblog h2 a {
color: #cc0000;
font: verdana, arial, georgia;

font-size: 1.2em;
display: block;
padding: 3px;
text-decoration: none;
border-bottom: 1px solid #abc;
}

#miniblog h2 a:hover {
color: #cc0000;
}

h3 {
	letter-spacing:em;
	margin-bottom:10px;
	font-weight:normal;

	}


.feature h3 a {
font-weight: normal;
border-bottom: none;
}

li.featured {list-type: none;}

.featured h3 a {font-weight: normal; border-bottom: none;}

#head {
background: white 
url('http://itola.com/wp-content/themes/tech/images/header.png') no-repeat;
height: 97px;
margin-left: 75px;
}

#sidebar h3 {
	padding:6px 0 6px 2px;
	margin:22px 0 15px 0;
	}

h3#respond {
	border-top:1px dotted #b6b6b6;
	}

h3#comments {
	}
	
/* Content */

#content {
	width:660px;
text-align: left;
float: left;
padding-left: 15px;
	}
	
.description {
font-weight: normal; 
color: #777;
padding-bottom: 10px;
border-bottom: 1px solid #e9e9e9;
	}

#archive .entry {padding: 25px;}

.feature {
border: 1px solid #abc;
background: ghostwhite;
margin-bottom: 10px;
margin-right: 10px;
font-size: 1.2em;
	}

#sidebar {
width: 260px;
float: right;
}

#sidebar .feature {
border: none;
color: red;
}

.feature a {
border-bottom: none;

}

.feature:hover {
background: #e9e9f9;

	}
	
.feature p, #rightcol p {
	}



.feature img, #rightcol img {
	padding: 1px;
border: 1px solid #abc;

	}



.featured {
background: none;
padding-bottom: 8px;
padding-top: 8px;
	}

.featured a {
color: #123456;
border: none;
background: none;
}

.featured:hover {
background: #e9e9f9;
	}
	
.featured p {
	margin:0;
	}

.featured img {
	padding: 1px;
border: none;
background: none;
	}

			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	}

#lead {
	margin-top:20px;
padding: 20px;
line-height: 1.3em;
margin-bottom: 10px;
	}

.title {
	font-weight:normal;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.2em Arial, Verdana, Georgia, "Times New Roman", Times, serif;
	line-height:130%;
	display:block;
        font-weight: normal;
	padding-bottom:7px;
	list-type: none;
}

#leftcol .feature {
	}


#rightcol img {
	float:left;
	margin:3px 10px 4px;
	}

#leftcol img {
	display:block;
	}
	
#rightcol .clearfloat {
	border-bottom:1px dotted #b6b6b6;
	padding:12px 0;
	}	

#sidelist li {
	list-style:none;
	}
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}
	
#sidelist .bullets li {
	list-style:none;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;
	}

#sidelist .children {
	background:#eee;
	}
	
#sidelist .children li {
	list-style: none;
	margin-left:28px;
	border-bottom:1px solid ghostwhite;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#eee;
	color: #009;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#fff;
background: #009;
	}

.postmetadata {
	margin: 30px 0;
	}

#writer {
color: #def;
background: #123;
	margin:8px 0;
	padding: 6px;
border: 1px solid #def;

	}

#writer a {
text-decoration: underline;
color: #fff;

}

#writer img {
	padding:1px;
	border:1px solid #ccc;
	float:left;
	width:80px;
	}

#writer span {
	display:block;
	padding-top:4px;
	margin-top:12px;
	border-top:1px solid #def;
float: right;
	}

#writer p {
	margin:0;
	width:560px;
	}	
		

/* Form Elements */

#searchform {
        /* padding:16px 5px 0 0; */
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
background: #000;
padding-top: 15px;
padding-bottom: 15px;

width: 598px;
border: 1px solid #111;
}

.button {
background: #000000;
padding: 4px;
        color:#123456;
        border: 1px solid #abc;
font-weight: normal;
/*float: right;*/
        }

.button:hover {
        background:#3366ff;
        color:#FFF;
        }





select {
	background:#eeeeff;
	border:1px solid #9c9c9c;
	width:100%
	}

#commentform {
background: ghostwhite;
}
#commentform input {
	width: 300px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	list-style: none;
	background:#f2f2f2;
	border-top: 1px solid #ddd;
	}

#commentform small {
	background:whitesmoke;
	font-weight:normal;
	padding:0;
text-decoration: none;	
}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#f1f1e1;
	}

.commentlist cite {
	font: 1.6em Arial, Verdana, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	
	

/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	


/* Footer*/

#footer {
	margin: 0 auto;
	width: 900px;
	padding-top:15px;
	color:whitesmoke;
text-align: center;
	}

#footer a {
	color:#d3d1d1;
	}

#content blockquote{
padding-left:25px;
font-style:italic;
color: #333;
}

#content blockquote p{
font-style:italic;
color #123;
}

.rss {
padding: 5px;
}

.rating {
float: right;
text-decoration: underline;
text-align: right;
}

.pages {
padding-left: 20px;
padding-right: 20px;
}

/* page navigation */ 

.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
			padding: 2px 6px; 
			border: none; 
			background: #fff; 
			text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #123456; 
		border-color: #036; 
		text-decoration: none;
	}
	
#related {
color: #333;
background: #fff;

        margin:25px 0;
        padding: 20px;
border: 1px solid #abc;
}

#related ul {
padding-left: 45px;
list-style: square;
}

#subscribe {
width: 500px;
padding-left: 70px;
}

#subscribe a {
color: #aa0000;
text-decoration: underline;
font-size: .8em;
}

#subscribe h3 a:hover {
background: #fee;
}

#tags {
font-weight: bold;
border-top: 1px solid #abc;
padding-top: 15px;
}

#tags a {
text-decoration: none;
font-weight: normal;
}
.center {
text-align: center;
display: block;
}

#rss img {border: none;}


.r {text-align: right;}
.l {text-align: left;}