/*CSS Connect ==================================================*/
@import "header.css";
@import "main-page-left.css";
@import "sidebar.css";
@import "upper-footer.css";
@import "page.css";
@import "portfolio.css";
@import "SyntaxHighlighter.css";


/* General =====================================================*/
* { margin: 0; padding: 0; }
body { color: #434343; font: 12px/21px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; background: url(bg.png) repeat-x top left; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; }
a { color: #d82b03; text-decoration: none; outline: none; }
a:hover { color: #d82b03; text-decoration: underline; }
input, select, textarea { border: 1px solid #ccc; font: 400 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #434343; }
img, a img { border: 1px solid #ccc; padding: 4px ; }
p { padding : 0 0 2em; }
.inputerror { border: 1px solid #333; }
#submiterror { color: #900; font-weight: 900; border: 1px solid #ccc; background-color: #fff; padding: 2px 4px; }
.clear { clear: both; }
.left, .float { float: left; }
img.float, a img.float { margin: 0 10px 0 0; }
.right { float: right; }

.wrapper { width: 960px; margin: 0 auto; }

/* Formatting ==================================================*/
blockquote { background:transparent url(page2.png) repeat-x scroll left top; border:1px solid #CCCCCC; padding:20px 10px 0; }
.post ul { padding: 0 18px 18px; list-style: none; }
.post ol { padding: 0 18px 18px; }
.post ul li { background: url(bullet.png) no-repeat top left; padding-left: 20px; }
.post ol li { }

h1 { font-size:20px;padding-bottom:10px;}
.post h1 { padding: 10px 0 10px; background: url(page2.png) repeat-x scroll left top; border-top: 1px solid #ccc; }
h2 { font-size: 18px; letter-spacing: -1px; }
 
h2.single3 { font-size: 30px; color: #000; line-height: 30px; }
h2.single { font-size: 30px; color: #000; line-height: 30px; margin-bottom: 20px; }
h2.single2 { font-size: 30px; color: #000; line-height: 30px; padding-bottom: 20px; margin-top: 20px; }
h2 a { color: #333; }
h2 a:hover { color: #000; }

h3 { font-size: 18px; }
.post h3 { font: 24px/30px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; color: #000; letter-spacing: -2px; font-weight: 900; padding: 30px 0 5px; clear: both; }
h4 { font-size: 12px; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-weight: 900; }
.post h4 { font-weight: 900; padding: 25px 0 5px; font-size: 14px; color: #000; }
.section-title { font-style: normal; font-size: 14px; font-weight: 900; color: #555; }
.wp-smiley { border: 0; padding: 0; }

/* Frequest Used ================================================*/
.heading { background: url(heading-bg.png) repeat-x top left; }
.cap { text-transform: uppercase; }
small { font-size: 9px; color: #8e8e8e; }
.box { border: 1px solid #ccc; background: url(postmeta-bg.png) repeat-x top left; }
.title-img { border: 0; padding: 0 8px 0 0; }

/* Tutorial Writing ================================================*/
.tut-img { border: 1px solid #CECFD0; background-color: #f0f0f0; padding: 15px 0; text-align: center; clear: both; margin: 5px 0 10px; }
.tut-img a img, .tut-img img { border: 1px solid #999; background-color: #fff; padding: 0; }
.tut-img a:hover img { border: 1px solid #666; }
.interact { padding: 15px 10px; float: left; margin: 0 0 15px; width: 638px; text-align: center; background-color: #ebebeb; border: 1px solid #ccc; }
.interact a img { border: 0; padding: 0; margin: 0 40px; }

div.web { float: left; width: 660px; margin: 0 0 20px; }
div.web p { margin-left: 170px; padding: 0 0 10px 0; }
h4.web { font-size: 18px; line-height: 18px; font-weight: 400; padding: 0; }
a.web { float: left; padding: 2px 8px; background: url(page.png) repeat-x bottom left; border: 1px solid #ccc; color: #666; }
a.web:hover { color: #000; text-decoration: none; background: url(page2.png) repeat-x top left; }
span.web { float: left; width: 100%; margin-bottom: 3px; }
code { font: 11px/14px "Courier New", Courier, monospace; }
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	line-height: 1.2em;
	font-style: italic;
	padding: 20px 20px 20px 60px;
	margin: 20px 0;
	background: url(quote.png) no-repeat 0 0;
}
.post-ratings-loading { display: none; }
.gallery-thumb { float: left; margin: 0 0 15px 0; width: 660px; border-bottom: 1px solid #ccc; padding: 0 0 15px; }
.gallery-thumb .comment-cloud { float: right; background: url(comment-cloud.png) no-repeat top left; width: 53px; height: 24px; text-align: center; padding-top: 7px; font: 11px Georgia, "Times New Roman", Times, serif; } 
.gallery-desc { float: left; width: 235px; padding: 0 0 0 15px; }
.gallery-desc h4 a { font: 400 18px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #333; }
.post-ratings { margin-top: 20px; clear: both;}
.post-ratings img, .post-ratings a img { border: 0; padding: 0; margin: 0 2px 0 0; display: inline; }
.post-ratings em { font: 9px Tahoma, Arial, Helvetica, sans-serif; color: #666; }

.exabytes { clear: both; }
.exabytes a img { background-color: #fff; float: left; margin: -10px 0 10px 0; }