/*

Theme Name: Blogsnapper
Theme URI: http://www.themeporter.com
Version: 1.0
Description: Blue Blog Theme Ported to Wordpress
Author: Theme Porter
Author URI: http://www.themeporter.com


*/
/*

	BlueBlog - FREE Template 
	by David Herreman
	http://www.free-css-templates.com
	
*/
code {
	font-size:1.2em;
    color: #008099;
	}

body { 
	margin:0px 0; 
	padding:0; 
	color:#ccc;  
	background: #303B41  repeat-x;
	line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:74%; font-family:verdana, Sans-Serif; 
}

a img
{
border:none;
}


.content { 
	background: #FFF url('images/mainbg.jpg') repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 1060px;
}

.img {
	padding: 0 8px 8px 0;
	float: left;
}

.img2 {
	padding: 0 0 3px 3px;
	float: right;
}



/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
.GoogleAd { background: #CAF99B; margin-bottom: 20px; margin-top: 10px;}
.DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 10px;}
.DateHeader p { background:url(./images/dateIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: 'Helvetica'; }

#top {
	padding: 0;
	margin: 0;
	background: #303B41 url('images/mainbg.jpg') repeat-y top;
	height: 20px;
}

#top .padding { 
	float: right;
	color: #65c403;
	padding: 2px 45px 0 0;
	font-size: 90%;
	z-index:1;
}

#top a { color: #65c403; }


#header { 
	margin: 0; 
	width: 1060px; 
	background: #303B41 url('images/header.jpg') no-repeat center top;  
	height: 123px; 
	}

#header .b_search {
	background: url('images/search_bg.gif') no-repeat center;
	height: 41px;
	width: 257px;
		}

#header .f_search { 
	float:right; 
	padding: 0px 60px 0 0;
	margin: 0 0 0 0;
	z-index:1;
	height: 100px;
	/*border: 1px solid blue;*/
		}
#header .title {padding: 25px 0 0 50px; }
#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 36px; font-weight: bold; text-decoration:none;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		color: #075181;
		margin: 0;
		padding-left:2px; padding-right:0; padding-top:0; padding-bottom:0;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #303B41;
	width: 1030px;
	height: 25px;
	margin-left: 10px;
	
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }
#subheader a:hover {color: #E64D00; }
#subheader .page_item { padding: 0 11px 0 0; margin: 0 0 0 20px; }



/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav1 { text-align: left; color: 	#7D8085; padding: 10px 0 0 0px; width: 150px; }
.nav1 li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px dotted #ccc; 
	
	list-style: none;
}
.nav1 li a {background: url(./images/CategoriesIco.png) no-repeat left top; display: block; padding: 1px 2px 1px 15px; color: #003399; text-decoration: underline; margin-bottom: 2px;}
.nav1 li a:hover { display: block; background-color: #D0FF8C; background-position: left -16px; text-decoration: none; color: #0099ff; margin-bottom: 2px;}
.nav1 h2 { background:url(./images/nav_icon.png) no-repeat left center; padding: 8px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 16px; font-family: 'Helvetica'; }

/*NAV2 */
.nav2 { text-align: left; color: 	#7D8085; padding: 0px 0 0 0px; width: 150px; }
.nav2 li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px dotted #ccc; 
	
	list-style: none;
}
.nav2 li a {background: url(./images/PostRelatedIco.png) no-repeat left top; display: block; padding: 1px 2px 1px 15px; color: #003399; text-decoration: underline; margin-bottom: 2px;}
.nav2 li a:hover { background: url(./images/PostRelatedIco.png) no-repeat left top; display: block; background-color: #D0FF8C; text-decoration: none; color: #0099ff; margin-bottom: 2px;}
.nav2 h2 { background:url(./images/nav_icon.png) no-repeat left center; padding: 8px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 16px; font-family: 'Helvetica'; }

/*NAV3 */
.nav3 { text-align: left; color: 	#7D8085; padding: 0px 0 0 0px; width: 150px; }
.nav3 li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px dotted #ccc; 
	
	list-style: none;
}
.nav3 li a {background: url(./images/RecentCommentsPostIcon.png) no-repeat left top; display: block; padding: 1px 2px 1px 15px; color: #003399; text-decoration: underline; margin-bottom: 2px;}
.nav3 li a:hover { background: url(./images/RecentCommentsPostIcon.png) no-repeat left top; display: block; background-color: #D0FF8C; text-decoration: none; color: #0099ff; margin-bottom: 2px;}
.nav3 h2 { background:url(./images/nav_icon.png) no-repeat left center; padding: 8px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 16px; font-family: 'Helvetica'; }

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.middle_side { float: right;
	padding:3px 0 0 0px; margin:0;
	background-color: #ffffff;
	z-index:1;
	width: 120px;
	}
#main { background: #FFF; width: 1000px; margin: 0 18px 0 18px; color: #808080; }  
#main .right_side { float: right;
	padding:0px 0 0 0px; margin:0;
	background-color: #fdffc9;
	width: 353px;
	}
#main .gright_side { float: right;
	padding:0px 0 0 0px; margin:0;
	background-color: #ffffff;
	width: 353px;
	}
/*#main .middle_side { float: right;
	padding:0px 0 0 0px; margin:0;
	background-color: #ffffff;
	z-index:1;
	width: 120px;*/
	}

#main .right_side .hitems { margin: 0; 	padding: 0; }
#main .right_side .hitems ul { 
	margin: 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url('images/arrow.gif');
}
	
#main .right_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main .left_side { float: left; width: 615px; background: #FFF; padding:15px 5px 0 20px; margin:0; }
#main h3 {  font: 85% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #e64d00; background: inherit; 
			border-bottom: 1px solid #036CB4;
}
#main .left_side a{
color : #0081d2;
}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .right_side  .padding {
margin: 0 0 20px 15px;
	padding: 0 0 0 0px;
	color: #555;
	}

/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
/* postfooter*/
.PostFooter { background: #f0f0f0; margin-bottom: 10px; margin-top: 10px;}
.PostFooter1 { background: #f0f0f0; margin-bottom: 10px; margin-top: 2px;}
.graybox { padding: 15px 0px; margin: 0px; list-style-type: none; border-top: dashed 1px #993300; }
.commentpostfield { background: #fdffc9; margin-bottom: 20px; margin-top: 10px;}
#footer { 
	clear:both;
	height: 43px;
	color:#ccc;  
	background: #000 url('images/footer.jpg') no-repeat top; 
	font-size:90%; 
	padding: 0; 
	text-align:center;
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

#footer a { color: #E0F5FF; }

/*  Top Menu */
#menu {
	background: #FFF url('images/mainbg.jpg') repeat-y center bottom;
	width: 1060px;
	height: 35px;
	margin: 0 0 0px -10px;
	padding: 0;
}

#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#000000; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #000000; background: #ffffff; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }




/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

input.bakgr {
	width: 257px; 
	height:41px; }
input.search { margin-left: 5px; width: 160px; border: 1px solid #ffffff; color: #666; vertical-align: middle; }
input.submit { 
	background: none; 
	color: #075181;
	border: 0px none; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;
	vertical-align:middle;
	position:right;}

input.search:hover {	background: #FFFFF4; }

ul { margin-left: 0; padding-left: 5px; list-style : square; }
li { 	margin: 0 0 2px 15px; padding: 0 0 0 0px;	color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 { 
	padding:0; 
	margin:0; 
	color: #b6b6b6; 
	background: inherit;
	font: bold 1.5em Verdana, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	color:#075181;
	font-size:140%; 
	font-weight:bold; 
	margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:5px; padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0; 
}

h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

fieldset {	border: 1px solid #075181; }
textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #A90000; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #075181; 
	background-color: #FFFFFF; 
	width: 283px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #68ADD5; 
	background: #FFFFF4; 
	color: #000;
}

input.text { 
    border: 1px solid #A70000; 
	margin: 0; 
	width: 150px;
	background: inherit;
	color: #000; 
	padding: 4px;
	
}


input.text:hover { 
	border: 0px solid #68ADD5; 
}

.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}
.commentmetadata {
	font-weight: normal;
	border-top: 1px solid #000000;
	}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#993300;
}

h4 {
color:#EE4D00
}

/*comment styling*/
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #000000;
}

/*#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}*/

.PostForm { background: #d0ff8c; margin: 20px 0px;}
.PostForm h3 { padding: 10px 0px; margin: 0px 0px 5px 0px; font-weight: bold; font-size: 14px; letter-spacing: -1px; border-bottom: dashed 1px #336699; color: #336699;}
.PostForm form { padding: 0px; margin: 0px;}
.PostForm p { padding: 5px 0px; margin: 0px; font-size: 10px;}
.PostForm p label { margin-left: 10px;}
.PostForm p label small { font-size: 10px; color: #cc0000}

.PostForm .Note { background: #eaf4ff; border: solid 1px #f2f8ff; padding: 7px; color: #424e65; margin: 5px 0px;}
.PostForm .Note small { font-size: 10px;}
.PostForm .TextField { background: #eaf4ff; border: solid 1px #fff; padding: 2px; color: #424e65; font-size: 12px;}
.PostForm .TextArea { background: #eaf4ff; border: solid 1px #fff; padding: 5px; color: #424e65; font-size: 12px;}

.PostForm input.SubmitComment { width: 150px; height: 26px; background: url(./images/SubmitComment.png) no-repeat;margin-top: 7px;}
.PostForm input.SubmitComment:hover { background: url(./images/SubmitComment.png) no-repeat 0 -26px; }
.PostForm input.SubmitCommentIE { width: 150px; height: 26px; background: url(./images/SubmitComment.png) no-repeat 0 -26px;margin-top: 7px; }
.PostForm input.Subscribe { background: #eaf4ff; border: 1px #fff solid; font-weight: bold; padding: 2px 0px;}

.PostComments { background: #fdffc9; margin: 20px 0px;}
.PostComments h3 { padding: 10px 0px; margin: 0px; font-weight: bold; font-size: 14px; letter-spacing: -1px; border-bottom: dashed 1px #993300; color: #ff5a00;}
.PostComments ol { padding: 0px; margin: 0px 0px 10px 0px;}
.PostComments li { padding: 15px 0px; margin: 0px; list-style-type: none; border-bottom: dashed 1px #993300; }
.PostComments li p { padding: 5px 0px; margin: 0px; color:#3d474e; font-size: 11px;}

.PostComments .ComAuthor { display: block; font-size: 10px; padding: 0px; margin: 0px 0px 0px 30px;}
.PostComments .ComAuthor cite { font-style: normal; font-weight: bold; }
.PostComments .ComLink { display: block; font-size: 9px; padding: 0px; margin: 0px 0px 0px 30px;}
.PostComments .ComLink a {color: #996600; text-decoration: underline;}
.PostComments .ComLink a:visited {color: #996600; text-decoration: underline;}
.PostComments .ComLink a:hover {color: #996600; text-decoration: underline;}

.PostComments .Gravatar { position: absolute; width: 20px; height: 20px; background: url(./images/ComAuthorNoPic.png) no-repeat left top; margin-top: -22px;}

/*\ IE/Win min height hack */ * html #FooterContain { height: 200px;} /* */ 
#FooterContain { width: 100%; background: #0066cc url(./images/FooterContainBkg.png); clear: both; min-height: 200px;}

.Footer { width: 900px; margin: 0 auto; color: #fff;} 
.Footer p { padding: 7px 10px; margin: 0px; display: block; color:#65a6e6; font-size: 10px; border-top: solid 1px #65a6e6 } 
.Footer p a { color: #65a6e6; text-decoration: underline;}
.Footer p a:visited { color: #65a6e6; text-decoration: underline;}

.FooterFeeds { position: absolute; top: 150px; margin: 0px 0px 0px 650px; width: 375px; font-size: 11px;}
.FooterFeeds .RssFeed { background: url(./images/FooterFeedsRss.png) no-repeat left center;}
.FooterFeeds .Technocrati { background: url(./images/FooterFeedsTechnocrati.png) no-repeat left center; }
.FooterFeeds .Feedburner { background: url(./images/FooterFeedsFeedburner.png) no-repeat left center;}
.FooterFeeds a { padding: 5px 0px 5px 20px; text-decoration: underline; margin: 0px 0px 0px 5px; line-height: 16px; }
.FooterFeeds a:visited { text-decoration: underline;}
.FooterFeeds a:hover { text-decoration: underline;}

/*RSS styles--------------------------------------------------------------------------*/
.pnbsmall {
	font-size: 0.9em;
    line-height: 18px;
	color: #666;
}

/*
.postmetadata{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}
*/

.technorati {
background: url('images/technobubble.gif') no-repeat left center;
padding-left:20px;
padding-right:8px;
padding-top:2px;
}

.feedster {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/feedster.gif') no-repeat left;
}
.bloglines {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/bloglines.gif') no-repeat left;
}

.pdeli {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/delicious.gif') no-repeat left;
}
.spurl {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/spurl.gif') no-repeat left;
}
.furl {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/furl.gif') no-repeat left;
}
.blink {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/blink.png') no-repeat left center;
}
.digg {
padding-left:20px;
padding-right:8px;
padding-top:2px;
background:url('images/digg.gif') no-repeat left;
}
.simpy {
padding-left:20px;
padding-right:5px;
padding-top:2px;
background:url('images/simpy.png') no-repeat left;
}
.tags { 
background: url(./images/TagsIco.png) no-repeat left center; 
padding-left:20px;
padding-right:5px;
padding-top:2px;
width:16; 
height:16;
font: 98% Arial, Sans-Serif; margin: 0 0 10px 0px; color: #e64d00}

.tagHeader { background: #fbfafa; margin-bottom: 2px; margin-top: 5px;}
/*.nav h2 { background:url(./images/nav_icon.png) no-repeat left center; padding: 8px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 16px; font-family: 'Helvetica'; }
*/
/* Right - Second Column */
.SR .SRR { float: left; width: 161px; padding: 9px; background: url(./images/SRRBkg.gif) no-repeat right top;}
 
.RecentComments { font-size: 10px;}
.RecentComments h2 { text-indent: -5000px; margin: 0; padding: 0;}
.RecentComments h2 strong { height: 22px; background: url(./images/RecentCommentsHeading.png) no-repeat; display: block; margin: 5px 0px;}
.RecentComments ul { padding: 0px; margin: 0px;}
.RecentComments li { padding: 4px 0px; margin: 0px; list-style-type: none;}
.RecentComments strong { display: block; background: url(./images/RecentCommentsUserIcon.png) no-repeat left top; padding-left: 15px; color: #003366;}
.RecentComments a { display: block; background: url(./images/PostRelatedIco.png) no-repeat left top; padding: 0px 0px 0px 18px; margin: 0px 0px 0px 10px; color: #336699; text-decoration: underline;}
.RecentComments a:visited { color: #003399; text-decoration: underline;} 
.RecentComments a:hover { background: url(./images/PostRelatedIco.png) no-repeat left top; display: block; background-color: #D0FF8C; text-decoration: none; color: #0099ff;}

.blue { background: #c9e5ff; border-bottom: dashed 1px #9dc6ec; border-top: dashed 1px #9dc6ec;}
.todaysdate { display: block; padding: 0px 0px 0px 18px; margin: 0px 0px 0px 10px;}

.SR2 .SRRRR { float: left; width: 161px; padding: 9px; background: url(./images/SRRBkg.gif) no-repeat right top;}
 
.RecentComment { font-size: 10px;}
.RecentComment h2 { text-indent: -5000px; margin: 0; padding: 0;}
.RecentComment h2 strong { height: 22px; background: url(./images/RecentCommentsHeading.png) no-repeat; display: block; margin: 5px 0px;}
.RecentComment ul { padding: 0px; margin: 0px;}
.RecentComment li { padding: 4px 0px; margin: 0px; list-style-type: none;}
.RecentComment strong { display: block; background: url(./images/RecentCommentsUserIcon.png) no-repeat left top; padding-left: 15px; color: #003366;}
.RecentComment a { display: block; background: url(./images/RecentCommentsPostIcon.png) no-repeat left top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; color: #336699; text-decoration: underline;}
.RecentComment a:visited { color: #003399; text-decoration: underline;} 
.RecentComment a:hover {color: #0099ff; }