/* 
	Blog i360 - Cutline 1000px
	Wordpress theme authored for the blogi360 blogging system.
	Author: Nai Saelee
*/

/***********************************************************
 + Global
************************************************************/
body, div {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {line-height:130%;}
img {border:none;} /* general border removal around images such as link images */

body {margin:0 auto;background:#EAEAEA;color:#000;font-size:.8em;line-height:180%;font-family:Georgia, 'Times New Roman', serif;text-align:center;}


	#wrap {margin:20px auto 0 auto;padding:0 0 20px 0;text-align:center;}
	
	
	/***********************************************************
 	+ Header
	************************************************************/
	#head {margin:0 auto;width:980px;}
	
		/* top text link navigation */
		#menu {border-bottom:1px solid #555;text-align:left;}
		#menu ul,
		#menu li {margin:0;padding:0;list-style:none;}
		#menu li {padding:5px 10px;display:inline;}
		
		#menu a,
		#menu a:link,
		#menu a:visited,
		#menu a:active {font-weight:bold;text-decoration:none;}
		#menu a:hover {text-decoration:underline;}
		
		/* top tabs link navigation */
		#tabs6 {border-bottom:1px solid #ccc;text-align:left;margin-left:auto;margin-right:auto;font-size:93%;line-height:normal;}
		#tabs6 ul {margin:0;padding:10px 10px 0 10px;list-style:none;}
		#tabs6 li {margin:0;padding:0;list-style:none;display:inline;}
		#tabs6 a {float:left;background:url(img/tableft6.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
		#tabs6 a span {float:left;display:block;background:url(img/tabright6.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#tabs6 a span {float:none;}
		/* End IE5-Mac hack */
		#tabs6 a:hover span {color:#FFF;}
		#tabs6 a:hover {background-position:0% -42px;}
		#tabs6 a:hover span {background-position:100% -42px;}
		#tabs6 #current a {background-position:0% -42px;}
		#tabs6 #current a span {background-position:100% -42px;}
		#tabs6 .current_page_item a {background-position:0% -42px;}
		#tabs6 .current_page_item a span {background-position:100% -42px;}
		#tabs6 #current {background-position:0% -42px;}
		#tabs6 #current span {background-position:100% -42px;}
		#tabs6 .current_page_item {background-position:0% -42px;}
		#tabs6 .current_page_item span {background-position:100% -42px;}
		
		#header {text-align:center;}
		
		h1.siteName {margin:0;padding:20px 0 0 0;text-align:center;font-size:3em;font-family:Helvetica, Arial, sans-serif;letter-spacing:-0.05em;}
		h1.siteName a,
		h1.siteName a:link,
		h1.siteName a:visited,
		h1.siteName a:active {color:#000;font-weight:bold;text-decoration:none;}
		h1.siteName a:hover {color:#000;}
		
		h3.desc {margin:0 0 15px 0;padding:0;text-align:center;color:#888;font-size:1.4em;font-family:Helvetica, Arial, sans-serif;font-weight:normal;} /* blog description tagline */
		
		#header_img {margin:0 auto 25px auto;width:770px;height:140px;} /* hides header image for theme, header image is only for cutline theme */
		
	
	/***********************************************************
	 +Content Area
	 ***********************************************************/
	 #Contents {margin:0 auto;width:980px;text-align:center;}
	* html #Contents {width:980px;}


	/***********************************************************
 	 + Footer
	************************************************************/
	#footerWrap {background:url(images/1000-pg.gif) #fff repeat-y center;border-top:2px solid #ccc;}
	#footer {background:url(images/123-1000-ft.gif) no-repeat bottom;}
	
	#footer p.copy360 {margin:0;padding:10px 0;}
	
	
	/***********************************************************
	 + Links
	************************************************************/
	a,
	a:link,
	a:active {color:#0060ff;font-weight:normal;text-decoration:none;}
	a:visited {color:#333;}
	a:hover {color:#df0000;text-decoration:underline;}


/***********************************************************
 + Content (Blog)
************************************************************/
#contentWrap {margin:0 auto;padding:10px 0;background:#fff;text-align:left;}

	
	/***********************************************************
	 + Contents400 (3 column layout)
	************************************************************/
	#contents400 {padding:0 10px;width:580px;float:left;overflow:hidden;}
	* html #contents400 {width:600px;display:inline;}
	
	
	/***********************************************************
	 + Contents580 (2 column layout)
	************************************************************/
	#contents580 {padding:0 15px;width:760px;float:left;overflow:hidden;}
	* html #contents580 {width:790px;display:inline;}


	/***********************************************************
	 + Post Area General HTML Tags
	************************************************************/
	div.post h1 {line-height:100%;font-size:3em;font-family:Helvetica, Arial, sans-serif;font-weight:bold;}
	div.post h2 {font-size:2em;font-family:Helvetica, Arial, sans-serif;}
	div.post h3 {line-height:180%;font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;}
	div.post h4 {padding-bottom:15px;background:url(images/hr_tag_sep.gif) no-repeat bottom left;color:#888;font-size:1.3em;font-weight:normal;font-style:italic;}
	div.post h5 {line-height:160%;font-size:1em;}
	div.post h6 {line-height:200%;}
	div.post code {color:#090;font-size:1.5em;}
	div.post blockquote {padding-left:10px;border-left:1px solid #aaa;font-style:italic;}
	div.post abbr {text-transform:uppercase;border-bottom:1px dotted #aaa;cursor:help;}
	div.post address {font-style:italic;}
	div.post dt {font-weight:bold;}
	
	
	/***********************************************************
	 + Post Area
	************************************************************/	
	div.post h2.postTitle {margin:0;padding:0;font-size:1.5em;font-family:Helvetica, Arial, sans-serif;}
	div.post h2 a,
	div.post h2 a:link,
	div.post h2 a:active {color:#333;font-weight:bold;text-decoration:none;}
	div.post h2 a:visited {color:#555;}
	div.post h2 a:hover {color:#0066cc;text-decoration:none;}
	
	div.post div.metaWrap {padding:10px 0;}
	div.post div.metaWrap span.Tags {font-weight:bold;}
	
	div.post p.tagged {margin-bottom:30px;margin-top:5px;padding-left:10px;text-align:right;line-height:160%;font-size:.9em;}
	div.post p.tagged a,
	div.post p.tagged a:link,
	div.post p.tagged a:visited,
	div.post p.tagged a:active {color:#333;padding:2px 0;font-weight:bold;}
	div.post p.tagged a:hover {color:#fff;background:#333;text-decoration:none;}
	
	div.postInfo h4 {margin:0;padding:0 0 15px 0;background:url(images/hr_title_sep.gif) no-repeat bottom left;color:#888;font-size:.9em;font-weight:normal;font-style:italic;}
	div.postInfo h4 div {display:inline;}
	* html div.postInfo h4 div {margin-right:3px;}
	div.postInfo h4 a,
	div.postInfo h4 a:link,
	div.postInfo h4 a:active {color:#888;text-decoration:none;}
	div.postInfo h4 a:visited {color:#000;text-decoration:none;}
	div.postInfo h4 a:hover {text-decoration:underline;}
	
	div#navigation {padding:10px 0 30px 0;}
	div#navigation div.previous {padding:0 10px 0 0;float:left;}
	div#navigation div.next {padding:0 0 0 10px;float:right;}
	
	div.post #Comments h3 {line-height:120%;font-size:1.4em;font-weight:normal;font-family:Georgia, 'Times New Roman', serif;}
	
	div.post #Comments h3#comments {color:#949494;}
	div.post #Comments h3#comments span {color:#555;}
	
	div.post #Comments #Reply {margin-top:30px;padding:10px;background:#fbfbfb;border:1px solid #eee;}
	div.post #Comments #Reply h3 {margin:0;padding:0;}
	div.post #Comments textarea#comment {width:98%;}
	
	div.post #Comments ol.commentlist li {border-bottom:1px solid #eee;}
	
	div.post div.related h2 {font-size:1.4em;font-weight:normal;}
	
	
	/***********************************************************
	 + More block, below posts (Want more? Keep rolling...)
	************************************************************/
	div#More {margin:20px 0;padding:10px 0;border-top:2px solid #ccc;line-height:160%;}
	div#More span.tier-1 {display:block;clear:both;font-size:1.4em;font-weight:bold;}
	div#More span.tier-2 {display:block;clear:both;font-size:1.4em;font-weight:bold;}
	
	
	/***********************************************************
	 + leftSidebar
	************************************************************/
	#leftSidebar {padding:5px;width:180px;float:left;overflow:hidden;}
	* html #leftSidebar {width:190px;display:inline;}
	
	#leftSidebar ul {margin:0;padding:0;list-style:none;}
	#leftSidebar ul ul {margin-bottom:15px;margin-left:20px;padding-bottom:10px;}
	#leftSidebar li li {padding:2px 0;list-style:square;}
	#leftSidebar h2 {margin:0 0 5px 0;padding:5px 0;border-top:2px solid #000;border-bottom:1px dotted #000;color:#000;font-size:1em;font-weight:bold;font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;word-wrap:break-word;}
	
	#leftSidebar a,
	#leftSidebar a:link,
	#leftSidebar a:active {color:#0060ff;font-size:1em;font-weight:normal;text-decoration:none;}
	#leftSidebar a:visited {color:#333;}
	#leftSidebar a:hover {color:#df0000;text-decoration:underline;}
	
	
	/***********************************************************
	 + rightSidebar
	************************************************************/
	#rightSidebar {padding:5px;width:180px;float:left;overflow:hidden;}
	* html #rightSidebar {width:190px;display:inline;}
	
	#rightSidebar ul {margin:0;padding:0;list-style:none;}
	#rightSidebar ul ul {margin-bottom:15px;margin-left:20px;padding-bottom:10px;}
	#rightSidebar li li {padding:2px 0;list-style:square;}
	#rightSidebar h2 {margin:0 0 5px 0;padding:5px 0;border-top:2px solid #000;border-bottom:1px dotted #000;color:#000;font-size:1em;font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-transform:uppercase;word-wrap:break-word;}
	

	#rightSidebar a,
	#rightSidebar a:link,
	#rightSidebar a:visited,
	#rightSidebar a:active {color:#0060ff;font-size:1em;font-weight:normal;text-decoration:none;}
	#rightSidebar a:visited {color:#333;}
	#rightSidebar a:hover {color:#df0000;text-decoration:underline;}
	
	
	/***********************************************************
	 + Specific Sidebar Blocks
	************************************************************/
	#rightSidebar #Search ul,
	#leftSidebar #Search ul {margin-left:0;}
	#Search ul li {list-style:none;}
	#Search form {margin:0;padding:0;}
	#Search .searchTier-1 {display:block;clear:both;}
	#Search #s {color:#090;font-weight:bold;font-family:Georgia, 'Times New Roman', serif;}
	
	#rightSidebar #Tags ul,
	#leftSidebar #Tags ul {margin:0;}
	#Tags ul li {list-style:none;}
	
	
/***********************************************************
 + Content (Home Page)
************************************************************/
#content2 {margin:0;background:#fff;text-align:left;}
#content2 #content2-3 {margin:0 auto;width:980px;overflow:hidden;}


/***********************************************************
 + Content (Custom Pages)
************************************************************/
#externalpagebody {margin:0;background:#fff;text-align:left;}
#externalpagebody #externalpagecontent #external-3 {margin:0 auto;width:980px;overflow:hidden;}



/**** [ !!! WARNING !!!! DO NOT EDIT BELOW THIS LINE! ] ****/

/***********************************************************
 + Overflow fix
************************************************************/
.clearfix:after {content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
