/*
Theme Name: SamIBlog2
Theme URI: http://blog.samiare.net/
Description: A custome Wordpress theme.
Author: Sam I Are
Author URI: http://www.samiare.net
version: 1.0
Tags: right column, header nav, html5
*/



/* basics */

*{margin:0; padding:0; font-size:1em; overflow: visible;}

body {
	/*background: url('images/asterisk.png') no-repeat -20px 70px;*/
	background-attachment: scroll;
	color: #333;
	font: 100% verdana, arial, tahoma, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #48bff1;
	}

#whitebg {background-color: #ffffff; width: 100%; padding-top: 45px;}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}

p {margin: 12px 0;}

blockquote {
	border-left: 1px dotted #2e8ab8;
	margin: 15px;
	padding: 0 15px 0 15px;
	}

code {
	font-family: "Courier New", Courier, monospace;
	color: #222222;
	}

.wrapper {
	width: 802px;
	margin: 0 auto;
	padding: 0;
}



/* links */

a {
	text-decoration: none;
	border-bottom: 1px dotted #48bff1;
	color: #000000;
}

a:hover {
	border-bottom: none;
	color: #000000;
	background-color: #efefef;
	border-bottom: 1px solid #48bff1;
}

a:link, a:active, a:hover, a:visited {outline: none;}




/* HTML5 tags */

header, section, footer,  
aside, nav, article, figure {  
    display: block;
}





/*	article tag
		each individual blog post */

article.post {
	padding: 0 0 40px 0;
	margin: 0;
	clear: both;
	font-size: 12px;
	overflow: auto;
}

article.post:last-child {padding-bottom: 0;}

article.post li {margin-left: 20px;}

article div { margin-bottom: 20px; }


/* article headers */

h2, h2 a {
	font: normal 22px Georgia, 'Times New Roman', Times;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	border: none;
}

h2 a:hover {
	color: #48bff1;
	text-decoration: none;
	background-color: #ffffff;
	border: none;
}

h2 { border-bottom: 1px dotted #000000; }

.headermeta {
	display: block;
	font-size: 9px;
	padding: 2px 0;
	text-align: right;
	text-transform: uppercase;
}

.headermeta time {float: left;}

.headermeta a {
	font: normal 9px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	vertical-align: top;
	text-decoration: none;
	border: none;
}

.headermeta a:after {
	content: url('images/comment.gif');
	margin-left: 3px;
}

article p {margin: 15px 0 20px 0; line-height: 1.9em;}

.entry a {
	text-decoration: none;
	border-bottom: 1px dotted #48bff1;
	color: #000000;
}

.entry a:hover {
	border-bottom: none;
	color: #000000;
	background-color: #efefef;
	border-bottom: 1px solid #48bff1;
}

.entry img {
	border: 1px #48bff1 solid;
	display: block;
	clear: both;
	padding: 0;
	margin: 0 auto 10px auto;
}

.entry img:hover {border-color: #000;}

.entry .left {clear: none; float: left; margin-bottom: 11px; overflow: auto;}
.entry .right {clear: none; float: right; margin-bottom: 11px; overflow: auto;}
.entry .center {clear: none; margin: 0 auto 11px auto; overflow: auto;}
.entry img.noborder {border: none;}

.entry .left img, .entry img.left {margin-right: 10px;}
.entry .right img, .entry img.right {margin-left: 10px;}

.entry div.caption {
	line-height: 1.5em;
	font-size: 10px;
	font-style: italic;
	margin-top: -14px;
}


/* postmetadata */
.postmetadata {
	clear: both;
	background-color: #f0f0f0;
	padding: 5px 5px 0 5px;
	border: 1px solid #ccc;
	font-size: 11px;
	}

.postmetadata div {margin-bottom: 5px;}
.postmetadata div a {text-transform: uppercase;}
#categories {font-size: 9px;}
#tags {font-size: 9px; margin-bottom: 10px;}
	
#tags a:before {
	content: url('images/tags.gif');
	margin-right: 2px;
}



section nav {
	clear: both;
	overflow: hidden;
}

.olderbutton {float: left;}
.newerbutton {float: right;}

.olderbutton, .newerbutton {
	display: block;
	font-size: 18px;
	padding: 3px 5px;
	background-color: #ffffff;
	font-family: Georgia, 'Times New Roman', Times;
	text-decoration: none;
	color: #000000;
	margin-bottom: 40px;
	border-bottom: 1px dotted #48bff1;
}

.olderbutton a, .newerbutton a {
	color: #000000;
	text-decoration: none;
	border: none;
}

.newerbutton:hover,
.olderbutton:hover {
	color: #ffffff;
	background-color: #48bff1;
	text-decoration: none;
}

.olderbutton:hover a,
.newerbutton:hover a {
	color: #ffffff;
	text-decoration: none;
	background-color: #48bff1;
	border: none;
}

nav a { text-decoration: none; }



/* socialble */
	
.sociable_tagline { display: inline; }
.sociable {margin-top: 10px;}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sociable img {
	margin-right: 10px;
	border: none;
	padding: 0;
}

.sociable a:hover img {
	border: none;
}

span.sociable {
	font: normal 16px Georgia, 'Times New Roman', Times;
	color: #000;
	width: 173px;
	border-bottom: 1px dotted #888;
	display: block !important;
	margin-top: 20px;
}


/* comments */

#commentsection {
	padding-bottom: 60px;
}

#commentsection form {display: none;}

#commentsection form a {
	color: #000;
	border-bottom: 1px dotted #465D71;
	}
	

/* the comments themselves */

#commentsection ol {
	list-style-type: none;
	clear: both;
	overflow: auto;
	}

#commentsection li {
	list-style-type: none;
	clear: both;
	margin: 20px 0;
	overflow: auto;
}

#commentsection p {
	font: normal 12px Verdana, sans-serif;
	padding: 0;
	}

.avatar {
	display: block;
	float: left;
	margin: 0;
	border: 1px solid #000;
}

.usercomment {margin-left: 84px;}

.usercomment cite {font: normal 15px Georgia, serif;}
.usercomment cite a {color: #48bff1;}
.usercomment cite a:hover {text-decoration: none;}

.usercomment time {
	display: inline;
	font: italic 15px Georgia, serif;
	color: #48bff1;
}

.commentsmall {
	font-size: 10px;
}




/* commentlink */
#commentlink {
	text-align: center;
	height: 40px;
	font: italic 32px Georgia, 'Times New Roman', Times, serif;
	cursor: pointer;
}

#commentlink a {
	color: #000;
	border-bottom: dotted 1px #000;
	text-decoration: none;
}

#commentlink a:hover {
	color: #48bff1;
	border-bottom: solid 1px #48bff1;
	text-decoration: none;
	background-color: #ffffff;
}



/* comment submission form */
form input {
	font: normal 12px Georgia, serif;
	margin: 5px 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	border: none;
	border-bottom: 1px dotted #000;
	width: 220px;
	height: 22px;
}

form textarea {
	font: normal 12px Georgia, serif;
	margin: 10px auto;
	padding: 10px;
	font-size: 12px;
	background-color: #eee;
	color: #000;
	border: none;
	border-bottom: 1px dotted #000;
	width: 780px;
	height: 150px;
}

#submitbutton {
	float: right;
	width: 440px;
	height: 31px;
	padding: 34px 0;
	font-size: 30px;
	text-align: center;
	overflow: visible;
}

#submitbutton p {font-size: 30px; color: #48bff1;}

#submitbutton input {
	font: normal 30px Georgia, serif;
	cursor: pointer;
	border: none;
	background-color: #fff;
	overflow: visible;
	height: auto;
	width: auto;
	}
	
#submitbutton input:hover {
	color: #48bff1;
}



/* search */

#searchform{
	padding: 0;
	margin: 14px 0;
	}

#searchform input#s{
	margin: 0;
	padding: 2px 5px;
	background: #000;
	color: #fff;
	border: none;
	-moz-border-radius: 3px;
	border-bottom-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.8; filter: alpha(opacity=80);
	}

#searchform input#searchsubmit {
	cursor: pointer;
	background: transparent;
	border: none;
	padding-left: 5px;
	}
	
#searchform input#searchsubmit:hover {
	color: #075ee1;
}


	
/* misc */

.pagetitle {
	font: normal 28px Georgia, serif;
	color: #000;
	padding: 0;
	margin-bottom: 60px;
	text-align: center;
}



/* footer#bloginfo */

footer#bloginfo {
	font-size: 13px;
	padding: 44px 0 7px 0;
	background: #48bff1 url('images/footerjag.gif') top left repeat-x;
	width: 100%;
	//text-shadow: #3792b8 1px 1px 1px;
	color: #ffffff;
	}
	
footer#bloginfo a {color: #ffffff; text-decoration: underline; border: none;}
footer#bloginfo a:hover {color: #444444; text-decoration: none; background-color: #48bff1;}

#bloginfo .footerheaders {margin-bottom: 15px;}

#bloginfo ul {
	margin-bottom: 20px;
}

#bloginfo li {
	list-style: none;
	margin-bottom: 7px;
}

#copyright {
	border-top: 1px dotted #ffffff;
	padding-top: 3px;
	margin-top: 30px;
	color: #ffffff;
}

#bloginfo .column, #bloginfo .lastcolumn {
	width: 240px;
	margin-right: 41px;
	padding-bottom: 41px;
	float: left;
}

#bloginfo .lastcolumn {margin-right: 0;}

#bloginfo h1 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ffffff;
	padding-bottom: 5px;
	text-shadow: #3792b8 1px 1px 1px;
}

#tweetfooter li {
	margin-bottom: 15px;
}


/* OTHER PAGES */

.resume .dl {
	text-align: center;
	height: 40px;
	font: normal 32px Georgia, 'Times New Roman', Times, serif;
}

.resume .dl a {
	color: #48bff1;
	border-bottom: dotted 1px #000;
	text-decoration: none;
}

.resume .dl a:hover {
	color: #616161;
	border-bottom: solid 1px #616161;
	text-decoration: none;
}

.resume h1 {
	text-transform: uppercase;
	color: #48bff1;
	font-size: 10px;
}

.resume p {
	margin-top: 0;
	margin-bottom: 10px;
}