/*  
Theme Name: Chroma.Blue
Theme URI: http://wordpress-themes.chromaticsites.com/columns/3-columns/1/chromablue/
Description: Web 2.0, widget-ready, rounded corners theme with clean layout; multiple color schemes included (blue, red, and green).
Version: 1.0
Author: Chromatic Sites
Author URI: http://www.chromaticsites.com/

	Chroma.Blue
	 http://wordpress-themes.chromaticsites.com/columns/3-columns/1/chromablue/

	This theme was designed and built by Chromatic Sites,
	whose website offers professionally designed, standards compliant, bug-free WordPress Themes which you can find at http://wordpress-themes.chromaticsites.com/
*/


/* Begin Structure */

body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: "Trebuchet MS", Sans-Serif; background: #ffffff; color: #000000; margin: 0; padding: 0; width: 100%; opacity: 0.99999; text-shadow: 0 0 0 #000 }

#page { background-color: white; border: 1px solid #959596; text-align: left; }

#header { width: 100%; background: #3AA3D9; }

#content { font-size: 1.2em }

.widecolumn .entry p { font-size: 1.05em; }

.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }

.widecolumn { line-height: 1.6em; }

.alt { background-color: #f8f8f8; }

#footer { background: #000000; color: white; border: none; }

small { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1em; line-height: 1.5em; top: 8px; color: #3f3f3f; position: relative; }

#page { background-color: white; padding: 0; width: 100%; }

#pageContent { width: 970px; margin-left: auto; margin-right: auto; }

#header { background-color: #3CB2E1; padding: 0; height: 178px; width: 100%; }

.narrowcolumn { float: left; width: 538px; font-size: 16px; line-height: 130%; padding-left: 16px; padding-right: 10px; padding-top: 20px; }

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }

.postTop { background: url(images/structure/contentTop.png) top no-repeat; width: 558px; height: 35px; top: 7px; position: relative; }

.postBottom { background: url(images/structure/contentBottom.png) top no-repeat; width: 558px; margin: 0; padding: 0; position: relative; top: -15px; height: 66px; margin-bottom: 20px; }

.post { height: auto; margin: 0; width: 532px; padding: 10px; border-left: 3px solid #F6F6F6; border-right: 3px solid #F6F6F6; }

.entry { position: relative; top: -17px; left: 3px; }

.entry { float: none; }

post hr { display: block; }

.widecolumn .post { margin: 0; }

.narrowcolumn .postmetadata { padding-top: 10px; }

.widecolumn .postmetadata { margin: 30px 0; }

.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }

.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: left; }

#footer { padding: 0; margin: 0 auto; width: 970px; clear: both; height: 35px; padding-top: 25px; padding-bottom: 20px; }

#footer p { margin: 0; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 600px; margin-left: auto; margin-right: auto; line-height: 170%; }

.entry p a:visited, .entry p a:link { color: #808080; text-decoration: underline; }

.entry p a:hover { text-decoration: none; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #3f3f3f; }

.postmetadata a { color: black; font-size: 13px; text-decoration: none; }

.postmetadata a:hover { color: black; text-decoration: underline; }

.postmetadata { background: url(images/structure/comments.png) no-repeat right; height: 35px; width: 111px; top: 10px; left: 435px; padding-right: 0px; position: relative; text-align: center; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

a { color: #000000; text-decoration: none; }

a:hover,  h2 a:hover, h3 a:hover { color: #000000; text-decoration: underline; }

#footer a { color: white; font-weight: bold; }

#footer .themeLink { color: #99d0e5; font-weight: bold; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }

#wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */

/* End Structure */



/*	Begin Headers */ 

h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; }

h1 { font-size: 3.1em; text-align: center; }

h2 { font-size: 2.4em; }

h2.pagetitle { font-size: 1.6em; }

h3 { font-size: 1.3em; }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; font-weight: normal; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #000000; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

#sidebar h2, #rightcolumn h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.2em; background: url(images/structure/widgetHolderTop.png) no-repeat #99D0E5; height: 28px; width: 176px; }

h1 { padding: 0; margin: 0; top: 10px; float: left; padding-left: 10px; position: absolute; }

h2.pagetitle { padding-top: 20px; text-align: center; }

#sidebar h2, #rightcolumn h2 { margin: 0; padding: 0; padding-top: 5px; font-size: 18px; left: -3px; position: relative; color: white; padding-left: 10px; }

#sidebar h2 { left: 0px; }

h3 { padding: 0; margin: 30px 0 0; }

h3.comments { padding: 0; margin: 40px auto 20px ; }

.post h2 { margin: 0; padding: 0; line-height: 100%; position: relative; top: -25px;}

.post small { position: relative; top: -15px; left: 3px; }

.post small a, .post small a:visited { text-decoration: underline; color: #3f3f3f; }

.post small a:hover { text-decoration: none; color: #3f3f3f; }

/* End Headers */



/* Begin Images */

p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left } 

/* End Images */



/* Begin Lists

Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */

#sidebar ul li { border: none; }

#sidebar ul ul li { border: none;   }

#sidebar ul li { margin-bottom: 10px; }

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ol { padding: 0 0 0 35px; margin: 0; }

.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }

#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; font-size: 14px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }

#sidebar li ul { border-left: 3px solid #99D0E5; border-right: 3px solid #99D0E5; padding-left: 10px; padding-right: 10px; position: relative; padding-top: 10px;  }

#sidebar li ul ul { border: none; }

.entry ul li, #sidebar ul ol li, #sidebar ul li ul li { background: url(images/structure/listIcon.png) no-repeat; background-position: 0px 4px; padding-left: 28px; }

#rightcolumn li { background: url(images/structure/listIcon.png) no-repeat; background-position: 11px 12px; padding-left: 24px; }

#sidebar ul li ul li { padding-left: 15px; }

#sidebar ul li ul li { margin-bottom: 10px; }

.entry ul li { margin: 0; }

ol li { background: none; }

#sidebar ul ul li, #sidebar ul ol li { padding: 0; }

#header #nav { width: auto; margin: 0; padding: 0; float: left; }

#header #nav li, #header #nav ul, #header.pagenav ul li { margin: 0; padding: 0; padding-top: 10px; list-style: none; display: inline; }

#header #nav ul { background: #3CB2E1; }

ul #nav { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; }

#nav li, #nav li.page_item { display: inline; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px; float: left; clear: none; list-style: none; background-image: none; position: relative; bottom: 0px; } 

#nav a, #nav a:link { background: url(images/structure/tabUnselectedLeft.png) no-repeat #F0F0F0 top left; display: block; float: left; clear: none; margin: 0px 0px 0px 0px; text-decoration: none; margin-right: 5px; cursor: pointer; } 

#nav a:hover, #nav a:active { background: #FFFFFF url(images/structure/tabSelectedLeft.png) no-repeat top left; color: #000000; } 

#nav a span.tabs, #nav a:link span.tabs { background: url(images/structure/tabUnselectedRight.png) no-repeat top right; display: block; float: left; clear: none; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 5px; color: #000000; padding-left: 20px; padding-top: 10px; padding-bottom: 2px; padding-right: 20px; } 

#nav a:hover span.tabs , #nav li a:active span.tabs { background: url(images/structure/tabSelectedRight.png) no-repeat top right; color: #000000; } 

#nav li.current_page_item a { background: #FFFFFF url(images/structure/tabSelectedLeft.png) no-repeat top left; } 

#nav li.current_page_item a span.tabs { background: url(images/structure/tabSelectedRight.png) no-repeat top right; color: #000000; } 

#nav li.current_page_parent a { background: #FFFFFF url(images/structure/tabSelectedLeft.png) no-repeat top left; } 

#nav li.current_page_parent a span.tabs { background: url(images/structure/tabSelectedRight.png) no-repeat top right; color: #000000; }

#header #nav { list-style: none; top: 66px; position: relative; float: left; font-size: 22px; width: 920px; padding-left: 50px; background: #3CB2E1 }

#header #nav h2 { display: none; }

#rightcolumn { width: 186px; float: right; position: relative; padding-top: 20px; }

#rightcolumn ul { margin: 0; padding: 5px; padding: 0; left: -3px; position: relative; }

#rightcolumn h2 { margin: 0;  }

#rightcolumn ul li { list-style-type: none; list-style-image: none; padding-top: 10px; position: relative; font-size: 14px; padding-left: 27px; padding-right: 10px; border-left: 3px solid #99D0E5; border-right: 3px solid #99D0E5; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }

#rightcolumn ul { background:url(images/structure/widgetHolderBottom.png) no-repeat bottom; padding-bottom: 25px; margin-bottom: 10px; }

/* End Entry Lists */



/* Begin Form Elements */ 

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; position: relative; top: 0; right: 10px; float: right; width: 330px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }

#commentform textarea { width: 500px; padding: 2px; }

#commentform #submit { margin: 0; width: 125px; border: none; height: 35px; position: relative; left: 405px; margin-top: 10px; background: url(images/structure/postComment.png) no-repeat; cursor: pointer; }

#s { background: url(images/structure/search.png) no-repeat; border: none; width: 207px; margin-right: 5px; padding-top: 8px; padding-left: 10px; height: 24px; font-size: 15px;	font-family: "Trebuchet MS", Sans-Serif; float: left; }

#searchsubmit { font-size: 1px; color: #D38816; float: left; position: relative; font-weight: normal; top: 0px; height: 34px; width: 100px; }

.searchNow { margin: 0; }

input.searchNow { border: 0; font-size: 0px; color: #1549A7; cursor: pointer; background: url(images/structure/buttonSearch.png) no-repeat; }

#commentform input, #commentform textarea { border: 1px solid #D8D8D8; padding: 3px; }

#commentform small { top: 0; font-size: 12px; }

/* End Form Elements */



/* Begin Comments*/ 

.commentlist li, #commentform input, #commentform textarea { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 13px; }

#commentform { margin: 0; }

.commentlist li { font-weight: normal; }

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

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

.description {  top: 50px; padding-left: 25px; font-size: 15px; position: absolute; }

#commentform p { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

.alt { margin: 0; }

.commentlist { margin: 0; position: relative; top: 20px; padding: 0; text-align: justify; }

.commentlist li { list-style: none; position: relative; width: 512px; padding: 10px; }

.commentlist li li { width: 450px; padding: 0px; margin-bottom: 5px; }

.commentlist ul, .commentlist ol { padding-top: 10px; padding-bottom: 10px; }

.commentlist ul li { list-style: disc; }

.commentlist ol li  { list-style: inherit; }

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; float: right; text-align: right; border: none; font-size: 11px; } 

/* End Comments */



/* Begin Sidebar */ 

#sidebar { top: 0; width: 186px; padding-top: 20px; float: left; padding-left: 4px; position: relative; }

#sidebar form { margin: 0; } 

/* End Sidebar */



/* Begin Calendar */ 

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */



/* Begin Various Tags & Classes */ 

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; }

.navigation { display: block; margin-top: 10px; padding-bottom: 60px; z-index: 100; float: right; width: 550px; }

.narrowcolumn p, .entry ul li, .entry ol li { font-size: 13px; line-height: 130%; }

.narrowcolumn .page_item { list-style: none; text-align: right; }

.narrowcolumn .page_item { width: 100%; display: inline; }

.narrowcolumn .page_item a:link, .narrowcolumn .page_item a:visited { background: url(images/structure/childPage.png) no-repeat; padding-left: 15px; text-decoration: underline; }

.narrowcolumn .page_item a:hover { text-decoration: none; }

.rssIcon { background: url(images/structure/rssFeed.png) no-repeat; padding-left: 20px; background-position: 0px 3px; }

#subPages { width: 558px; padding-bottom: 20px; }

#sidebar li { background:url(images/structure/widgetHolderBottom.png) no-repeat bottom; clear: both; z-index: 100; position: relative; display: block; padding-bottom: 15px; }

#respond { position: relative; padding-top: 30px; }

/* End Various Tags & Classes*/