/*------------------------------------------
// 1.RESET
//   Remove margin and padding from elements and other resets
//------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


	

/*------------------------------------------
// 2.GENERIC CLASSES
//	 Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc
//------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }


/*---- Input fields ----*/
input, select, textarea { font-size: 100%; }
textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Float Clearing fixes ----*/
.clear { clear: both; height:1px; line-height:1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---- Image Replacement Technique - Transparent Images ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*---- Links ----*/
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
	


/*------------------------------------------
// 3.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#000; background:#28313a; font-family: "Trebuchet MS", Arial; }
a { color:#0388f9; }

/*------------------------------------------
// 4.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { }

/*---- Header ----*/
div#header { background: transparent url('../images/header/header-bg.gif') repeat scroll top left;}
div#header div.wrapper { width:856px; padding:11px; margin:0px auto; }

/*---- Navigation ----*/
div#navigation { height:40px; background:#000; color:#fff; }
div#navigation div.wrapper { width:730px; margin:0px auto; padding:0px 0px 0px 3px; overflow:hidden; }

/*---- Content ----*/
div#content { }
div#content div.wrapper { width:733px; margin:0px auto; background:#fff url('../images/content/content-bg.gif') repeat-y top left; overflow:hidden; }

/*---- Main ----*/
div#main { float:left; width:489px; padding:0px 12px 12px; }

/*---- Sidebar ----*/
div#sidebar { float:right; width:196px; padding:0px 12px; }



/*------------------------------------------
// 5. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header h1 { }
div#header h1 a { display:block; background:url(../images/header/logo-blog.png) left top no-repeat; width: 274px; height: 62px; }


/*---- Navigation ----*/
div#navigation ul { }
div#navigation ul li { float:left; margin-right:63px; height:35px; line-height:35px; }
div#navigation ul li a { /*display:block; float:left;*/   text-decoration:none;  color:#9b9999; }
div#navigation ul li a img { vertical-align:middle; }
div#navigation ul li a span { margin-left:5px; font-size:130%; vertical-align:middle;}

/*---- Search ----*/
div#search-form { float:right; margin-top:9px; width:214px; }
div#search-form p { background:#fff url('../images/navigation/search-bg.png') no-repeat scroll top left; height: 23px; padding-left:23px; }
div#search-form p input { background:#fff; border:0px; height:17px; padding:3px; color:#656464; font-size:120%; width:191px; }

/*---- Content ----*/

/*---- Main - Post ----*/
div#main div.post { margin:21px 0 14px; }
div#main div.post h1 { font-size:280%; line-height:1.1em; font-family:Arial; font-weight:normal; padding-top: 5px; }
div#main div.post h1 a { text-decoration:none; }
div#main div.post p, div#main div.post li { color:#272626; font-size:125%; line-height:1.4em; }

/*---- Main - Post - Header----*/
div#main div.post div.header { font-family:Arial; margin-bottom:20px; }
div#main div.post div.header p { color:#767474 }
div#main div.post div.header p a { color:#767674; }
div#main div.post div.header span.author { color:#343434; }

/*---- Main - Post - Entry ----*/
div#main div.post div.entry { margin-bottom:30px; }
div#main div.post div.entry p, div#main div.post div.entry ul, div#main div.post div.entry ol { margin-bottom:10px; }
div#main div.post div.entry ul li { list-style-type:disc; margin-left:15px; } 
div#main div.post div.entry ol li { list-style-type:decimal; margin-left:20px; }
div#main div.post div.entry img { float: left; padding: 0 10px 10px 0; }

/*---- Main - Post - Footer ----*/
div#main div.post div.sociable { margin-bottom:8px; }
div#main div.post div.sociable STRONG { color:#014b94; font-size:180%; line-height:1.2em; font-weight:normal;  }
div#main div.post div.sociable div.sociable_tagline {
	margin-bottom: 7px;
}
div#main div.post div.sociable UL {display: block;}
div#main div.post div.sociable UL,
div#main div.post div.sociable UL LI {
	margin: 0;
	padding: 0; 
	list-style: none;
}
div#main div.post div.sociable UL LI {display: inline;}
div#main div.post .sociable a { margin:0px 1px; }


/*---- Sidebar - Section ----*/
div#sidebar li.widget { margin:25px 0px 29px; }
div#sidebar li.widget  h2 { color:#020101; font-size:210%; line-height:1.2em; font-weight:normal; margin-bottom:5px; }
div#sidebar li.widget ul li { font-size:13px; line-height:1.8em; margin-left: 10px; list-style-type: disc; }
div#sidebar li.widget ul li a { text-decoration:underline; }
div#sidebar li.widget ul li a:hover { text-decoration:none; }




/*------------------------------------------
// 6. SINGLE POST PAGE 
//------------------------------------------*/

/*---- Comment Form ----*/
div#comment-form { background:#28313a; padding:0px 9px 10px 9px; }
div#comment-form h2 { color:#a1b4c8; font-size:330%; line-height:1.2em; margin-bottom:8px; }
div#comment-form label { display:block; color:#fff; line-height:1.2em; font-weight:bold; font-size:110%; margin-bottom:3px; }
div#comment-form p { margin-bottom:11px; }
div#comment-form p input, div#comment_form p textarea { border:2px solid #607c8a; font-size:140%; padding:2px; width:261px; }
div#comment-form p textarea { width:98%; }
div#comment-form p.submit { text-align:right; }
div#comment-form p.submit input { padding:0px; width:auto; border:0px; }


.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.2em;
	text-transform: none;
	margin: 10px 5px;
}
div#comment-form P {
	color: #FFFFFF;
}
#comments {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h2 {
	font-size: 190%;
	line-height: 1em;
	margin: 0.5em 0;
}
div.alignleft, div.alignright {
	font-size: 130%;
	padding-top: 5px;
}
div.alignleft {
	float: left;
}
div.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}