/*
Theme Name: ChromicDesign Template
Theme URI: http://www.chromicdesign.com/
Description:  Bluish Grey Clean Template by <a href="http://www.chromicdesign.com/">Alan Pachuau</a>
Author: Alan Pachuau
Author URL: http://www.chromicdesign.com/
Dated: 6th June 2008
Version: 1.0
Tags: Blue, Grey, Simple, Clean.
*/

/* Global Properties */
body { background:#FFFFFF; margin:0; padding:0; font-family: Arial, "Lucida Grande", Tahoma, Verdana, Sans-Serif; font-size:12px; }
a:link { color:#0099D3; text-decoration:none; }
a:hover { color:#9BCE12; text-decoration:none; }
a:visited { color:#0099D3; text-decoration:none; }
a:visited:hover { color:#9BCE12; text-decoration:none; }
p, h1, h2, h3, h4, h5, ul, ol, li { padding:0; margin:0; }
img { border:none; }
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { float:none; }
.cleaner { clear:both; }

/* Main Layout Structure */
.OuterWrapper { width:960px; margin:0 auto; padding:30px 0 0 0; text-align:left; }
.Header { width:960px; padding:0 0 10px 0; position:relative; }
.MainWrapper { width:950px; padding:0 5px 0; }
.ContentWrapper { width:630px; margin:3px 20px 0 0; }
.SidebarWrapper { width:300px; margin:0; }
.FooterWrapper { background:url(images/footertopbg.gif) no-repeat center top; width:950px; padding:0 5px 30px; margin:40px 0 0 0; position:relative; }

/* Header Section */
.HeaderLogo { padding:0 16px 0; margin:0; }
.description { float:right; text-indent:-999em; }
.HeaderLogo h1 { float:left; display:block; text-indent:-999em; }
.HeaderLogo h1 a, .HeaderLogo h1 a:visited { background:transparent url(images/logo.gif) no-repeat; color:#787878; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:29px; font-weight:normal; width:237px; }
.HeaderLogo h1 a:hover { outline:none; }
.HeaderLogo h1 a:active { outline:none; }

/* Navigation Bar */
.HeaderNav { background: transparent url(images/navbarbg.gif) no-repeat; width:960px; height:40px; margin:1px 0 0 0; }
.HeaderNav ul { margin:0; padding:0; float:left; }
.HeaderNav li { margin:0; padding:0; display:inline; list-style:none; float:left; height:35px; border-right:1px solid #DEDEDE; }
.HeaderNav li a, .HeaderNav li a:visited { background:transparent; color:#787878; font-size:13px; font-weight:bold; text-decoration:none; padding:10px 15px 9px; float:left; display:block; outline:none; }
.HeaderNav li.firstLink a, .HeaderNav li.firstLinkHover a { padding:10px 15px 9px 18px; }
.HeaderNav li.firstLink a:hover { background:transparent url(images/navbarbg.gif) no-repeat left -40px; color:#F4F4F4; text-decoration:none;}
.HeaderNav li a:hover { background:transparent url(images/navbarbg.gif) no-repeat center -40px; color:#F4F4F4; text-decoration:none; outline:none;}

/*rssFeed Style*/
a.Feedlink { background:transparent url(images/rss.gif) no-repeat; display:block; float:right; width:44px; padding:16px 0 18px; position:absolute; top:31px; left:910px; text-indent:-999em; outline:none; }
a.Feedlink:hover { background:transparent url(images/rss.gif) no-repeat left -55px; outline:none; }

/* Content Section */
.post { padding:0 0 30px 0; margin:0; position:relative; float:left; width:100%; }
.post h2 { background:#F1F1F1; display:block; padding:2px 50px 4px 8px; border-top:1px solid #AAAAAA;border-bottom:1px solid #FFFFFF; }
.post h2 a, .post h2 a:visited { color:#383838; font-size:16px; font-weight:bold; }
.post h2 a:hover { color:#999999; font-weight:bold; text-decoration:none; border-bottom:1px solid #999999; }
.PostDate { background:#F1F1F1; color:#34BEF4; position:absolute; top:4px; right:6px; width:35px; height:40px; text-align:center; border-bottom:1px solid #E0E0E0; line-height:12px; }
.PostInfo { margin:5px 0 0; font-size:11px; font-weight:bold; height:20px; }
.PostAuthor { color:#787878; padding:0 10px 0 8px;}
.post .PostComment { float:left; background:transparent url(images/commentsBgleft.gif) no-repeat left top; font-size:11px; font-weight:bold; color:#B4ED1A; margin:2px 10px 0 0; padding:1px 0 1px 30px; }
.post .PostComment a { background:transparent url(images/commentsBgright.gif) no-repeat right top; padding:1px 8px 1px 0; }
.entry { padding:15px 8px 18px 8px; text-align:justify; line-height:200%; }
.post p { padding:0 0 10px 0; }
p.postmetadata { color:#787878; font-size:11px; font-weight:bold; padding:0 0 0 8px; }
.navigation { background:#EEEEEE; float:left; padding:2px 8px; border-color:#DDDDDD; border-style:solid none; border-width:1px; width:614px; }
.singlenavigation { margin:0 0 10px 0; position:relative; color:#696969; width:934px; }
.navigationlabel { position:absolute; top:2px; right:435px; color:#C0C0C0; }
.post img { padding:2px; border:1px solid #CFCFCF; max-width:500px; height:auto; margin:5px 0; }
img.alignright { margin:5px 0 5px 15px; }
img.alignleft { margin:5px 15px 5px 0; }
.post blockquote { color:#777777; background:transparent url(images/blockquote.gif) no-repeat left top; font-style:italic; margin:20px 10px 20px 20px; padding:10px 15px 5px 25px; }
.post blockquote blockquote { background:transparent url(images/blockquote.gif) no-repeat left top; font-style:italic; margin:20px 10px 10px 20px; }
.post ul, .post ol { padding:0 0 10px 30px; line-height:20px; }
.post ul li { list-style:disc; }
.post code { display:block; background:#F5F5F5; padding:10px; font-family:"Courier New",Courier; font-size:11px; border:1px dotted #787878; }
img.wp-smiley { border:none; margin:0; padding:0; }

/* 404 Page Section */
.post p.center { padding:15px 10px; line-height:150%; }
#searchform { margin:5px 10px; }

/* Comment Section */
.commentlist li { padding:0 0 10px; }
#respond { padding:10px 8px 2px; border-bottom:1px solid #DDDDDD; }
#commentform { width:400px; margin:10px 0 0; }
#commentform input[type=text] { width:200px; margin:6px 0 0; }
#comment { width:500px; margin:6px 0 0; }
.commentnormal { background:#FFFFFF; border:1px solid #999999; }
#commentform .commentsubmit { height:16px; background:url(images/submitbutton.gif) no-repeat left top; width:120px; display:block; padding:0px 5px 11px; margin:6px 0 0; border:none; color:#686868; outline:none; text-indent:-999em; }
#commentform .submitonclick { height:16px; background:url(images/submitbutton.gif) no-repeat left -25px; width:120px; display:block; padding:0px 5px 11px; margin:6px 0 0; border:none; color:#686868; outline:none; text-indent:-999em; }

/* Sidebar Section */
.mysearch { background:url(images/searchbg.gif) no-repeat center top; height:43px; padding:0 4px 15px; position:relative;}
.mysearch form { margin:0; padding:0; }
input.searchinput { background:#EFEFEF; color:#878787; position:absolute; top:10px; right:42px; width:215px; border:none; padding:4px 1px 3px; text-align:center; }
input.inputhover { background:#CEE3FF; position:absolute; top:10px; right:42px; width:215px; border:none; padding:4px 1px 3px; text-align:center; }
input.inputfocus { background:#FEFEFE; position:absolute; top:10px; right:42px; width:215px; border:none; padding:4px 1px 3px; text-align:center; }
input.searchbutton { background:transparent url(images/topsearchbutton.gif) no-repeat; display:block; position:absolute; width:23px; height:24px; top:9px; right:14px; }
.firstTab { width:298px; margin:0; border-width:1px; border-style:solid; border-color:#DDDDDD; float:right; }
.tabbernav { float:right; width:98px; }
.tabbernav li { background:url(images/tabberbg.gif) no-repeat 100% 0%; list-style:none; height:17px; margin:0 0 0 9px; padding:5px 10px; border-style:none none solid solid; border-width:1px; border-color:#CCCCCC #DDDDDD; text-align:center; }
li.tabberactive { background:url(images/tabberbg.gif) no-repeat left 100%; margin:0; padding: 5px 10px 5px 19px; height:19px; border:none; }
.tabberlive a { font-size:11px; font-weight:bold; }
.tabberlive a:hover { font-size:11px; font-weight:bold; text-decoration:none; }
#tagcloud a:hover { text-decoration:none; }
li.tabberactive a, li.tabberactive a:hover { color:#F4F4F4; text-decoration:none;}
.tabberlive ul { margin:0; padding:0; }
.tabberlive .tabbertabhide { display:none; }
.tabber { padding:0; }
.tabberlive { margin:0 0 10px 0; }
.tabbertab h2, .tabbertab h2 a { display:none; color:#FCFCFC; }
.tabbertab h3 {	display:none; }
.tabbertab { width:180px; margin:0px; padding:5px 10px 10px 10px; float:left; }
.tabbertab ul { margin:5px 0 5px 5px; padding:0; list-style-type:none; }
.tabbertab li { background:url(images/bullet.gif) no-repeat left center; margin:0; padding:3px 0 3px 20px; list-style-type:none; }
.tabbertab li a:hover { text-decoration:none; }
h2.widgettitle { background:url(images/widgetbg.gif) repeat-x; color:#666666; font-size:13px; font-weight:bold; height:21px; display:block; padding:4px 0 0 5px; }
.widget { float:right; width:148px; margin:15px 0 0; }
.widget ul { margin:2px 0 0 0; }
.widget li { background:url(images/bullet.gif) no-repeat left 3px; padding:0 5px 0 15px; margin:4px 0; list-style:none; border-bottom:1px solid #E0E0E0; }
.SidebarRight, .SidebarLeft { width:148px;font-size:11px; }
.textwidget { text-align:center; }
#AdsBox { background:#F6F6F6; border:1px #DDDDDD solid; width:100%; margin:15px 0 0; padding:0 0 15px; }
#AdsBox .widget { width:300px; text-align:center; }
#AdsBox h2.widgettitle { background:none; }

/* Footer Section */
.FooterWrapper p { background:url(images/footerbottombg.gif) no-repeat center bottom; color:#000000; line-height:150%; text-align:center; font-size:10px; padding:5px 0; }
a.backtoTop { font-size:11px; background:transparent url(images/backtotop.gif) no-repeat; font-weight:bold; left:5px; padding:4px 0pt 0pt 25px; position:absolute; top:10px; }

/* The Gallery Section */
#singleimage { float:left; }
.gallery-image-nav { width:175px; margin:50px 0 0; text-align:center; }
.image-view { width:600px; float:left; text-align:center; }
img.size-thumbnail { width:150px; height:auto; }

/* The Portfolio Section */
#portfolio .entry { border-bottom:1px solid #AAAAAA; }
#portfolio h3 { padding:10px 0 1px; border-bottom:1px solid #666666; }
#portfolio .portfoliolist { width:924px; padding:4px 5px; float:left; border-top:4px solid #AAAAAA; margin:20px 0 0; }
#portfolio .project-details { width:590px; }
#portfolio label { text-align:right; float:left; width:115px; font-weight:bold; }
#portfolio span { float:right; text-align:left; width:465px; margin:0 0 0 10px; }
#portfolio .detailline { padding:5px 0; float:left; clear:both }
#portfolio .size-medium { width:220px; }

/*The Admin Related*/
.FooterWrapper a.TheAdmin { color:#028FC4; font-weight:bold; }

/* Custom Widgets and Web Apps related */
.statcounter { text-align:center; padding:10px 0 0; }
.postcustomfooter { margin:10px 0 0 8px; height:25px; }
.addthisbutton { float:left;  }
.sphere { float:left; padding:0 0 0 10px; }

/* Sitemap related */
.post .ddsg-wrapper h2 { background:none; border:none; padding:5px 0 5px 0; margin:0; font-size:16px; }
.post .ddsg-wrapper ul { padding:5px 0 20px 15px; }
.post .ddsg-wrapper ul li { background:url(images/bullet.gif) no-repeat left 3px; list-style:none; line-height:16px; padding:0 0 0 15px; }
.ddsg-pagenav { padding:4px 0 0 0; border-top:1px solid #999999; }
.post .ddsg-pagenav p, .post .ddsg-pagenav a, .post .ddsg-pagenav a:visited { font-size:11px; font-weight:bold; }
.post .ddsg-pagenav a, .post .ddsg-pagenav a:visited { background:#EEEEEE; padding:0 4px 0 4px; margin:0 1px 0 1px; }
.post .ddsg-pagenav a:hover, .post .ddsg-pagenav a:visited:hover { color:#454545; background:#CCCCCC; border:1px solid #AAAAAA; padding:0 3px 0 3px; margin:0 1px 0 1px; }/*Google Code Highlighter*/div.entry .dp-highlighter { background:#FFFFFF; padding-top:0; }div.entry .dp-highlighter .bar { padding-left:40px; }div.entry .dp-highlighter ol { margin:5px 0 1px 40px; }div.entry .dp-highlighter ol li, div.entry .dp-highlighter .columns div { margin-top:6px; }