/* @override http://garybrosnan.com/assets/templates/garybrosnan/HomeTest.css */

/* @override http://garybrosnan.com/assets/templates/garybrosnan/Home.css */

/* @override http://garybrosnan.com/assets/templates/garybrosnan/Home.css */

body {
	margin: 0; 
	padding: 0; 
	font-family: 	Helvetica, sans-serif;
	color: #000000;
	height: 100%;
}

#Wrapper {
	width:960px;
	margin:auto;
	float:center;
}

.space {
line-height: 30px;
margin:0px;
padding: 0px;
} 

hr.Line {
  border: 0;
  background-image:url(assets/templates/garybrosnan/images/hr.jpg);
  background-repeat:no-repeat;
}

h1 {
	font-size: 25px;
	color: #ffffff;
	font-weight: normal;
}

h2 {
	font-size: 25px;
	color: #000000;
	font-weight: normal;
}

h3 {
	font-size: 85px;
	font-weight: bold;
	text-shadow: 0px 2px 0px #e5e5ee;
	color: #0000000;
	padding: 0px;
	margin-top: 35px;
	letter-spacing: -5px;
}

h3.Red {
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px #c8c8c8;
	color: #F00;
	padding-bottom: 30px;
	margin:  0px;
	letter-spacing: normal;
}

h4 {
	font-size: 25px;
	font-weight: bold;
	text-shadow: 1px 1px #c8c8c8;
	color: 000000;
	margin: 0px;
	padding: 0px;
}

h4.White {
	color:#FFF;
	text-shadow:none;
}

h5 {
	font-size: 20px;
	font-weight: bold;
	color:#FFF;
	margin: 0px;
	padding: 0px;
}

h6 {
	font-size: 40px;
	font-weight: bold;
	color: 00000;
	margin: 0px;
	padding: 0px;
}

.p1 {
	font-size: 16px;
	font-weight: normal;
	color: 000000;
	padding: 0px;
	margin: 0px;
}

p1.Red {
	color:#F00; 
}

.p2 {
	font-size: 16px;
	font-weight: normal;
	color: 000000;
	padding: 0px;
	margin: 0px;
}

.p3 {
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	margin: 0px;
	padding: 0px;
}

.p4 {
	font-size: 12px;
	font-weight: normal;
	color: #F00;
	margin: 0px;
	padding: 0px;
	float: right;
}

.Head {
	width: 960px;
}

.clear {
	clear:both;
}

	
	/* -----------------------------
	   MAIN NAVIGATION                  */
	
	.nav_container {
	margin: 0;
	width: 480px;
	height: 54px;
	margin-top: 81px;
	float:  left;
	
}
	#navMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 4;
}
#navMenu li{
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

a.navHome, a.navHome_a{
	display:block;
	width: 100px;
	height:54px;
	background: url("images/HomeSprite.png");
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}
a.navHome:hover{

	background: url("images/HomeSprite.png") 0 107px;
}
a.navHome_a{

	background: url("images/HomeSprite.png") 0 53px;
}

a.navPortfolio, a.navPortfolio_a{
	display:block;
	float:left;
	width:128px;
	height:54px;
	background: url("images/PortfolioSprite.png");
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}
a.navPortfolio:hover{
	background: url("images/PortfolioSprite.png") 0 108px;
}
a.navPortfolio_a{
	background: url("images/PortfolioSprite.png") 0 58px;
}
a.navBlog, a.navBlog_a{
	display:block;
	float:left;
	width:82px;
	height:54px;
	background: url("images/BlogSprite.png");
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}
a.navBlog:hover{
	background: url("images/BlogSprite.png") 0 108px;
}
a.navBlog_a{
	background: url("images/BlogSprite.png") 0 58px;
}

a.navContact, a.navContact_a{
	display:block;
	float:left;
	width:124px;
	height:54px;
	background: url("images/ContactSprite.png");
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}
a.navContact:hover{

	background: url("images/ContactSprite.png") 0 108px;
}
a.navContact_a{

	background: url("images/ContactSprite.png") 0 58px;
}


#title {
	width: 480px;
	border: 0px;
	padding-left: 16px;
	margin: 0px;
	float: left;
}

.Gary {
	width: 441px;
	height: 442px;
	position: relative;
	top: 65px;
	float: right;
	margin: 0px;
	background-image:url(images/Gary.png);
	background-repeat: no-repeat;
	z-index:11;
	} 
	
.Work {
	width: 960px;
	height: 226px;
	position: relative;
	top: -40px;
	margin-bottom: 20px;
	margin: 0px;
	float:left;
	}

#WorkHolder {
	width:960px;
	height:166px;
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 8;
	}
	
.WorkBox1 {
	width: 332px;
	height: 166px;
	float:left; 
 	position:relative;
	background-image:url(images/Avatar.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	}
	
.WorkBox2 {
	float: left;
	width: 332px;
	height: 166px;
	display:inline;
	position: relative;
	background-image:url(images/Radar.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	}
	
.WorkBox3 {
	float: left;
	width: 296px;
	height: 166px;
	display:inline;
	position: relative;
	background-image:url(images/Festival.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	}
	
#WorkHolder2 {
	width: 664px;
	height: 1033px;
	float:left;
	display: inline;
	margin-top: 35px;
	padding: 0px;
	z-index: 2px;
}

.PortBox1 {
	width: 332px;
	height: 216px;
	float: left;
	display: inline;
	position: relative;
	margin: 0px;
	padding-top: 30px;
	
}

.PortFrame {
	width: 295px;
	height: 166px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.PortText {
	width: 295px;
	height: 35px;
	font-size: 16px;
	font-weight: normal;
	color: 000000;
	position:relative;
	margin: 0px;
	float: left;
	padding-top: 10px;
}
	
#TextArea {
	width: 960px;
	display: inline;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 2;
}

.About {
	width: 303px;
	float: left;
	display:inline;
	position: relative;
	padding-bottom: 30px;
	padding-right: 30px;
	margin: 0px;
}

.Blog {
	width: 627px;
	float: right;
	display:inline;
	position: relative;
	padding-bottom: 30px;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 0px;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #000;
} 
#ditto_pages .ditto_off {
    border: 0px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 0px solid #008CBA; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #F00;
}

.NewBlog {
	width: 627px;
	clear: both;
	margin:  0px;
	padding-top: 15px;
}

.NewEntry {
	width: 486px;
	float: right;
	position: relative;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.NewCal {
	width: 102px;
	height: 93px;
	float: left;
	background-image:url(images/Cal.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}

.Month {
	width: 54px;
	height: 24px;
	margin-left: 28px;
	padding-right: 20px;
	position:relative;
	padding-top: 8px;
}

.Day {
	width: 53px;
	height: 56px;
	position: relative;
	margin-left: 25px;
	padding-right: 20px;
	padding-top: 5px;
}

#Footer {
	clear:both;
	height: 360px;
	margin-top: 10px;
	padding: 0px;
	position: relative;
	background:url(images/FooterBK2.jpg) repeat-x;
}

#footer-inside {
margin: 0 auto;
margin-left: auto;
margin-right: auto;
height:auto;
padding:0px;
width:960px;
position: relative;
z-index: 2;

}
.LeftFoot {
	width: 303px;
	float: left;
	display:inline;
	position: relative;
	padding-right: 30px;
}

.RightFoot {
	width: 303px;
	float: left;
	display:inline;
	position: relative;

}

.FootRSS {
	width: 243px;
	height: 32px;
	background-image:url(images/RSS.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.FootIn {
	width: 243px;
	height: 32px;
	background-image:url(images/In.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}
	
.FootDev {
	width: 243px;
	height: 32px;
	background-image:url(images/Twit.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.FootVim {
	width: 243px;
	height: 32px;
	background-image:url(images/Vimeo.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.FootMail {
	width: 243px;
	height: 32px;
	background-image:url(images/Mail.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.FootGo {
	width: 243px;
	height: 32px;
	background-image:url(images/Google.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.FootCV {
	width: 243px;
	height: 32px;
	background-image:url(images/CV.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	padding-left: 60px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.theFooter a:link {
	color:#FFF;
}
.theFooter a:visited {
	color:#FFF;
}
.theFooter a:hover {
	color:#F00;
}
.theFooter a:active {
	color:#FFF;