/*

Theme Name: Ogrady 2010

Version: 1.0

Author: Shaul Zofef

*/



/* reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, b, u, i, center,

dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%; 

	vertical-align: baseline; background: transparent;

}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }



body {

	font-size: 62.5%;

	text-align: center;

	color: #000000;

	background-color: #11313a;

	background-image: url('images/pattern.png');

	background-repeat: repeat-x repeat-y;}



#overlay {  

    position:absolute;  

    width:300px;  

	top:50%;

	left:50%;  

    margin-left:-150px;  

    text-align:center;  

    padding:7px 0 0 0;  

    font: 11px Arial, Helvetica, sans-serif;

    color:#0da2b8;}

    

.container {

	width: 960px;

	margin: 0 auto;

	text-align: center;

	position: relative;}

	

#glow{

	height: 90px;

	background-image: url('images/glow.png');}



#header {}



#content {

	font: 1.2em Verdana, Arial, Helvetica, sans-serif;}



#icons {

	height: 120px;

	width: 780px;

	margin: 60px auto 0 auto;

	text-align: center;

	position: relative;}



a#tac {

	float:left;

	display: block;

	width: 120px;

	height: 120px;

	text-decoration: none;

	background: url("images/tac.png");

	margin-left: 60px;}



a#tac:hover {

	background-position: -120px 0;}

	

a#pp {

	float:left;

	display: block;

	width: 120px;

	height: 120px;

	text-decoration: none;

	background: url("images/pp.png");

	margin-left: 60px;}



a#pp:hover {

	background-position: -120px 0;}



a#jblog {

	float:left;

	display: block;

	width: 120px;

	height: 120px;

	text-decoration: none;

	background: url("images/jblog.png");

	margin-left: 60px;}



a#jblog:hover {

	background-position: -120px 0;}

	

a#jackd {

	float:left;

	display: block;

	width: 120px;

	height: 120px;

	text-decoration: none;

	background: url("images/jackd.png");

	margin-left: 60px;}



a#jackd:hover {

	background-position: -120px 0;}

	

a#books {

	float:left;

	display: block;

	width: 120px;

	height: 120px;

	text-decoration: none;

	background: url("images/books.png");

	margin-left: 60px;}



a#books:hover {

	background-position: -120px 0;}

	

.displace {

	position: absolute;

	left: -5000px;}

		

#bubbles {

	height: 230px;

	width: 720px;

	margin: 0 auto;

	text-align: center;

	position: relative;}

		

.bubble{

	float: left;

	display: block;

	height: 230px;

	width: 180px;

	text-decoration: none;

	background-image: url('images/bubble.png');

	text-decoration: none;}

	

a.bubble:hover{

	background-position: -180px;}

	

.title{

	padding-top: 35px;

	height: 45px;

	font-family: "Arial Black";

	font-size: 20px;

	line-height: 21px;

	color: #c69f4a;}

	

	

.doubletitle{

	padding-top: 24px;

	height: 56px;

	font-family: "Arial Black";

	font-size: 20px;

	line-height: 21px;

	color: #c69f4a;}



.text{

	padding-top: 16px;

	height: 88px;

	font-family: Arial;

	font-size: 16px;

	color: #98692c;}



.url{

	padding-top: 10px;

	height: 26px;

	font-family: Arial;

	font-size: 13px;

	color: #212121;}

	

#apps {

	height: 130px;

	width: 720px;

	margin: 0 auto;

	text-align: center;

	position: relative;}

	

#tacapp{

	float: left;

	display: block;

	height: 130px;

	width: 180px;

	text-decoration: none;

	background-image: url('images/tacapp.png');}

	

a#tacapp:hover{

	background-position: -180px;}

	

#ppapp{

	float: left;

	display: block;

	height: 130px;

	width: 180px;

	text-decoration: none;

	background-image: url('images/ppapp.png');}

	

a#ppapp:hover{

	background-position: -180px;}

	

#networks {

	height: 40px;

	width: 360px;

	margin: 20px auto 0 auto;

	text-align: center;

	position: relative;}

	

#facebook{

	float: left;

	display: block;

	height: 40px;

	width: 120px;	

	text-decoration: none;

	background-image: url('images/facebook.png');}

	

a#facebook:hover{

	background-position: 0 -40px;}

	

#twitter{

	float: left;

	display: block;

	height: 40px;

	width: 120px;	

	text-decoration: none;

	background-image: url('images/twitter.png');}

	

a#twitter:hover{

	background-position: 0 -40px;}

	

#linkedin{

	float: left;

	display: block;

	height: 40px;

	width: 120px;	

	text-decoration: none;

	background-image: url('images/linkedin.png');}

	

a#linkedin:hover{

	background-position: 0 -40px;}

	

#footer {

	clear: both;

	margin: 20px;

	color: #007a98;

	font-family: Arial;

	font-size: 11px;}

	

.linkcolor {

	font-size: 12px;

	color: #28b3e0;}

	

a.linkcolor:hover {

	color: #3eedff;}

	

.copyright {

	font-size: 12px;}