/*
    Style rules for mobile devices/smartphones
    
*/


body{
    margin: 0 auto 0 auto;
    font-family: Arial, Verdana, Georgia, Sans-serif;
    font-size: 0.94em;
    background: #AEC0E1;
    
    
}


pre {
    font-size: 0.6em;
    font-family: monospace, sans-serif;
}

p.copyrightNotice {
    font-weight: bold;
    font-size: small;
}

p.postmetadata {
    /*Fix float bug when an image is displayed directly above the post metadata text*/
    clear: both;
    padding-top: 0.5em; /* Put a little bit of space between the post content and metadata text. */
}

a {
    text-decoration: none;
}


strong {
    font-weight: bold;
}


#wrapper {
    width: 307px;
    margin: 0 auto;
   
}


#container{
    /*margin-left:4px;*/
    width: 307px;
    overflow: hidden;
}

#header{
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin:2px 0px 0px 0px;
    padding: 2px 1px 2px 2px;
    background: #fff;
    width: 303px;
    height: 140px;
}


/*Container for 'Back to Top' link */
div#backtotop{
    margin: 12px 0 4px 0px;
}


/*=====================================*/
/*Post/Page image caption style rules */
/*====================================*/

.aligncenter,
 div.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }  

 .alignleft {
     float: left;
 }  

 .alignright {
     float: right;
 }  

 .wp-caption {
     /*border: 1px solid #ddd;*/
     text-align: center;
     /*background-color: #f3f3f3;*/
     padding-top: 4px;
     margin: 1px 2px 2px 2px;
     
 }  

 .wp-caption img {
     margin: 0;
     padding: 0;
     border: 0 none;
     width: 40%;
     height: 40%;
 }  

 .wp-caption p.wp-caption-text {
     font-size: 0.7em;
     line-height: 13px;
     padding: 0 1px 1px;
     margin: 0;
 }

/*===================================*/






div#header #rssfeedicon, div#header #twitterfmicon {
   position:relative;
   float:left;
    margin-top: 10px;
    padding-right: 8px;
}



#header h1, #header h2.tagline {
    margin: 0;
    padding: 0;
}


#footer {
    background: #fff;
    margin-top: 30px;
    
}    


.post {
    background: #fafafa !important;
    width: 301px;
    margin: 10px 0px 25px 0px;
    padding:1px 2px 1px 2px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    
}



/*Constrain dimensions of non-gallery image thumbnails in Post entries */
div.entry p a img.alignnone {
    height: 120px;
    width: 120px;
}


/*Constrain dimensions of gallery image thumbnails in Post entries */
div.gallery dl.gallery-item dt.gallery-icon a img.attachment-thumbnail{ 
    /*height:40%;*/
    /*width: 40%;*/
    height: 70px;
    width: 70px;
}


/*Constrain dimensions of individual preview images of image gallery content */
.entry .attachment a img {
    /*height:40%;*/
    /*width:40%;*/
    height: 120px;
    width: 120px;
}




/* Constrain width of embedded content and images within posts/pages */
div.entry p embed, div.entry p object{
    width: 200px;
    margin-bottom: 10px;
}

div.entry p img.alignnone, div.entry p img.alignleft{
     max-width: 200px;
     max-height: 200px;
     margin-bottom: 15px;
}



/*Constrain dimensions of iframe content embedded in Posts */

.post iframe {
    max-width: 220px;
}


div.entry {
    padding: 1px 1px 1px 1px;
}


/*Social networking links on each Post Entry*/
div.entry div#socneticons img {
    margin-right: 3px;
    margin-left: 2px;
}

/*Post/Page navigation section */
.navigation {
    width: 301px;
    margin: 5px 0px 5px 0px;
    padding: 3px 2px 3px 2px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}


/*Links in post/page navigation section*/
.navigation a {
    margin-left: 12px;
    
}

/*Images contained with in hyperlinks in div.navigation */
 .navigation a img {
    vertical-align:text-bottom;
 }



/*Unordered lists in post entries*/
div.entry ul {
    list-style: disc;
    margin-left:4px;
    margin-top:10px;
}

/* Unordered List sub-item rules in post entries */
div.entry ul li ul {
   list-style: square;
   margin: 10px 0px 10px 2px;
}

/*Ordered List items in post entries*/
div.entry ol{
    list-style: decimal;
    margin: 10px 0px 10px 2px;
}



#navbar, .sidebar, #footer .footer-item {
    display:none;
}




/*###########STYLE RULES FOR COMMENTS########################*/


/*Constrain width of comments submission form */
form#commentForm {
    width: 85%;
}



#comments {
	margin-top: 1em;
}
	.commentTitle{
		font-size:large;
		line-height:2em;
		display:block;
	}
	#comments fieldset {
		border:0 none;
		padding:0;
		margin:0;
	}
	#commentlist,
	#comments ul,
	#comments li {
		padding:0;
		margin:0;
		list-style-type: none;
		/* Sort out IE7. */
		max-width:100%;
		min-width:1px;
	}
	#commentlist ul.children {
		padding:0 5px 5px;
		margin-top:5px;
	}
	#commentlist .depth-2 ul.children {
		padding:0 2px 2px; /* Padding above minus the border width below. */
	}
	#commentlist li {
		margin-top:5px;
		border-style:solid;
		border-width:3px;
	}
	#commentlist li.depth-1 {
		border-width:1px;

	}
	#commentlist li:first-child {
		margin-top:0;
	}
	#respond,
	#trackbackList div.comment-body {
		padding-bottom:1em;
	}
	
	#commentlist #respond {
		padding-bottom:0;
	}

	#commentlist div.comment-body {
		min-height:1px;
		padding:1em
	}
	#commentlist .toggle {
		cursor:pointer;
		padding: 5px;
		line-height: 16px;
		max-width:100%;
	}
		#commentlist .toggle span.posterName {
			font-weight:bold;
			font-style:oblique;
		}

		.trackbackToggle span.switch,
		#commentlist span.switch {
			width:16px;
			height:16px;
			float:right;
			background: url(../images/plus-minus.gif) no-repeat 0 0 transparent;
		}
		.trackbackToggle {
			display:block;
			cursor:pointer;
			border:solid 1px;
			padding:0.25em;
		}
		.trackbackToggle span.switch {
			margin-top:2px;
		}

		.ie8 li.comment {
			overflow:hidden;
		}

		#commentlist .active span.switch {
			background-position: 0 -16px;
		}
	#commentlist li.with-replies {
		padding-bottom:0;
	}

/* Comment Content */

	.comment-author {
		margin-bottom:1em;
	}
	.avatar {
		display:inline;
		vertical-align:middle;
	}
	#commentlist li.bypostauthor > div.comment-body img.avatar {
		border:solid 2px;
		padding:1px;
	}
	.trackbackToggle.active span.switch,
	#commentlist li.active span.switch {
		background-position: 0 -16px;
	}
	.vcard {font-size: large; }

	div.commentmetadata {
		font-size:x-small;
		line-height:16px;
		height:16px;
	}

#trackbackList { margin-left: 2em;}
#trackbackList .says {display:none}

.comment .comment-reply-link {
	float:right;
	text-align:right;
	padding-right: 21px;
	overflow:hidden;
	background: url(../images/reply.gif) no-repeat 100% 0 transparent;
}
.comment .comment-reply-link:hover {
	background-position: 100% -16px;
}

#commentForm {
	margin-top: 1em;
	width:100%
}

#commentForm label {
	font-weight:bold;
	display:inline
}

#author, #email, #url, #comment {
	border-style:solid;
	border-width:1px;
	margin-bottom: 10px;
	vertical-align: text-top;
	width: 50%;
}

#author, #email, #url{
	margin-right:10px;
}

#comment {
	display:block;
	padding:5px;
	width: 98%;
	border:solid 1px;
	max-width:98%;
}

.gecko #comment {
	max-width: 100%;

}

.commentSubmit {text-align: right;}
.commentSubmit a {margin-right:2em;}

/* Pagination */
#commentPagination, .pageNavigationLinks {
	clear:both;
	text-align: center;
	padding: 1em 0;
}
	.pageLinks a {text-decoration:none}

	.page-numbers {
		line-height: 26px;
		height: 26px;
		min-width: 20px;
		padding: 0 3px;
		margin-right: 2px;
		display: inline-block;
		text-align:center;
		text-decoration:none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;

		background-color: #fff;
		color:#000;
	}

	a.page-numbers:focus,
	a.page-numbers:hover {
		background-color: #ccc;
		color: #333;
	}

span.dots,
a.prev, a.next {
	background-color:transparent;
	color: #fff;
}

a.prev, a.next {
	font-size: 200%;
	vertical-align:top;
}

/* Colours */

a.prev:focus,
a.next:focus,
a.prev:hover,
a.next:hover {
	color:#ccc;
	background-color:transparent;
}

.current {
	background-color:#ccc;
	color:#999;
}

.pageLinks .page-numbers, #commentPagination span.current {
	background-color:#eee;
	color:#ccc;
}

.pageLinks a .page-numbers,
#commentPagination .page-numbers {
	color:#5E882F;
	background-color: #ddd;
}
#commentPagination span.dots,#commentPagination a.prev,#commentPagination a.next {
	background-color:transparent;
	color: #333;
}
.pageLinks a:hover .page-numbers,
#commentPagination a.page-numbers:focus,
#commentPagination a.page-numbers:hover {
	background-color: #5E882F;
	color: #fff;
}

#commentPagination a.prev:focus,
#commentPagination a.next:focus,
#commentPagination a.prev:hover,
#commentPagination a.next:hover {
	background-color:transparent;
	color:#5E882F;
}

#commentlist .comment-body {background-color: #fdfdfd;}
#commentlist .depth-1  .toggle, #commentlist .depth-1 {background-color:#ddd;border-color:#ddd}
#commentlist .depth-2  .toggle, #commentlist .depth-2 {background-color:#ccc;border-color:#ccc}
#commentlist .depth-3  .toggle, #commentlist .depth-3 {background-color:#ddd;border-color:#ddd}
#commentlist .depth-4  .toggle, #commentlist .depth-4 {background-color:#ccc;border-color:#ccc}
#commentlist .depth-5  .toggle, #commentlist .depth-5 {background-color:#ddd;border-color:#ddd}
#commentlist .depth-6  .toggle, #commentlist .depth-6 {background-color:#ccc;border-color:#ccc}
#commentlist .depth-7  .toggle, #commentlist .depth-7 {background-color:#ddd;border-color:#ddd}
#commentlist .depth-8  .toggle, #commentlist .depth-8 {background-color:#ccc;border-color:#ccc}
#commentlist .depth-9  .toggle, #commentlist .depth-9 {background-color:#ddd;border-color:#ddd}
#commentlist .depth-10 .toggle, #commentlist .depth-10{background-color:#ccc;border-color:#ccc}
#commentlist li.bypostauthor > div.comment-body .vcard a,
#commentlist li.bypostauthor > div.comment-body .vcard {color:#aa0}
#commentlist li.bypostauthor > div.comment-body img.avatar {border-color:#aa0}
.commentSubmit a{color: #900}
.commentSubmit a:hover {color: #f00}
.trackbackToggle{border-color:#ddd}
#author, #email, #url, #comment {border-color:#ddd}

/*================END OF COMMENTS STYLE RULES===================================================*/