/* STANDARD CSS */

*{
    margin:0px;
    padding:0px;
}

body{
    margin:0px;
    padding:0px;
	font-family:"Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
}

a{
    color:#0099FF;
    font-weight:bold;
    text-decoration:none;
}

.Wrap960{
	width:960px;
    margin-left:auto;
    margin-right:auto;
}
	
a:hover, a:active{
	color:#80CCFF;
    text-decoration:underline;
}

h2 a:hover, h2 a:active{
	color:#80CCFF;
    text-decoration:none;
}

h1, h2, h3, h4, h5{
	margin:0px;
	padding:5px 0 5px 0;
	font-family:"Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

h1{font-size:190%;}
h2{font-size:160%;}
h3{font-size:140%;}
h4{
	padding: 10px 0 10px 0;
	font-size:120%;
}
h5{font-size:100%;}

img{border:0px;}

.doubleImage{
	width:100%;
	overflow:auto;
}

.displayImage{
	padding:7px;
	border:solid 1px #666;
	margin:10px;
}

.displayImageL{
	padding:7px;
	border:solid 1px #666;
	margin:5px 10px 10px 0;
	float:left;
	height:100%;
}

.displayImageR{
	padding:7px;
	border:solid 1px #666;
	margin:5px 0 10px 10px;
	float:right;
	height:100%;
}

.imageTitleL{
	width:245px;
	height:100%;
	float:left;
	margin:5px 10px 0 0;
	padding:7px 7px 0 7px;
	font-size:90%;
	font-weight:bold;
	text-align:left;
}

.imageTitleR{
	width:245px;
	height:100%;
	float:right;
	margin:5px 0 0 10px;
	padding:7px 7px 0 7px;
	font-size:90%;
	font-weight:bold;
	text-align:left;
}

.textSmall{
	font-weight:bold;
	font-size:85%;
	padding:10px 0;
}

/* STANDARD CSS END */



/* HEADER SECTION CSS */

.header{
    width:960px;
    height:68px;
    background-image:url('/resources/img/header.jpg');
    background-position:center;
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
    
}

.headerWrap{
    width:100%;
    height:68px;
    background-image:url('/resources/img/headerBG.jpg');
    background-position:center;
    background-repeat:repeat-x;
}

.featuredWork{
    width:880px;
    height:24px;
    padding-top:4px;
    padding-bottom:4px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('/resources/img/featuredwork.jpg');
    background-position:left;
    background-repeat:no-repeat;
}

.seperator{
    width:100%;
    border-bottom:solid 2px #CCCCCC;
}

.featuredImages{
    margin-left:auto;
    margin-right:auto;
    width:860px;
    height:85px;
    padding-top:4px;
    padding-bottom:4px;
}

.featuredImages div{
    float:left;
    width:20%;
    display:inline;
}

/* HEADER SECTION CSS END */



/* FOOTER SECTION CSS */

.footer {
	font-size:90%;
	text-align:center;
	border-top:1px solid #FFFFFF;
}

.footer p.links a  {
	padding:0 30px 0 30px;
}

.footer .logos{
	width:216px;
	height:100%;
	padding:10px 0;
	margin:0 auto;
	overflow:hidden;
}

.footer .xhtml{
	width:88px;
	height:31px;
	margin:0 10px;
	float:left;
	display:inline;
}

.footer .css{
	width:88px;
	height:31px;
	margin:0 10px;
	float:left;
	display:inline;
}

/* FOOTER SECTION CSS END */



/* MAIN MENU WITHOUT FLASH */

ul.mainMenu{
    margin-left:auto;
    margin-right:auto;
    width:880px;
    height:27px;
    list-style:none;
}

ul.mainMenu li, ul.mainMenu li a{
    float:left;
    text-decoration:none;
    margin: 0 3px 0 0;
    display:inline;
}

ul.mainMenu li span {
	visibility:hidden;
	font-size:6px;
}

ul.mainMenu li.home a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/homeButton.jpg');
    background-position:bottom;
    background-repeat:no-repeat;
    text-decoration:none;
}

ul.mainMenu li.home a:hover, .mainMenu li.home a:active, .mainMenu li.homeCurrent a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/homeButton.jpg');
    background-position:top;
    background-repeat:no-repeat;
    text-decoration:none;
}


ul.mainMenu li.portfolio a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/portfolioButton.jpg');
    background-position:bottom;
    background-repeat:no-repeat;
    text-decoration:none;
}

ul.mainMenu li.portfolio a:hover, .mainMenu li.portfolio a:active, .mainMenu li.portfolioCurrent a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/portfolioButton.jpg');
    background-position:top;
    background-repeat:no-repeat;
    text-decoration:none;
}

ul.mainMenu li.blog a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/blogButton.jpg');
    background-position:bottom;
    background-repeat:no-repeat;
    text-decoration:none;
}

ul.mainMenu li.blog a:hover, .mainMenu li.blog a:active, .mainMenu li.blogCurrent a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/blogButton.jpg');
    background-position:top;
    background-repeat:no-repeat;
    text-decoration:none;
}

ul.mainMenu li.contact a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/contactButton.jpg');
    background-position:bottom;
    background-repeat:no-repeat;
    text-decoration:none;
}

ul.mainMenu li.contact a:hover, .mainMenu li.contact a:active, .mainMenu li.contactCurrent a{
    width:110px;
    height:27px;
    background-image:url('/resources/img/contactButton.jpg');
    background-position:top;
    background-repeat:no-repeat;
    text-decoration:none;
}

.mainMenuWrap{
	width:960px;
    margin-left:auto;
    margin-right:auto;
}

/* MAIN MENU WITHOUT FLASH CSS */



/* MAIN CONTENT */

.mainContent{
    width:100%;
    background-color:#141414;
}

.Main{
    width:100%;
    background-color:#141414;
    text-decoration:none;
    padding:0 0 0 0px;
}

.content{
    width:960px;
    padding-top:20px;
    padding-bottom:20px;
    margin-left:auto;
    margin-right:auto;
	border-right:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	background-color:#222222;
    height:100%;
    overflow:auto;
}

.rightPanel{
    float:right;
    width:234px;
    margin:0 23px 10px 0;
    display:inline;
}

.leftPanel{
    float:left;
    width:674px;
    margin:0 0 10px 23px;
    display:inline;
}

.footer{
    width:940px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
	border-right:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	background-color:#222222;
    height:100%;
    overflow:auto;
	text-align:center;
}

/* MAIN CONTENT END */



/* CONTENT BUBBLES */

/* DARK LEFT */
.topLeftBubble{
    height:20px;
    width:674px;
    background-image:url('/resources/img/leftBoxTop.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.centreLeftBubble{
    width:608px;
    padding:0 35px 10px 30px;
    background-image:url('/resources/img/leftBoxMiddle.jpg');
    background-position:left;
    background-repeat:repeat-y;
}
.bottomLeftBubble{
    height:20px;
    width:674px;
    background-image:url('/resources/img/leftBoxBottom.jpg');
    background-position:left;
    background-repeat:no-repeat;
    margin-bottom:5px;
}
/* DARK LEFT END */

/* DARK RIGHT */
.topRightBubble{
    height:20px;
    width:234px;
    background-image:url('/resources/img/rightBoxTop.jpg');
    background-position:right;
    background-repeat:no-repeat;
}
.centreRightBubble{
    width:184px;
    padding:0 30px 10px 20px;
    background-image:url('/resources/img/rightBoxMiddle.jpg');
    background-position:right;
    background-repeat:repeat-y;
}
.bottomRightBubble{
    height:20px;
    width:234px;
    background-image:url('/resources/img/rightBoxBottom.jpg');
    background-position:right;
    background-repeat:no-repeat;
    margin-bottom:5px;
}
/* DARK RIGHT END */

/* BLUE RIGHT */
.topRightBubbleBlue{
    height:20px;
    width:234px;
    background-image:url('/resources/img/blueRightBoxTop.jpg');
    background-position:right;
    background-repeat:no-repeat;
}
.centreRightBubbleBlue{
    width:184px;
    padding:0 30px 10px 20px;
    background-image:url('/resources/img/blueRightBoxMiddle.jpg');
    background-position:right;
    background-repeat:repeat-y;
}
.bottomRightBubbleBlue{
    height:20px;
    width:234px;
    background-image:url('/resources/img/blueRightBoxBottom.jpg');
    background-position:right;
    background-repeat:no-repeat;
    margin-bottom:5px;
}
.centreRightBubbleBlue a{
	color:#FFFFFF;
}
.centreRightBubbleBlue a:hover, .centreRightBubbleBlue a:active{
	color:#000000;
    text-decoration:underline;
}
/* BLUE RIGHT END */

/* CONTENT BUBBLE END */



/* BLOG CSS */

.rightPanel ul{
	list-style:none;
	padding-left:25px;
}

.leftPanel ul.firstList{
	font-size:90%;
}

.leftPanel ul{
	padding: 5px 5px 5px 25px;
}

.leftPanel ul li{
	padding:3px;
}

.leftPanel ol{
	padding: 5px 5px 5px 25px;
	font-size:90%;
}

#mainGallery ul {
	padding:0px;
}

#mainGallery ul li{
	padding:0 3px 0 0;
}

.blogPost{
	float:left;
	width:549px;
	padding-left:10px;
	border-left:1px solid #666;
}

.post{
	padding:10px 0 10px 0;
}

.post p {
	padding:5px 0;
}

.postInfo{
	font-size:80%;
	clear:both;
	padding:5px 0 25px 58px;
	border-top:solid 1px #666;
}

.RSSSmall{
	background-image:url('/resources/img/RSSSmall.jpg');
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	width:150px;
	height:30px;
	padding-right:23px;
	line-height:19px;
	text-align:right;
}

.RSSLarge{
	height:40px;
}

.RSSLarge a {
	display:block;
	height:40px;
	width:170px;
	bottom:0px;
	background-image: url(http://www.jamie-connolly.co.uk/resources/img/RSSLarge.jpg);
	background-repeat: no-repeat;
	background-position:top;
	text-decoration:none;
}
	
.RSSLarge a:hover {
	background-position:bottom;
}

.RSSLarge span{
	visibility:hidden;
	text-decoration:none;

}

.blogNote{
	width:80%;
	padding:5px 10px;
	margin:10px auto 10px auto;
	font-size:90%;
	border:1px solid #FFFFFF;
}


/* BLOG CALENDER */
.calendar {
  float: left;
  margin-right: 6px;
  margin-top:10px;
  width: 42px;
  height: 63px;
}

.calendar-icon-01 {background-image: url('/resources/img/calendar/01.gif'); background-repeat:no-repeat;}
.calendar-icon-02 {background-image: url('/resources/img/calendar/02.gif'); background-repeat:no-repeat;}
.calendar-icon-03 {background-image: url('/resources/img/calendar/03.gif'); background-repeat:no-repeat;}
.calendar-icon-04 {background-image: url('/resources/img/calendar/04.gif'); background-repeat:no-repeat;}
.calendar-icon-05 {background-image: url('/resources/img/calendar/05.gif'); background-repeat:no-repeat;}
.calendar-icon-06 {background-image: url('/resources/img/calendar/06.gif'); background-repeat:no-repeat;}
.calendar-icon-07 {background-image: url('/resources/img/calendar/07.gif'); background-repeat:no-repeat;}
.calendar-icon-08 {background-image: url('/resources/img/calendar/08.gif'); background-repeat:no-repeat;}
.calendar-icon-09 {background-image: url('/resources/img/calendar/09.gif'); background-repeat:no-repeat;}
.calendar-icon-10 {background-image: url('/resources/img/calendar/10.gif'); background-repeat:no-repeat;}
.calendar-icon-11 {background-image: url('/resources/img/calendar/11.gif'); background-repeat:no-repeat;}
.calendar-icon-12 {background-image: url('/resources/img/calendar/12.gif'); background-repeat:no-repeat;}

.calendar-day {
  font-weight: bold;
  font-size: 0.9em;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 18px;
}

.calendar-year {
  font-weight: bold;
  color: #FFFFFF;
  width: 42px;
  text-align:center;
  padding-top: 10px;
}
/* BLOG CALENDER END */

/* SEARCH BOX */
input.searchBox{
	width:120px;
	height:18px;
	padding-top:2px;
	font-size:80%;
	font-weight:bold;
	color:#666666;
	text-align:right;
	border:solid 1px #666666;
	float:right;
	display:inline;
}

input.searchButton{
	width:30px;
	background-color:#FFFFFF;
	border:solid 1px #666666;
	height:22px;
	padding-bottom:2px;
	margin-left:3px;
	float:right;
	display:inline;
}

.searchWrap{
	overflow:auto;
	height:100%;
}

.searchPanel{
	color:#000000;
}

.searchWrap img{
	padding:2px 5px;
	float:right;
	display:inline;
}
/* SEARCH BOX END */

/* COMMENT FORM */
.submitComment{
	width:130px;
	background-color:#FFFFFF;
	border:solid 1px #666666;
	height:22px;
	padding-bottom:2px;
}

.commentLabel{
	padding:5px 0 5px 5px;
}

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

.text{
	border:solid 1px #666666;
	width:300px;
}

.textBig{
	border:solid 1px #666666;
	width:500px;
}
/* COMMENT FORM END */

/* COMMENTS */
.commentItem{
	width:600px;
	height:100%;
	margin:20px 0 0 0;
	overflow:auto;
	background-image: url('/resources/img/commentbg.jpg');
	background-repeat:repeat;
	border:1px solid #FFFFFF;
}

.commentItemAlt{
	width:600px;
	height:100%;
	margin:20px 0 0 0;
	overflow:auto;
	background-image: url('/resources/img/commentbgAlt.jpg');
	background-repeat:repeat;
	border:1px solid #FFFFFF;
}

.commentLeft{
	float:left;
}

.commentImage{
	width:37px;
	height:112px;
	display:block;
	background-image: url('/resources/img/comment.jpg');
	background-repeat:no-repeat;
}

.commentImageAlt{
	width:37px;
	height:112px;
	display:block;
	background-image: url('/resources/img/commentAlt.jpg');
	background-repeat:no-repeat;
}

.commentWrap{
	width:542px;
	height:100%;
	padding:10px;
	float:left;
	display:block;
	border-left:1px solid #FFFFFF;	
}

.commentHeader{
	overflow:auto;
}

.commentHeader img{
	float:left;
	padding-right:20px;
	display:inline;
}

.commentInfo{
	float:left;
	display:inline;
}

.commentContent{
	padding:10px 0;
}

.commentContent p{
	padding:5px 0px;
}

pre {
	overflow:auto;
	font-size:110%;
	font-weight:normal;
	color:#000000;
	background-color:#FFFFFF;
	border:4px solid #000000;
	border-left:20px solid #000000;
	padding:10px 5px;
	margin:5px 10px;
}
/* COMMENTS END */

/* NEXT/PREVIOUS BUTTONS */
.nextPrevious{
	overflow:auto;
}

.nextPrevious .next{
	margin-right:20px;
	float:right;
	display:inline;
}

.nextPrevious .previous{
	margin-left:20px;
	float:left;
	display:inline;
}
/* NEXT/PREVIOUS BUTTONS END */

/* BLOG CSS END */



/* HOME PAGE CSS */

.h1Home{
	padding-bottom:0px;
}

.h2Home{
	font-size:15px;
	font-weight:normal;
	padding:0 0 5px 0;
}

#mainGallery{
	margin:5px 0 10px 0;
}

.homePosts{
	overflow:auto;
	height:100%;
}

.leftHome{
	float:left;
	padding:7px;
	margin:10px 5px 10px 0;
	width:280px;
	border:solid 1px #666;
}

.rightHome{
	float:right;
	padding:7px;
	margin:10px 0 10px 5px;
	width:280px;
	border:solid 1px #666;
}

.postHeader{
	font-size:160%;
	font-weight:bold;
	display:inline;
}

.homePost{
	padding:5px 0;
	margin-left:10px;
	border-bottom:solid 1px #666;
}

.homePostTitle{
	font-size:110%;
	padding-bottom:2px;
}

.homePostInfo{
	font-weight:bold;
}

/* HOME PAGE CSS END */



/* HOME PAGE SIDEBAR CSS */ 

.contactMe{
	height:61px;
}

.contactMe a {
	display:block;
	height:61px;
	width:183px;
	bottom:0px;
	background-image: url('/resources/img/envelope.jpg');
	background-repeat: no-repeat;
	background-position:top;
	text-decoration:none;
}
	
.contactMe a:hover, .contactMe  a:active {
	background-position:bottom;
	text-decoration:none;
}

.contactMe span{
	visibility:hidden;
}

.sidebarCommentDate{
	font-size:90%;
	font-weight:bold;
}

.sidebarComment{
	border-left:5px solid #666;
	padding:0px 0px 0px 10px;
	margin:2px 0px 5px 3px;
	font-size:80%;
}

/* HOME PAGE SIDEBAR CSS END */