/* Reset default styles across browsers
---------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:none; }
ol,ul { list-style:none; }
caption, th { text-align:left; }
h1,h2,h3,h4,h5,h6,pre,address,caption,cite,code,em,strong,th { font-size:1em; font-style:normal; font-weight:normal; }
q:before,q:after { content:''; }

/* Set uniform base font size
---------------------------------------- */
body { font:76%/1em Arial, Helvetica, sans-serif; }
table { font-size:inherit; }
select,input,textarea { font:99% verdana, sans-serif; }
pre,code { font:115% monospace; }
body * { line-height:1.5em; }


/* LAYOUT */
.clear { clear:both; }
.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }

img { behavior:url(/global/scripts/lib/iepngfix.htc); }
img.left { float:left; margin:2px 20px 16px 0; }
img.right { float:right; margin:2px 0 16px 20px; }
img.across { margin:2px 0 16px 0; }
img.flushleft { margin-left:-20px; }
img.flushright { margin-right:-20px; }

#container { width:980px; margin:0 auto; position:relative; }
#main { width:100%; position:relative;}
#content {padding:0px; margin-top:20px}

/* GRID */
.column { float:left; }
.grid3col, .grid3cola, .grid3colb,.grid3colc, .grid2col,.grid2colc, .grid4col { width:100%; }

.grid3col .column { width:290px; margin:0px 5px;}
.grid3col .column.first { width:537px; margin:0px 5px 0px 0px; }
.grid3col .column.last { width:133px;  margin:0px;}

.grid3cola .column { width:422px;  margin:0px;  }
.grid3cola .column.first{ width:49px; margin:0px; background:#122436;}
.grid3cola .column.last { width:66px;}

.grid3colb .column { width:88px; margin:20px 0px 0px 0px;}
.grid3colb .column.first{ width:344px; margin-top:50px}
.grid3colb .column.last { width:90px; margin-top:20px}

.grid3colc .column { width:300px; margin:0px 0px 0px 45px}
.grid3colc .column.first{ width:300px; margin:0px 0px 0px 0px}
.grid3colc .column.last { width:300px; margin:0px 0px 0px 30px}

.grid2col .column.first { width:143px; margin:10px 0px 0px 0px; }
.grid2col .column.last { width:143px; margin:10px 0px 0px 0px; }

.grid2colc .column.first { margin:20px 0px 0px 30px; width:200px }
.grid2colc .column.last { margin:20px 60px 0px 2px; width:200px }

.grid4col .column { width:184px; margin-right:43px;}
.grid4col .column.first { margin-left:48px; margin-right:42px; }
.grid4col .column.last { margin-right:48px; }

/* .column.first, .column.last { margin-left:0 !important; } */
.column.last { float:right !important; }

#container:after, #content:after, .grid3col:after, .grid3cola:after, .grid3colb:after, .grid3colc:after, .grid2col:after, .grid2colc:after, .grid4col:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#container, #content, .grid2col, .grid2colc, .grid3col,.grid3cola, .grid3colb, .grid3colc, .grid4col { _zoom:1; }

/* TYPE */
body { font:12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#A3938F; background:url(images/main-bg.jpg) repeat-x top; background-color:#2D0D06}

a { color:#2971a7; }
a:visited { color:#800080; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
.sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align:baseline; position:relative; bottom:0.33em; color:#76797c; _position:static !important; }
.smalltypes { font-size:10px !important; color:#76797c; }


#main p { margin-bottom:18px; }
/*#main h1 { font-weight:bold; font-size:18px; line-height:5px;  margin-top:15px; color:#E21D62; }*/
#main h1 { width:392px; margin:0px 0px 0px 18px; font-family:"Times New Roman"; font-size:32px; color:#E14900 }
#main h1 a { color:#E14900; width:407px; display:block; }
#main h1 a:hover {  color:#CA8800 }
#main h2 { font-weight:bold; font-size:22px; line-height:18px; margin:0px 0px 18px 0px; }
#main h3 { color:#E21D62; font-weight:bold; font-size:18px; line-height:18px; margin:10px 0;}
#main h4 { font-weight:bold; font-size:10px; line-height:18px; }
#main p.intro { font-weight:bold; }
#main .more { text-align:right; }
#main pre.programlisting { border:solid 1px #444; background-color:#ececfe; padding:0.7em; margin:1.5em; clear:right; overflow:hidden; }
#main code { color: #7f0303; }

/* lists */
#main ul { margin-bottom:18px; list-style:none outside; }
#main ol { margin-bottom:18px; list-style:decimal; margin-left:2.2em; }
#main ul.arrow,
#main ul.square,
#main ul.circle { margin-left:2em; }
#main ul.arrow	{ list-style:url(images/arrow.gif) outside; }
#main ul.square { list-style:square outside; }
#main ul.circle { list-style:disc outside; }
#main ul.circle2 { list-style:circle outside; }
#main ul ul.arrow,
#main ul ul.circle,
#main ul ul.square { margin-top:4px; margin-bottom:5px; }
#main ol.smalltypes { margin-left:0; padding-left:2em; }

#main dl dl { margin:0px; padding:0px; }

/* code */
#codebox {}
#codebox dt { background:#1E0904; width:518px; padding:3px; color:#fff}
#codebox dt a{ color:#669966}
#codebox dd { margin:0px; padding:0px;}
code { color:#A31515; font: normal 12px "Courier New", Courier, monospace; white-space:nowrap; padding: 0 2px; background:#fff}
pre code { border:1px #ccc solid; display:block; clear:both; padding:10px; color:#A31515; border: solid 1px #ccc; overflow:auto;line-height:140%; margin: 5px 0 15px; white-space:pre; width:500px; }
#codebox #idandclassforjs { color: #000;}

code .codecomment {	color:#008000; }
code .class, code .rules { color: #ff00ff; font-size: 100%; }
code .closeopen {color:#0000FF}
code .maincol {color:#A31515}
code .phpcol1 {color:#000080}
code .phpcol2 {color:#0080D0}
code .value,  code .title, code .string { color: #0000FF;}
code .idandclass { color:#f00;}
code .idandclassjs { color:#0000C0; font-weight:bold}
code .tagidcssjs {	color:#008000; }
code .keyword { color: #000099;}

/* links */
#main a { text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow, #popup a.arrow { padding-right:10px; color:#2d70a5; text-decoration:none; background:url(images/arrow.gif) no-repeat right .32em; position:relative; }
#main a.arrow:hover { text-decoration:underline; }

/* download */
.download a { font-weight:bold; font-size:22px; line-height:18px; margin:0px 0px 18px 0px; font-style:italic }
.download a:hover { font-weight:bold; font-size:22px; line-height:18px; margin:0px 0px 18px 0px; font-style:italic; text-decoration:underline;}

/* CONTENTBOX */
#main .contentbox { width:263px; margin-left:-13px; background:#fff url(images/contentboxbg.png) top center repeat-y; }
#main .contentbox .top { width:250px; height:25px; padding:3px 0 0 13px; background:#fff url(images/contentboxtopbg.png) top center no-repeat; }
#main .contentbox .middle { margin:0 5px; padding:8px; }
#main .contentbox .bottom { width:263px; height:10px; padding-bottom:5px; background:#fff url(images/contentboxbottombg.png) top center no-repeat; }
#main .contentbox .top span { font-weight:bold; }


/* GLOBAL FOOTER */
#globalfooter { margin-top:50px; width:100%; background:url(images/footer-bg.gif) #210602 repeat-x top; bottom:0px; height:300px}
#globalfooter .footerlinks { margin:0 auto; width:980px; margin-top:10px;}
#globalfooter .footerbox1{float:left; margin-top:38px; padding-bottom:15px }
#globalfooter .footerbox1 ul { font-size:12px; color:#A3938F; }
#globalfooter .footerbox1 ul a { color:#A3938F;}
#globalfooter .footerbox1 li {  width:270px;  height:22px; padding:4px;}
#globalfooter h3 {  font-size:16px; margin-bottom:5px; color:#993300; text-transform:uppercase; font-weight:bold; }
#globalfooter .footerbox1 li a { display:block;background:#351C19; height:22px; padding:3px; text-decoration:none; }
#globalfooter .footerbox1 li a:hover { background:#430629; color:#ccc; height:22px; text-decoration:none; padding:3px; margin:0px }



/*  GLOBALHEADER ------------------------------------------------------------*/
#rss { float:right; height:92px; width:80px; z-index:9999;   }
#rss a{ float:right; text-indent:-9999em; background:url(images/rss.png) no-repeat top right ; height:92px; width:110px; margin-left:-30px }
#rss a:hover{ float:right; background:url(images/rss.png) no-repeat bottom right ;  }

#globalheader {margin:0px auto; float:left; width:537px;  }
#globalheader #globalnav { background:url(images/nav-bg.png) top no-repeat; height:96px; float:left; width:444px }
#globalheader #globalnav ul { float:left; }
#globalheader #globalnav li { display:inline; float:left; margin-top:30px; }
#globalheader #globalnav li a { height:0px; margin:0px; padding:0px; position:relative; display:block; overflow:hidden; text-indent:-900%}

/* BUTTONS */
#globalheader #globalnav li#nav-home a { margin-left:30px; width:52px; height:35px; }
#globalheader #globalnav li#nav-about a { margin-left:16px; width:62px; height:35px; }
#globalheader #globalnav li#nav-portfolio a {margin-left:16px; width:92px; height:35px; }
#globalheader #globalnav li#nav-submit a { margin-left:16px; width:133px; height:35px; }

/* HOVER */
#globalheader #globalnav li#nav-home a:hover,#index #globalheader #globalnav li#nav-home a:hover {  background:#fff; width:52px; height:35px; filter:alpha(opacity=20); opacity:0.2;}
#globalheader #globalnav li#nav-about a:hover, body.about #globalheader #globalnav li#nav-about a:hover { background:#fff; width:62px; height:35px; filter:alpha(opacity=20); opacity:0.2; }
#globalheader #globalnav li#nav-portfolio a:hover, body.portfolio #globalheader #globalnav li#nav-portfolio a:hover {  background:#fff; width:92px; height:35px; filter:alpha(opacity=20); opacity:0.2; }
#globalheader #globalnav li#nav-submit a:hover, body.submit #globalheader #globalnav li#nav-submit a:hover {  background:#fff; width:133px; height:35px; filter:alpha(opacity=20); opacity:0.2; }

/* SELATED TAB */
#index #globalheader #globalnav li#nav-home a { margin-left:30px; width:52px; height:35px; background:#AB0C74; filter:alpha(opacity=30); opacity:0.3; }
#about #globalheader #globalnav li#nav-about a { margin-left:16px; width:62px; height:35px; background:#AB0C74; filter:alpha(opacity=30); opacity:0.3; }
#portfolio #globalheader #globalnav li#nav-portfolio a {margin-left:16px; width:92px; height:35px; background:#AB0C74; filter:alpha(opacity=30); opacity:0.3; }
body.submit #globalheader #globalnav li#nav-submit a { margin-left:16px; width:133px; height:35px; background:#AB0C74; filter:alpha(opacity=30); opacity:0.3; }

/* SERCHING AREA */
#gl-search{ margin-top:15px; margin-left:12px; float:left; padding-bottom:20px;}
#gl-search li {display:inline; float:left}
.searching { border:2px dotted #4C0434; height:22px; width:100px; background:transparent url(images/serching1.jpg) repeat scroll 0 0; font-size:14px; color:#CA8800; padding-top:3px; padding-left:3px  }
.searching:hover { border:2px dotted #7D0657; background:transparent url(images/serching2.jpg) repeat scroll 0 0  }
.gl-searchButton {  background:url(images/search-button.jpg) center center no-repeat; width:65px; height:25px; text-indent:-9999em; border:0px; padding:0px; margin:0px; cursor:pointer; cursor:hand; }
.subscribe { border:2px dotted #4C0434; height:22px; width:130px; background:transparent url(images/serching1.jpg) repeat scroll 0 0; font-size:14px; color:#CA8800; padding-top:3px; padding-left:3px  }
.subscribe:hover { border:2px dotted #7D0657; background:transparent url(images/serching2.jpg) repeat scroll 0 0 }
.gl-subscribeBotton {  background:url(images/subscribe-button.jpg) center center no-repeat; width:95px; height:25px; text-indent:-9999em; border:0px; padding:0px; margin:0px; cursor:pointer; cursor:hand;}

/* GLOBAL POST */
.gl-post{ float:left; width:100%; }
.gl-post .month { font-size:14px; text-transform:uppercase; text-align:center;  }
.gl-post .date { font-size:30px; font-family:"Times New Roman"; margin-top:-8px; font-style:italic; font-weight:bolder; text-align:center; }

.gl-post .header{ background:url(images/header-bg.png) no-repeat; width:420px;  float:left; }
.gl-post .header,.gl-post .tag { width:420px; margin-left:5px; font-size:10px; margin-bottom:-7px }
.gl-post .header,.gl-post .tag a { font-size:10px; color:#999 }
.gl-post .header,.gl-post .tag a:hover { font-size:10px; color:#fff }

.gl-post .comment { background:url(images/comment-bg.png) no-repeat bottom; width:66px; height:44px; text-align:center; margin-top:10px;}
.gl-post .comment a{color:#CA8800; font-weight:bold; }
.gl-post .comment a:hover { color:#66C3B7; text-decoration:none;}
.gl-post .com-number { width:20px; height:50px; margin-left:23px; float:left; margin-top:4px; }


.posttext { float:left; line-height:1.3em; margin-top:7px; width:100%; }
.posttext a { color:#669966; }

/* 	ADD ME DEMO AND DOWNLOAD */
.gl-addme { float:left; margin:10px 0 30px 0; background:url(images/post-sap.jpg) center bottom no-repeat; width:530px; height:55px }
.gl-addme  li { display:inline; }
.gl-addme  li a { color:#953C28}
.gl-addme  li a:hover { color:#CCAE72;}

.gl-addme  li.Stumbleupon { color:#999;}
.gl-addme  li.Stumbleupon a { background:url(images/Stumbleupon-icon.gif) no-repeat top left ; display:inline-block; padding:5px 0px 0px 30px; }
.gl-addme  li.Stumbleupon a:hover { background:url(images/Stumbleupon-icon.gif) no-repeat bottom left ; display:inline-block; padding:5px 0px 0px 30px;  }

.gl-addme  li.del { margin-left:10px }
.gl-addme  li.del a { background:url(images/del-icon.gif) no-repeat top left ; display:inline-block; padding:5px 0px 0px 30px; }
.gl-addme  li.del a:hover { background:url(images/del-icon.gif) no-repeat bottom left ; display:inline-block; padding:5px 0px 0px 30px;  }

.gl-addme  li.dig { margin-left:10px }
.gl-addme  li.dig a { background:url(images/dig-icon.gif) no-repeat top left ; display:inline-block; padding:5px 0px 0px 30px; }
.gl-addme  li.dig a:hover { background:url(images/dig-icon.gif) no-repeat bottom left ; display:inline-block; padding:5px 0px 0px 30px;  }

.gl-addme  li.reddit { margin-left:10px }
.gl-addme  li.reddit a { background:url(images/technorati-icon.gif) no-repeat top left ; display:inline-block; padding:5px 0px 0px 30px; }
.gl-addme  li.reddit a:hover { background:url(images/technorati-icon.gif) no-repeat bottom left ; display:inline-block; padding:5px 0px 0px 30px;  }

.gl-addme  li.float { margin-left:10px }
.gl-addme  li.float a { background:url(images/float-icon.gif) no-repeat top left ; display:inline-block; padding:5px 0px 0px 30px; }
.gl-addme  li.float a:hover { background:url(images/float-icon.gif) no-repeat bottom left ; display:inline-block; padding:5px 0px 0px 30px;  }



#download { float:right; margin-top:20px;}
#download  li { display:inline; float:right; padding-right:30px}
#download  li.demo { background:url(images/demo-icon.png) no-repeat top left; width:56px; height:84px;}
#download  li.demo a{width:58px; height:82px; display:block; text-indent:-9999em}
#download  li.download { background:url(images/download-icon.png) no-repeat top left; width:58px; height:82px;}
#download  li.download a { width:58px; height:82px; display:block; text-indent:-9999em }


/* NEXT AND PREVIOUS */

#next {width:200px; height:56px; position:relative; }
#next a {color:#66C3B7; float:left; width:180px; height:58px; padding-left:26px; padding-top:28px; font-size:22px; font-family:"Times New Roman"; background:url(images/next-icon.gif) no-repeat right top; padding-right:20px;}


#previouse {width:200px; height:56px; margin:0px; padding:0px; position:relative; }
#previouse a {color:#66C3B7; float:left; width:180px; height:58px; padding-left:76px; padding-top:28px; font-size:22px; font-family:"Times New Roman";  background:url(images/previouse-icon.gif) no-repeat left top ;   }

.navigation { padding-top:40px; width:530px }
.navigation a{ font-size:11px; color:#669966;}
.navigation span.alignleft{ display:block; margin-left:10px; width:210px; float:left; }
.navigation span.alignright{ display:block; width:210px; float:right; text-align:right; }


/* 	2ED COLUMN  */

#logo { background:url(images/cjs-logo.png) center top no-repeat; float:left; }
#logo a {  width:290px; height:241px; display:block; text-indent:-9999em; }
#tagcloude { background:url(images/cloude-bg.png) center top no-repeat; float:left; width:279px; height:120px; margin-top:15px; }
#main-tag a { color:#953C28; padding:3px }
#main-tag a:hover { color:#fff; background:#210602; text-decoration:none; padding:3px }
#tagcloude h2 { margin-left:91px; margin-top:40px; font-family:"Times New Roman"; color:#E14900; text-transform:uppercase; font-size:16px; padding-left:8px; font-weight:normal; }


/* 	CATEGERIES  */
#categories ul { float:left; font-size:12px; color:#953C28; }
#categories ul a { color:#953C28;}
#categorie-heading { color:#E14900; background:url(images/categories-bg.gif) no-repeat left top; width:138px; height:46px; font-size:14px }
#categorie-heading h2 { color:#E14900; float:left; margin-left:10px; font-family:"Times New Roman"; text-transform:uppercase; padding-left:10px; font-size:14px; padding-top:12px; font-weight:normal; }
#categories li {  width:133px;  margin-bottom:3px; height:20px; margin-left:10px;  }
#categories li a { background:url(images/categories-linkicon1.gif) no-repeat top left; padding:0px 0px 0px 15px; height:20px; }
#categories li a:hover { background:url(images/categories-linkicon1.gif) no-repeat bottom left; text-decoration:none; color:#CCAE72;}

/* 	ARCHIVES  */
#archives ul { float:left; font-size:12px; color:#953C28; }
#archives ul a { color:#953C28;}
#archives-heading { color:#E14900; background:url(images/archives-bg.gif) no-repeat left top; width:138px; height:46px; font-size:14px }
#archives-heading h2 { color:#E14900; float:left; margin-left:10px; font-family:"Times New Roman"; text-transform:uppercase; padding-left:10px; font-size:14px; padding-top:12px; font-weight:normal; }
#archives li {  width:100px;  margin-bottom:3px; height:20px; margin-left:15px;}
#archives li a { background:url(images/categories-linkicon.gif) no-repeat top left ; padding:0px 0px 0px 15px; height:20px;  }
#archives li a:hover { background:url(images/categories-linkicon.gif) no-repeat bottom left; text-decoration:none;}


/* COMMENTS */

.newone{ float:left;}
.navigation{ float:left; }
.newone .commnetno { font-size:20px; margin:5px; padding:5px; color:#CA8800 }
.newone .commentlist li 		{ font-size:13px; margin-left:0; list-style-type:none; padding:10px 10px 0 10px; border-bottom:1px dashed #1B0100; width:480px}
.newone .commentlist big 		{ font-size:18px; font-weight:bold;   }
.newone .commentlist big a { color:#993300}
.newone .commentlist span.date 	{ display:block; margin-bottom:20px; font-size:10px; }
.newone .commentlist span.date a { color:#972717}
.newone .commentlist li.alt 		{ background:#4E150C; }
.newone .commentlist li.alt1 		{ background:#3E1209; }
.newone .commentlist li.author 		{ background:#4F0438; }
.newone .commentlist img.avatar 	{ float:right; margin-left:10px;   }
.newone .commentlist p,
.newone .commentlist ul,
.newone .commentlist ol 		{ margin-bottom:10px; }
.newone .commenthead { margin-top:30px; font-size:22px; padding:5px; color:#CA8800 }
/* COMMENT FORM */

#commentform label 			{ font-size:11px; margin-left:10px }
#commentform input 			{ border:0px; color:#A3938F; width:270px; height:24px; font-size:14px; padding-top:3px; padding-left:3px;  background:transparent url(images/formbg.jpg) repeat scroll 0 0; border:#461A15 1px solid  }
#commentform .submitcommnet{ background:url(images/submit-commnet.jpg) center center no-repeat; width:213px; height:54px; text-indent:-9999em; border:0px; padding:0px; margin:0px; cursor:pointer; cursor:hand; display:block; } 
#commentform .submitcommnet:hover { background:url(images/submit-commnet-over.jpg) center center no-repeat; width:213px; height:54px; text-indent:-9999em; width:213px; height:54px; }
#commentform textarea 		{ width:490px; color:#A3938F; height:100px; font-size:14px;  background:transparent url(images/formbg.jpg) repeat scroll 0 0; border:#461A15 1px solid; padding-top:3px; padding-left:3px; overflow:auto;
   }
#commentform input:focus, #commentform textarea:focus { border:1px solid #5F2721; }
#commentform p 				{ margin-bottom:10px; }

/* GOOGLE ADD */
#googleadd250 { width:290px; background:#210602; text-align:center; padding:20px 0px; }

/* GALLERY 1clom DISPLAY */
#galdisa { float:left; width:535px}
#galdisa h1 {font-size:18px; color:#E21D62; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin::0px; padding:0 0 10px 0px; clear:both}
#galdisa h1 a{font-size:18px; color:#E21D62; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; clear:both}
#galdisa a{ color:#669966; text-decoration:none}
#galdisa a:hover {text-decoration:underline;}
#galdisa li { float:left; padding:10px; border:#210602 1px solid; margin:12px; text-align:left;}
#galdisa li span.botlink {float:right; margin: 20px 10px 0 0}
#galdisa .highlight{background:#000;}
#galdisa li .imgbox{ padding: 0 10px 0 0px;}
#galdisa li:hover {border:#5D1B0D 1px solid}

/* GALLERY 3clom DISPLAY */
#galdis { float:left;}
#galdis a{ color:#669966; text-decoration:none}
#galdis a:hover {text-decoration:underline}
#galdis ul{margin:0 auto;}
#galdis li { float:left; padding:10px; border:#210602 1px solid; margin:12px; text-align:center }
#galdis li:hover {border:#5D1B0D 1px solid}


/* GALLERY 2colm DISPLAY */
#galdisb { float:left;}
#galdisb h1 {font-size:18px; color:#E21D62; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin:0px; padding:0px; width:100%}
#galdisb h1 a{font-size:18px; color:#E21D62; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin:0px; padding:0px; width:100% }
#galdisb a{ color:#669966; text-decoration:none}
#galdisb a:hover {text-decoration:underline}
#galdisb ul{margin:0 auto;}
#galdisb li { float:left; padding:10px; border:#210602 1px solid; margin:5px; width:230px;}
#galdisb li:hover {border:#5D1B0D 1px solid}


#gtexadd{float:left; padding:3px 0 3px 0;}