/*  
Theme Name: Ocularinvasion
Theme URI: http://ocularinvasion.com/
Description: Theme designed specifically for ocularinvasion.com
Version: 3.0
Author: D. Emory Allen
Author URI: http://ocularinvasion.com/
*/

*{
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration: none;
}
body{
	font-size:.825em;
	font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	 background: #3E393D;
	 line-height: 1.4em;
	}

#container{
	background: #fff;
	color:#3E393D;
	margin:10px auto;
	width:960px;
	padding-left: 10px;
	padding-bottom:10px;
	padding-top:10px;
	
	}
li{
	list-style: none;
	}
.textRight{
	text-align: right;
	}
.left, .alignleft{float:left;}
.right{
	float:right;
	}
p, .twoThird p{margin-bottom: 0px;}
hr{
	border:1px #d0d0d0;
	height:1px;
	background-color:#d0d0d0;
	margin:20px 0;
	width:98%; 
	
}
small{line-height:1.2em;}
.big{
	background:#777 url('images/sitebg.gif'); 
	height:3px; width:100%;padding-top:10px;}
img{
	vertical-align: top;
	}

blockquote{
	margin:15px;
	background:#f2f2f2 ;
	padding:3px;
	color:#787475;
}
/*--------------headers ----------------*/
h1{font-size:180%;color:#3E393D;}	
h2{font-size:150%;color:#3E393D;}
h3{font-size:110%;color:#3E393D;}

/* -----------links-------------------------*/
a, h1 a, h2 a, h3 a, a h2, a h3{color:#00a6e9;}
a:hover, h1 a:hover,h2 a:hover,h3 a:hover,a h2:hover, a h3:hover{color:#3E393D;}

/*---------------column sizes------------*/
.row{padding-top:10px; width:960px;margin:0 auto; }
.row:after{
		content:"."; 
    	display:block;
    	height:0; 
    	clear:both; 
    	visibility:hidden;
		}
.full{
	width:960px;
	margin:20px auto;
	
	}
.half{
	width:480px;
	float:left;}
.quarter{
	width:240px;
	float:left;
	}	
.threeQuarter{
	width:720px;
	float:left;
	}
	
.twoThird{
	width:66%;
	float:left;
}
.entry{
	padding-bottom:10px;
	min-height: 50px;}
	.quarter .entry p, .half .entry p{
		padding-right:25px;
	}
	.entry p{
		margin-top: 10px;
	}
     .entry li p{
        width:95%;
		padding-right:5px; margin-top: 0;
	}
	
.post{}
.postmetadata{
	font-size: 80%;
	height:18px;
    margin:0px;
	}	
	.postmetadata li{
	float:left;
	margin-right: 5px;
	}
	.postmetadata li p,.postmetadata li a p{
	display:inline-table;
	padding:2px;
	height:18px;
	}
.avatar_img{
	float:left;
	margin-right: 6px;
	}

#comments{
	margin-bottom: 10px;
	}
#comment_form p{
	margin:5px 0;
	}
#comments_container{
	float:left;width:470px;
	}
#comment_form{
	width:215px;float:left;margin-left:10px;
	}
.commentmetadata{
	color:#787475;
	font-size:80%;
	height:40px;
	background:#dddddd;
	}
.post_comment{width:470px;}
.post_comment_text{ background:white;padding:10px;margin-bottom:10px;}
.post_comment, .post_comment .entry{}
.commentleft{height:18px;width:6px;float:left;
		
	}
.commentright{
	height:18px;float:left;
	padding:2px 10px 2px 4px;
	
	}


/* header menu ------------------------- */
#head{	
	background:#00a6e9 url(images/web_logo3.jpg) no-repeat top left; 	 
	width:950px;
	height:90px;
	margin-bottom:10px;
	}
	#head:after, .entry:after{
		content:"."; 
    	display:block;
    	height:0; 
    	clear:both; 
    	visibility:hidden;
		}
#bloginfo{
	float:left;
	width:539px;
	display: inline;
	}
	#blogInfo h3{
	padding:0px;
	}
#headermenu{
	float:right;
    margin-top: 52px;     
    
	}
	#headermenu li{
		padding:7px 5px 0 5px;
		float:left;	
		margin-left:2px;
		height:24px;	
		border:0;
		border-bottom: 0;
		}	
	#headermenu a{
		color:#ffffff;
		}
	#headermenu a:hover{
		color: #3E393D;
		}
	#headermenu .current-cat, #headermenu .current_page_item{
	background: #3E393D;
	}
		#headermenu .current-cat a, #headermenu .current_page_item a{
			color:#fff;
		}
		#headermenu .current-cat a:hover, #headermenu .current_page_item a:hover{
			color:#1abdc7;
		}
#logo{
	padding:55px 0px 0px 0px;
	display:block;
	overflow:hidden;
	background:url("images/web_logo3.jpg") no-repeat top left;
	height: 0px !important; /* for most browsers */
    height /**/:55px; /* for IE5.5's bad box model */
    width:539px;
    text-indent: -1000em;
	}
.description {
	height:25px;
	margin-left:12px;	
	width:350px;
	}
	.description h3{
		color:#3E393D;
		font-size:120%;
		font-weight:bold;
	}
.heavy{font-weight:bold;}
.heavy a {text-decoration: underline;font-weight:bold;}
#contactButton{
	height:23px;
	font-weight:bold;
	color:#fff;
	}
	 li#contactButton{
	background:#00a6e9;
	
	}
	#contactButton a{
		color:#fff;
	}
/*--------------footer-----------------*/
#footer{
	width:930px;
	margin-top:10px;
	background:#00a6e9;
	padding:10px;
	color:white;
	min-height: 50px;
	clear:both;
	}
	#footer h2 a,#footer li a{
	color:white;
	}
	#footer h2 a:hover,#footer li a:hover{
	color:#3E393D;
	}
	#footer li{
	padding:10px 5px 0 5px;
	float:left;	
	margin-left:2px;
	font-size:150%
	}
	#footer p{
	font-size:80%;
	margin:0px;	
	}
	#footer .half{
	background:transparent;
	}
	
/*-----------------sidebar---------------*/
#sidebar {
	margin-left:720px;
	background:white;
	}

.subscribe_header a{
	background: url('images/rss.gif') no-repeat top left;
	padding-left: 30px;
	height:24px;
	display: block;
	margin-left: 5px;

}

/*----------------more things----------*/
.noFloat{float:none;}
.navigation{
	margin:0 0 10px 0;
	text-align: center;
	background:#eeeeee;
	padding:5px;
	width:940px;
	}
	
	.navigation:after{
		content:"."; 
    	display:block;
    	height:0; 
    	clear:both; 
    	visibility:hidden;
		}
	.navigation .left{
		text-align: left;
	}
	.navigation .right{
		text-align: right;
	}
/*------------forms----------*/
input, textarea{
	font-family: "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	padding:5px;
	border: 3px double #00a6e9;
	border-bottom-color: #004c6b;
	border-top-color:#004c6b;
	font-size:120%;
	margin: 5px 0px 0px 0px;
	width:215px;
	color:#3E393D;;
	}
textarea{
	width:210px;
	}
input:focus, textarea:focus{
	background:#3Dc7F4 !important;
	color:#fff;
	}
.subscribe{
	border:0;
	padding:18px 0px 0px 0px;
	display:inline;
	overflow:hidden;	
	background:url("images/submit_button.gif") no-repeat top left;
	height: 0px !important; /* for most browsers */
    height /**/:18px; /* for IE5.5's bad box model */
	width:95px;
	vertical-align: bottom;
	cursor: pointer;
	}
	.subscribe:active{
	border:0;
	padding:18px 0px 0px 0px;
	display:inline;
	overflow:hidden;	
	background:url("images/submit_button_active.gif") no-repeat top left;
	height: 0px !important; /* for most browsers */
    height /**/:18px; /* for IE5.5's bad box model */
	width:95px;
	vertical-align: bottom;
	cursor: pointer;
	}
.send{
	border:0;
	padding:18px 0px 0px 0px;
	display:inline;
	overflow:hidden;	
	background:url("images/sendbutton.gif") no-repeat top left;
	height: 0px !important; /* for most browsers */
    height /**/:18px; /* for IE5.5's bad box model */
	width:68px;
	vertical-align: bottom;
	cursor: pointer;
	}
	.send:active{
	border:0;
	padding:18px 0px 0px 0px;
	display:inline;
	overflow:hidden;	
	background:url("images/sendbutton_active.gif") no-repeat top left;
	height: 0px !important; /* for most browsers */
    height /**/:18px; /* for IE5.5's bad box model */
	width:68px;
	vertical-align: bottom;
	cursor: pointer;
	}
.comment{
	border:0;
	text-align: right;
	text-shadow: 1px 1px #3E393D;
	color:#00b9ff;
	font-weight:bold;
	font-size:110%;
	padding: 0;margin:0;width:230px;
	}
	.comment:hover{
		color:#3E393D;
		text-shadow: 1px 1px #00b9ff;
	}
	.comment:active{
	
	}

/*--------------extra--------------*/
.clear:after, .post-meta:after{
		content:"."; 
    	display:block;
    	height:0; 
    	clear:both; 
    	visibility:hidden;
		}
		
.important{
	font-size:80%;
	font-family: Cambria, Georgia, Times, ̉Times New RomanÓ, serif - p, t;
	text-transform: uppercase;
	font-style: italic;
	color:#fe2246;
}	
.image_caption{
	background:#00a6e9;
	display:block;
	padding:5px;
	height:20px;
	color:#fff;
	position:absolute;
	top:0;
	visibility: hidden;
	}
.image_unit{
	position:relative;
}
.image_unit:hover .image_caption{
	visibility: visible;
}

/*-----------comments----------*/
.alt{
	/*background:#f9f9f9;*/
}
.avatar {float:left;margin-right:5px;}


/*------------------post meta info ---------*/
.post-meta li{
	float:left;
	width:25%;
}
.post-meta hr{
	margin: 1px 0;
}
.post-meta li:first-child{
	width:50%;
}
.post-meta li.wide{
	width:636px;
}
.post-meta li.wideOpposite{
	width:314px;
}
.post-meta-key{
	display: block;
	font-weight: bold;
}
del{text-decoration:line-through;}


.nomargin{
	margin:0px;
}

/*------------------twitter tools ---------*/
#twitter_div{width:230px;background: white;}
.twitter-title{padding-left:70px;background:url(images/twitter_icon.gif) no-repeat top left;height:30px;padding-top:8px;}
.aktt_tweets{

}
.aktt_tweets li {
	background: #EEEEEE;
	margin-bottom:5px;
	padding:5px;
}
.aktt_tweets a {
	color:#3dc7f4;
}
.aktt_tweets a:hover {
	color:#3E393D;
}
.aktt_tweet_time{
	font-size:80%;
}

/*--------blog category--------*/
.category-blog .threeQuarter .entry{
	width:690px;padding:10px;margin-left: 10px;
}
body.category-blog{background: #eeeeee url(images/oi_pattern_gray.jpg);}
body.category-blog #container{background: #eeeeee;}
.archive.category-blog .navigation{ margin-left:10px;}
.category-blog .navigation {width:700px;;background:white;margin-top:15px;}
.category-blog .navigation {}
.category-blog .entry{background: white;}
.category-blog .entry img{max-width:690px;}
.category-blog .entry hr{margin:5px 0;width:100%;}
.category-blog #sidebar {padding-top:10px;margin:0px;float:left;width:230px;}
.category-blog #sidebar .image_unit{margin-bottom:5px;}

#related_work{
	background:#eeeeee;
	padding:5px;padding-right:0;
	width:945px;
}

#related_work .more{width:215px;}

#related_work p{
	float:left;
	margin:0 5px;
}
#related_work:after{
	content:"."; 
    display:block;
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	#blog_single{
		padding-left: 10px;
	}
	
.newsletterRadio, .newsletterRadio input{padding:0; border:0;margin:0; float:none; }
.newsletterRadio input{padding:0; border:0;margin:0;width:15px;}
.newsletterRadio{white-space:nowrap; font-size: 80%;width:100px;}
#newsletterForm input{border:0;padding:2px; margin:5px;}
#newsletterForm input[type=submit]{width:35px;background:#00A4E4}
#newsletterForm input[type=submit]:hover{background:#BBBBBB}

/*--------------shop page ----------------*/
.page-template-shop-php {background: #eeeeee;}
.page-template-shop-php .entry{border:1px solid #eee;padding:5px;width:155px;margin-right: 10px;font-size: 80%;}
.price{color:#093;}