@charset "UTF-8";
/* CSS Document */

/* CSS Document */
/*
Theme Name: Clamnuts WordPress
Theme URI: http://brightsky.ie/
Description: Brightsky theme
Author: Abban Dunne, John Marshall
Author URI: http://brightsky.ie/
Tags: blue, custom header, fixed width, two columns, widgets, 960.gs
*/

/*abbans awesome resets*/
.ieSucks{position:relative;}

.fixer{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.floatLeft{float:left;}
.floatRight{float:right;}

.textRight{text-align:right;}
.textCenter{text-align:center;}

.alignright{float:right;}
.alignleft{float:left;}

img.alignleft{border:3px solid #fff; margin-right:5px;}
img.alignright{border:3px solid #fff; margin-left:5px;}

/*typography*/
body{font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}

a{text-decoration:none; color:#58abcc;}
a:hover, a:focus{text-decoration: underline;}


p{color:#2d2d2d;}

#navigation{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase;}

.category_box h1 a{
	color:#838383;
	font-style:italic;
	font-weight:100;
}
p.postmetadata{
	margin-top:1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #838383;
}

h1.post_title{
	background:url(images/section_head_bg.png) top left no-repeat;
	height:53px;
	width:534px;
	margin-left: -49px;
	padding-left: 49px;
}
.advert_link a img{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-right: 5px;
}
.copy{
	color:#ccc;
	margin-bottom: -20px;
	margin-top: 20px;
}
/*lists*/

#navigation ul{list-style-type:none; margin:auto; line-height:48px; width:682px;} 
#navigation li{display:inline; margin:0;}
#navigation a{float:left; display:block; color:#fff; text-decoration:none; padding:0 20px;}
#navigation a.comics:hover, #navigation a.comics:focus{text-shadow: 1px 1px 1px #26595a, 2px 2px 1px #26595a, 3px 3px 1px #26595a;}
#navigation a.games:hover, #navigation a.games:focus{text-shadow: 1px 1px 1px #b86b27, 2px 2px 1px #b86b27, 3px 3px 1px #b86b27;}
#navigation a.shop:hover, #navigation a.shop:focus{text-shadow: 1px 1px 1px #6e1414, 2px 2px 1px #6e1414, 3px 3px 1px #6e1414;}
#navigation a.gallery:hover, #navigation a.gallery:focus{text-shadow: 1px 1px 1px #998e25, 2px 2px 1px #998e25, 3px 3px 1px #998e25;}
#navigation a.blog:hover, #navigation a.blog:focus{text-shadow: 1px 1px 1px #ce145f, 2px 2px 1px #ce145f, 3px 3px 1px #ce145f;}
#navigation a.contact:hover, #navigation a.contact:focus{text-shadow: 1px 1px 1px #78997a, 2px 2px 1px #78997a, 3px 3px 1px #78997a;}

#footer ul{list-style-type:none; float:left; margin-bottom:20px; margin-left: 40px;}
#footer li{display:inline; margin:0;}
#footer ul a{float:left; color:#fff; text-decoration:none; padding-right
:20px; display:block;}
#footer ul a:hover{text-decoration:underline;}
#footer .brightsky{float:right; margin-right: 40px;}

#comic_menu, #latest_menu{list-style-type:none; width:173px; background:url(images/comic-list-bg.png) repeat-y; margin:0; float:right;}
#comic_menu li{border-top:1px solid #f9ddb7; border-bottom:1px solid #d97a01; margin:0 6px 0 8px;}
#latest_menu li{border-top:1px solid #fcfcfc; border-bottom:1px solid #6d6d6d; margin:0 6px 0 8px;}

#comic_menu li a, #latest_menu li a{display:block; padding:3px 10px; color:#222; text-decoration:none;}
#comic_menu li a{background-color:#fbb544;}
#latest_menu li a{background-color:#c2cdcb;}

#comic_menu li a:hover{background:#ffd45c;}
#latest_menu li a:hover{background:#a1b5b1;}
.menu_foot{margin-bottom:20px;}

.postlist ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
.postlist li{
	margin: 0;
}
/*layout*/
body{
	background:#000 url(images/bg.gif) repeat-x;
}
#header{
	height:138px;
}
#header img{
	float:left;
}
#navigation{
	height:48px;
	background:url(images/navigation.gif) repeat-x;
}
#content{
	background:#fff;
	padding:20px 0 0 0;
}
#cta{
	margin-bottom:20px;
}
#cta a{
	margin:0 43px;
}
#sidebar{
	float:right;
	padding-bottom: 20px;
}
#sidebar img{
	float:right;
}
#sidebar .flag{
	margin:0 20px 20px 20px;
}
#footer{
	background:url(images/footer-bg.png) top left no-repeat;
	padding:50px 0 20px 0;
	color:#f2f2f2;
}
#footer_links a{
	text-decoration:none;
	color:#222;
}
.footer_link{
	float:left;
	margin:0 9px;
	text-align:center;
}
.first_link{
	margin-left:0;
}
.last_link{
	margin-right:0;
}
/*-----CATEGORY-------*/
.category_holder{
	margin-top:8px;
	margin-bottom:20px;
}
.category_box{
	position:relative;
	border:10px solid #d4d4b6;
	background:#e4e4c8;
	margin-bottom:10px;
	padding:10px 40px 10px 20px;
}
.category_blog{
	margin-bottom:50px;
}
.alt{
	border:10px solid #ddddb4;
	background:#ecedc2;
}
.category_box a img.thumb{
	margin-right:20px;
}
/*----BLOG----*/
.date{
	line-height:22px;
	text-align:center;
	width:40px;
	padding:5px;
	position:absolute;
	background:#8b3b3b;
	color:#f9f9f9;
	left:-50px;
	top:0;
}

/*----GAMES----*/



/*----GALLERY-----*/
.gallery_box{
	width:600px;
	margin:0 50px 30px 50px;
}
.gallery_box h1{
	border-bottom:1px solid #ccc;
	margin:0 10px 10px 10px;
}
a.photo{
	display:block;
	float:left;
	margin:10px 10px 0 10px;
	border:1px solid #666;
	padding:1px;
	background-color:#ccc;
	width:96px;
	height:96px;
}
a.photo:hover{
	border:1px solid #000;
}

/* the overlayed element */ 
.simple_overlay{
	width:1px;
	padding:10px;
    display:none; 
    z-index:10000; 
    background-color:#333; 
    border:1px solid #666; 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay .close{ 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}

/*----CONTACT DIVS----*/
.contact_input, .contact_textarea{
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	margin:0;
	margin-left: -2px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom: .1em;
	padding:.5em;
	background: #fff;
	
	/*CSS3*/
	-moz-box-shadow:1px 1px 1px #ddd;
	-webkit-box-shadow:1px 1px 1px #ddd;
	box-shadow:1px 1px 1px #ddd;
}
.contact_textarea{
	height:100px;
}
.contact_submit{
	font-size: 16px;
	background:#78997a;
	color:#fff;
	text-transform: uppercase;
	border:0;
	padding:5px 10px;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.contact_submit:hover{
	cursor:pointer;
	background: #4bae51;
}
.wpcf7-not-valid-tip-no-ajax, .wpcf7-response-output{
	background:#ccc;
	color:#900;
}
.wpcf7-response-output{
	margin-bottom:20px;
}

/* Begin Comments*/
/*#author, #email, #url, #comment, #submit{
	border:0;
	padding:2px;
	border-bottom:1px dashed #333;
	font-size:16px;
	background:#ccc;
	color:#020e29;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
#comment{
	width:100%;
	height:150px;
}
#submit{
	border:1px dashed #333;
	width:auto;
	height:30px;
}
#submit:hover{
	cursor:pointer;
}*/
#commentform input[type="text"], #commentform textarea{
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	margin:0;
	margin-left: -2px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom: .5em;
	padding:.5em;
	
	/*CSS3*/
	-moz-box-shadow:1px 1px 1px #ddd;
	-webkit-box-shadow:1px 1px 1px #ddd;
	box-shadow:1px 1px 1px #ddd;
}
#commentform input[type="text"]{
	width:200px;
}
#commentform textarea{
	width:562px;
	height:6em;
}
#commentform input[type="submit"]{
	height:37px;
	width:149px;
	background:url(images/send-comment.gif) top left no-repeat;
	border:0;
	text-indent: -9999px;
}
#commentform input[type="submit"]:hover{
	cursor: pointer;
}
.commentlist{
	text-align: justify;
	list-style:none;
}
.commentlist li{
	margin:0;
	position:relative;
	margin-bottom: 30px;
	}
	.commentlist .comment_body{
		background:#fff;
		padding:10px;
		border:1px solid #f1f1f2;
		-moz-box-shadow: 1px 1px 2px #ddd;
		-webkit-box-shadow: 1px 1px 2px #ddd;
		box-shadow: 1px 1px 2px #ddd;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.commentlist .comment_body p{
		margin: 0;
	}
	.comment_author{
		margin-left: 20px;
		line-height: 40px;
		}
		.comment_author img{
			margin-right: 20px;
			float: left;
		}
	.comment_pointer{
		height:20px;
		width:20px;
		background: url(images/pointer.png) top left no-repeat;
		margin-top: -1px;
		margin-left: 20px;
	}
.commentlist li h4{
	color:#515c6c;
	font-style:italic;
}
#commentform p {
	margin: 5px 0;
}
.comment_date{
	line-height:22px;
	text-align:center;
	width:40px;
	padding:5px;
	position:absolute;
	background:#485f82;
	color:#f9f9f9;
	left:-50px;
	top:0;
}
#comments_holder{
	margin-bottom:30px;
}
#comments_bobby{
	margin-top: -110px;
	position:relative;
	z-index: 2;
}
/* End Comments */