/*
Theme Name: Cloudmanic
Theme URI: http://wordpress.org/
Description: Worpress theme for cloudmanic blog.
Version: 1.0
Author: Spicer Matthews
*/


/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body { font-family: Georgia; font-size: 14px; color: #010101; background: url('images/subBkg.jpg') repeat-x top center #F3F4F4; }
body.home { background: url('images/bkg.jpg') repeat-x top center #f3f4f4; }
body.blog { background: url('images/blogBkg.jpg') repeat-x top center #F3F3F4; }

a { color: #327E9D; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin-top: 15px; line-height: 18px; }

h1 { font-size: 30px; color: #b6cdda; line-height: 34px; }
h1.latest { float: left; padding: 40px 0 30px; font-size: 85px; color: #e3e5e6; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h1, h2, h3 { font-weight: normal; font-family: Georgia; }

#container { margin: 0 auto; width: 982px; }

/****HEADER STYLES*******/

#header { float: left; width: 982px; height: 115px; }
#header img { float: left; width: 381px; height: 62px; margin-top: 30px; }

/****POSTS*******/
.entry ul { list-style-type: disc; margin: 1em 0px; padding: 5px 40px; } 
.entry li { padding: 3px	0; }
.social_bookmark { margin-top: 10px; }
#disqus_thread { width: 672px; }
.post .commentsBkg { display: none; }

/*****NAV STYLES*******/

ul#nav { float: left; width: 982px; height: 39px; background: url('images/nav.jpg') no-repeat; }
ul#nav li { float: left; }
ul#nav li a { float: left; height: 39px; background: url('images/nav.jpg') no-repeat; }
ul#nav li a:hover { background: url('images/nav.jpg') no-repeat !important; }

ul#nav li a.home { width: 98px; background-position: 0 0; }
ul#nav li a:hover.home, a.homeactive { background-position: 1px -39px !important; }

ul#nav li a.about { width: 215px; background-position: -98px 0; }
ul#nav li a:hover.about, a.aboutactive { background-position: -97px -39px !important; }

ul#nav li a.products { width: 107px; background-position: -312px 0; }
ul#nav li a:hover.products, a.productsactive { background-position: -311px -39px !important; }

ul#nav li a.blog { width: 79px; background-position: -418px 0; }
ul#nav li a:hover.blog, a.blogactive { background-position: -417px -39px !important; }

ul#nav li a.jobs { width: 77px; background-position: -497px 0; }
ul#nav li a:hover.jobs, a.jobsactive { background-position: -496px -39px !important; }

ul#nav li a.contact { width: 98px; background-position: -576px 0; }
ul#nav li a:hover.contact, a.contactactive { background-position: -575px -39px !important; }

/*****FOOTER STYLES*******/

#footerBkg { float: left; width: 100%; padding-bottom: 40px; background: url('images/footerBkg.jpg') repeat-x; }
#footer { margin: 0 auto; width: 982px; padding-top: 45px; font-size: 18px; color: #0d2330; }
#footer a { font-size: 12px; color: #1B5576; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer img { float: right; margin-top: 15px; }
#footer ul { float: left; margin-right: 30px; }
#footer ul li ul { float: none; margin-top: 10px; }
#footer ul li ul li { margin-left: 20px; list-style-image: url('images/li.jpg'); }

/*****HOME CONTENT STYLES*******/

.hero { float: left; width: 982px; }
.hero.home h1 { float: left; width: 962px; height: 113px; padding: 40px 10px 0; text-align: center; }
#homeProducts { float: left; width: 982px; height: 150px; }
#homeProducts img { float: left; }
img.productsKey { float: left; width: 251px; height: 30px; padding: 18px 0 0 370px; }

.column { float: left; width: 448px; height: 141px; margin-top: 40px; }
.column.left { padding-right: 35px; }
.column.right { padding-left: 35px; }
.divider { float: left; width: 5px; height: 114px; margin-top: 30px; background: url('images/divider.jpg') no-repeat; }

.homeModule { float: left; position: relative; width: 257px; height: 148px; padding: 0 20px 50px 45px; color: #252525; background: url('images/homeModule.jpg') no-repeat; }
.homeModule img { position: absolute; width: 42px; height: 42px; left: -6px; top: -6px; }
.homeModule h3 { padding: 15px 0 0 0; }
.homeModule.middle { margin: 0 8px; }
.homeModule p { margin-top: 10px; }
p.testimonial { font-size: 12px; font-style: italic; line-height: 16px; }

/*****SUB CONTENT STYLES*******/

.hero.sub h1 { float: left; width: 982px; height: 74px; padding-top: 40px; }

.btnBlueLarge, .btnBlueLarge a, .btnBlueLarge input { float: left; height: 41px; color: #6A848B; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; font-family: Arial; }
.btnBlueLarge a:hover { color: #666666; }
.btnBlueLarge img { float: left; }
.btnBlueLarge a, .btnBlueLarge input { height: 26px; padding: 15px 15px 0 0; background: url('images/btnBlueLargeRight.png') no-repeat top right; }

.leftContent { float: left; width: 703px; margin-top: 37px; padding-bottom: 50px; }
.leftContent p { line-height: 21px; }
.leftContent h2 { color: #010101; }
.leftContent h2.secondary, .fullContent h2.secondary { padding: 30px 0 10px; }
.leftContent { color: #3C4649; font-family: Arial; }

.coreBkg { float: left; width: 597px; padding: 15px 20px 15px 80px; line-height: 21px; background: url('images/coreBkg.jpg') no-repeat left top; }

.rightContent { float: right; width: 219px; margin-top: 18px; padding-left: 35px; background: url('images/rightContentBkg.jpg') no-repeat top left; } 
.rightContent h2, .rightContent p { padding-left: 5px; }
.rightContent .btnBlueLarge { padding-bottom: 30px; }

.fullContent { float: left; width: 982px; margin-top: 37px; padding-bottom: 50px; color: #1e1e1d; }
.fullContent h2.secondary { float: left; }
.fullDivider { float: left; width: 100%; height: 6px; margin: 10px 0 20px; background: url('images/fullDivider.jpg') no-repeat; }

.productsContainer { float: left; width: 292px; height: 300px; }
.productsContainer p { float: left; margin: 5px 0 10px; padding: 0 5px; }
.productsContainer.center { margin: 0 50px; }
.productsContainerThumb { float: left; width: 281px; height: 115px; padding: 5px; border: solid 1px #CDD4D6; }
.productsContainer .btnBlueLarge { padding-left: 20%; }
.productsContainer .btnBlueLarge.comingsoon { opacity:0.4; filter:alpha(opacity=40); }

.jobs p { clear: both; }
.jobs .btnBlueLarge { margin: 10px 20px 50px 0; }
.jobs h2 { padding-bottom: 25px; }

.nojobs h2 { padding-bottom: 15px; }
.nojobs p { width: 100%; margin: 0; padding: 10px; }
.nojobs p img { float: right; }
p.altJob { background: #e7e8e8; }

.contact { background: url('images/contactBkg.jpg') no-repeat top center; }
#address { float: left; width: 438px; height: 226px; padding: 30px 0 0 30px; background: url('images/addressBkg.png') no-repeat; }
#address p { line-height: 21px; }
#address span { font-size: 18px; color: #327E9D; }
#address a { text-decoration: none; }
#address h3 { padding-top: 15px; }
p.gray { margin-top: 0px; color: #50585c; }
#address a:hover { text-decoration: underline; }
#message { float: right; width: 427px; height: 299px; margin-top: 5px; padding: 20px 0 0 30px; background: url('images/messageBkg.png') no-repeat; }
#message input { float: left; width: 183px; height: 17px; margin: 0 10px 5px 0; padding: 5px; color: #f3f4f4; border: 1px solid #c9d5db;  background: #819098; }
#message textarea { padding: 5px; color: #f3f4f4; border: 1px solid #c9d5db;  background: #819098; }
#message .submit { float: right; width: 72px; height: 29px; margin: 20px 0 0 0; cursor: pointer; border: none; padding: none; background: url('images/sendBtn.jpg') no-repeat; }
#contactBtn { float: left; width: 500px; clear: both; padding: 35px 0 150px 280px;  }
#contactBtn .btnBlueLarge { padding-right: 10px; }
#contactBtn img { float: left; }

.subBlog h2 { float: left; width: 215px; padding: 20px 0 10px 0; } 
.width a { width: auto !important; }
#latest { float: left; width: 982px; height: 174px; background: url('images/latestBkg.jpg') no-repeat; }
#latestDate { float: left; width: 125px; padding-bottom: 40px; padding-top: 36px; color: #8b9299; font-size: 36px; line-height: 35px; text-align: center; }
#latestDate span { font-size: 75px; }
#latestPost { float: left; width: 804px; height: 124px; padding: 25px; color: #3c4649; font-family: Arial; }

#categories { float: left; width: 942px; height: 44px; padding: 30px 40px 0 0; text-align: right; margin-top: 30px; background: url('images/categoriesBkg.jpg') no-repeat; }
#categories a { margin: 0 10px; padding: 5px; font-family: Trebuchet MS; text-transform: uppercase; text-decoration: none; color: #313a3c; }
#categories a:hover { background: #98a0a2; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.older { float: left; width: 342px; height: 166px; margin: 0 30px 60px 0; overflow: hidden; }
.end { margin-right: 0; }
.olderDate { float: left; width: 62px; padding-bottom: 40px; color: #8b9299; font-size: 22px; line-height: 22px; }
.olderDate span { font-size: 42px; }
.olderPost { float: left; width: 280px; height: 166px; font-family: Arial; font-size: 12px; color: #3c4649; }
.left { width: 300px; padding: 0 !important; clear: both; }
.left .btnBlueLarge a { width: 135px; }

/*****BLOG CONTENT STYLES*******/

body.blog .hero { float: right; width: 50%; padding: 35px 20px 0 0; text-align: right; }
.fullContent { background: url('images/fullBlogBkg.jpg') repeat-y; }

#sidebar { float: right; width: 215px; padding-right: 15px; }
#sidebar .btnBlueLarge a { width: 178px; }
#sidebar h3 { padding-top: 45px; }
li#search-3 { float: left; margin-top: 15px; }
li#search-3 h2, li#search-3 .screen-reader-text { display: none; }
li#search-3 #s { float: left; width: 159px; height: 11px; padding: 10px; color: #6e787b; font-size: 12px; font-family: Arial; border: none; background: url('images/searchBar.jpg') no-repeat; }
li.widget_search #searchsubmit { float: left; width: 32px; height: 31px; cursor: pointer; border: none; background: url('images/searchBtn.jpg') no-repeat; }
li.widget_categories { float: left; width: 215px; margin: 25px 0 45px 0; }
li.widget_categories h2 { padding-bottom: 10px; }
li.widget_categories ul li { margin-left: 17px; line-height: 22px; list-style: url('images/sidebarLi.jpg'); }
li.widget_categories a { color: #60696c; text-decoration: none; }
li.widget_categories a:hover { text-decoration: underline; }

.post { float: left; width: 672px; }
body.blog a { text-decoration: none; }
.post p { line-height: 20px; }
.post h1 { float: left; padding: 8px 0 15px; }
.post h1 a { color: #327E9D; text-decoration: none; }
.post h1 a:hover { text-decoration: underline; }
.post hr { float: left; width: 667px; color: #cacccc; border: 1px solid #cacccc; background: #cacccc; }
.commentsBkg { float: right; width: 59px; height: 53px; font-size: 30px; padding-top: 3px; text-align: center; background: url('images/commentsBkg.jpg') no-repeat; }
.commentsBkg a { color: #FFF; text-decoration: none; }
.postInfo { float: left; width: 667px; height: 24px; margin-top: 12px; font-family: Arial; text-transform: uppercase; font-size: 12px; color: #444c4e; }
.postInfo span { float: right; }
.postInfo img { position: relative; float: left; top: -16px; margin-right: 10px; padding: 2px; border: solid 1px #cacccc; }
.entry { float: left; padding-bottom: 60px; }
.entry .btnBlueLarge { margin-top: 15px; }
.navigation { float: left; padding-left: 200px; }
.entry h2 { padding-top: 15px; }
#respond { float: left; margin-top: 20px; }
h2#comments { float: left; color: #42474b; }
h2#comments span { font-size: 32px; }
ol.commentlist { float: left; margin-top: 10px; }
.comment-body { margin-top: 1px; width: 667px; padding: 15px; } 
.even { background: #FFF; }
.odd { background: #f9fafa; }
.commentmetadata { position: relative; top: -15px; left: 36px; font-size: 12px; font-style: italic; }
.comment-author { font-size: 18px; }
cite.fn, .says, cite.fn a { font-style: normal;  vertical-align: top; }
.comment-body p { margin-top: 0 !important; color: #6a7476; font-family: Arial; }
#commentform { float: left; padding: 15px; width: 667px; margin-top: 10px; font-family: Arial; font-size: 12px; color: #6a7476; font-weight: bold;  border: solid 1px #cacccc; background: #f9fafa; }
p.message { float: left; width: 420px !important; }
#commentform p { float: left; width: 36%; }
#commentform #submit { float: right; width: 140px; height: 31px; margin: 10px; border: none; cursor: pointer; background: url('images/submitComment.jpg') no-repeat; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px;
							-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
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; }