/* Theme Name: Blue Moment Description: This is a FREE Premium Theme. Use and modify as you wish. You are not allowed to re-distribute it and/or remove the "Designed by ThemeLabs.com" message in the footer and have fun using it! Version: 1.0 Author: ThemeLabs.com Author URL: http://ThemeLabs.com Tags: blue, white, gray, two-columns, adsense, fixed-width, right-sidebar, magazine style, featured post, twitter, facebook */ /* HTML Elements */ * { margin:0; padding:0; } .clearall{ clear:both; } .clear-left{ clear:left; } .clear-right{ clear:right; } br.clearall{ clear:both; height: 0; line-height:0; font-size: 0px;} body,html {min-height:101%;} body {background: #ffffff url(images/bg.gif) repeat-x;color: #333333;padding: 13px 0 0px 0;} body, select, input, textarea {font: 75% Arial, Verdana, Sans-Serif;} p {margin: 15px 0;} a:link, a:visited {color: #4895AE; text-decoration:none} a:hover, a:active {text-decoration:underline;} hr {display: block;height:1px; background:#333;border:0;} small {font-size: 0.95em; background:#eef5e1; padding:3px 6px;} img, a:link img, a:visited img {border:0;} h1 {font-size:150%;} h2 {font-size:140%;} h3 {font-size:130%;} h4 {font-size:120%;} h5 {font-size:110%;} h6 {font-size:100%;} h1, h1 a { color: #808C95; } h2,h3,h4,h5,h6 { color: #4895AE; font-weight:normal; } h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link { color: #4895AE; text-decoration:none; } h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited { color: #4895AE; text-decoration:none; } h1 { font-family:"Trajan Pro"; letter-spacing:0; } h1 a:link { text-decoration:none; } #wrapper { width:1040px; margin:0 auto; } #maincontainer { width:900px; margin:0 auto; } #contentcontainer { clear:both; overflow:hidden; background:#ffffff; } #sidebar { width: 300px;float:right; } #sidebar ul { margin:0; padding:0; list-style-type: none; } #sidebar ul ul { margin:0 0 0 10px; padding:0; list-style-type: none; } #sidebar ul li { margin-bottom:5px; } #sidebar ul ul li { margin-top:3px; } #sidebar .ad250widget { height:278px; width:280px; text-align:center; } #sidebar .ad250widget .ad250 { margin: 0; padding-top:15px; } #sidebar .socialmedia { text-align:center; width:284px;height:85px;margin-top:10px; } #sidebar .socialmedia ul { padding-top:10px; text-align:center; } #sidebar .socialmedia ul li { list-style:none; float:left; padding:0 10px 0px 10px; } #sidebar .socialmedia ul li a { color:#4895AE; } #sidebar .socialmedia h2 { text-align:left; padding:10px 0px 0px 10px; } #sidebar .sidebarbits { width:280px; } #sidebar .sidebarbits { padding:25px 0px 0px 30px; margin:0px 0px 0px 0px; } #sidebar .sidebarbits h2 { padding:10px 0px 10px 0px; } #sidebar .sidebarbits h3 { padding:10px 0px 10px 0px; } #sidebar .sidebarbits ul li a { color:#333333; padding-left:20px;background: url("images/liarrow.gif") left no-repeat; width:10px; height:5px; } #sidebar select { width:200px; } /* categories list menu */ #maincontainer .catmenu { clear:both; overflow:hidden; background:#59a6bf url(images/catsmenubkg.gif) no-repeat; padding:10px; font-weight: bold; } #maincontainer .catmenu ul { margin-left: 10px; } #maincontainer .catmenu ul li { list-style:none;float: left;} #maincontainer .catmenu ul li a { text-decoration:none; color: #ffffff; outline: none; text-align: center; display: block; overflow: hidden; padding:0px 15px 0 15px; } #maincontainer .catmenu ul li a:hover { text-decoration: none; color:#ffffff; } /* home rss menu */ #maincontainer .home-rss-menu { float:right; margin:10px 0px 0px 0px; } #maincontainer .home-rss-menu a { color:#ffffff; font-size:x-small; padding-right:10px; } /* logo div */ #maincontainer .title-logo { float:left; margin:15px 0px 10px 0px; } #maincontainer .tagline { float:right; color:#ffffff; text-align:left; padding:10px; font-style:italic; } /* pages list menu */ #maincontainer .pagemenu { clear:both; overflow:hidden; background: url(images/pagemenubkg.gif) no-repeat; width:900px; height:46px; } #maincontainer .pagemenu ul { margin:0px 0 0 20px;} #maincontainer .pagemenu ul li { margin-top:16px; list-style:none; float:left; bold; background: transparent url("images/pagemenuseparator.gif") right no-repeat; padding-right:20px; } #maincontainer .pagemenu ul li a { color:#03708F; padding:0px 10px 0 15px; text-decoration:none; text-transform:uppercase; } #maincontainer .pagemenu ul li a:hover { text-decoration:underline;color:#404040; } #maincontainer .pagemenu ul li a:visited { color:#03708F; } #maincontainer .pagemenu ul li.current_page_item a, li.current_page_item a:visited { color:#000000;font-weight:bold; } #maincontainer .pagemenu .search { text-align:center; float:right; width:237px; height:37px; margin-top:7px; margin-right:10px; } #maincontainer .pagemenu .search .searchinput { border:1px solid #3E9FAC; padding:3px; width:170px;} #maincontainer .pagemenu .search .searchbutton {margin-top:3px;} /* Content */ #content { width:580px;float:left; background: url(images/contentbkg.gif) no-repeat;} #content .contentmiddle { padding:0px 20px 20px 20px;} #content .ad468 { clear:both; width:500px; text-align:center; height:80px; padding:20px; margin:0 auto; } #content .ad468bottom { clear:both; width:470px; text-align:center; height:70px; padding:10px; margin:0 auto; border: 4px double #EAECEE; } .postcontainer { clear:both; overflow:hidden; padding:20px 0 0 15px; width:540px;color:#333333; background: #FFFFFF url(images/subfeaturebg.png) no-repeat; margin-top:20px; } .postarea { padding:0 15px 30px 0; } .postarea ol,.postarea ul { margin-left:50px; line-height:115%;} .postareameta { margin: 30px 0; } .postarea h2 {} .postarea blockquote { color:#76767a; background:#F4F4F4; padding:6px 14px; margin:18px 35px; border-right:1px solid #DDD; border-bottom:1px solid #DDD;} .postarea ul li {list-style:square;} .postarea img{margin:10px;} .postarea .byline { display:block;padding:4px 4px 4px 0px; font-size:x-small; } .postarea .byline a { color:#000000; text-decoration:none;} .postarea .byline a:hover { color:#705738; text-decoration:underline;} .postarea .byline span.posted { background: transparent url(images/posted.png) left center no-repeat; padding-left:20px; } .postarea .excerpt {} .postarea .excerpt p { margin:0; padding:0; } .postarea .excerpt img{ float:left; margin:0 10px 0 0px; max-width:100px;width: expression(this.width > 100 ? 100: true); max-height:100px; } .postarea .readfull img { background-image:none; border:none; clear:both; float:right; margin:0; padding:0; } .postareameta {margin: 30px 0;} .bnavigation {padding-top:30px;} .alignleft { float:left; margin-right:10px; } .alignright { float:right; margin-left:10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin-right:10px; } img.alignright { float:right; margin-left:10px; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } #tags {padding:3px;border-bottom:1px solid #DDD;border-top:1px solid #DDD;} /************************************************ *Feature content * ************************************************/ #featurecontent { margin:10px 0px 0px 0px; } #featurecontent h2 { padding:2px 2px 2px 0px; margin:0px 0px 3px 0px; color:#4895AE; width:540px; height:25px;} #featurecontent .featurecol1 { float:left; color:#333333; width:500px; padding:20px;} #featurecontent .featurecol1 img { border:4px double #E2E3E5; max-width:140px;width: expression(this.width > 140 ? 140: true);max-height:140px; float:left; margin-right:10px;} #featurecontent .featurecol1 .title { margin-bottom:10px;} #featurecontent .featurecol1 .title a { font-size:medium; color:#487685; font-weight:normal; text-decoration:none; line-height:1.5em;} #featurecontent .featurecol1 .readfull img { background-image:none; border:none; clear:both; float:right; margin:0; padding:0; } /************************************************ *sub feature left column | right column * ************************************************/ #subfeature {clear:both;overflow:hidden; background: #FFFFFF url(images/subfeaturebg.png) no-repeat; padding:20px 0px 25px 10px; width:540px; color:#333333; } #subfeature .latestposts { clear:both; overflow:hidden; width:540px; padding:10px; } #subfeature .latestposts h2 { font-size:medium; font-weight:normal; text-decoration:none; height:50px; } #subfeature .latestposts h2 a { font-size:medium; font-weight:normal; text-decoration:none; } #subfeature .latestposts .meta { font-size:x-small; margin:0;float:right;} #subfeature .latestposts img { float:left; margin-right:10px; border:4px double #E2E3E5; max-width:100px; width: expression(this.width > 100 ? 100: true);max-height:100px;} #subfeature .latestposts h4 { margin:0; padding:3px 0px 3px 0px; font-size:small; text-align:center;} #subfeature .latestposts h4 a { text-decoration:none; font-weight:normal;} #subfeature .latestposts ul { width:540px; list-style-type:none; margin:0; padding:0; } #subfeature .latestposts ul li { float:left; width:250px; list-style:none; margin:0px 20px 20px 0px; padding:0px; } #subfeature .latestposts.readfull { clear:both; overflow:hidden; margin:0; padding:0; } #subfeature .latestposts.readfull img { background-image:none;border:none;clear:both;float:right; margin:0; padding:0; } /************************************************ * Forms * ************************************************/ .button {padding: 1px;background:#4895AE;color:#ffffff;border:none;height:40px;} .button:hover {background:#eeeeee;color:#4895AE;text-decoration:none;height:40px;} h3#respond { padding-top:25px; } #commentform input {width: 170px;margin: 5px 5px 1px 0;} #commentform textarea {width: 100%; margin-top:5px;} /* Comments*/ .commentlist {padding-left:30px;} .commentlist li {margin: 15px 0 3px;padding: 8px 15px 10px 15px;background:#f2f2f2;border-top: 1px solid #ddd;} #commentform small {background:#FFF;font-weight:bold;padding:0;} .commentmetadata {display: block;} .commentlist small {background:#e9e9e9;} .commentlist cite {font: 1.6em;;font-weight:bold;letter-spacing:-0.05em;} /* Float Properties*/ .clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";} .clearfloat {display:inline-block} .clearfloat {display:block} /************************************************ *Footer * ************************************************/ #footer {margin:30px auto;color:#ffffff;font-size:9px;background: url(images/footerbg.gif) no-repeat;width:900px;height:60px;clear:both;} #footer .footercontent {padding:25px;} #footer a {color:#ffffff;} #footer .tools {float:right; margin-right:30px;} #footer .tools ul {list-style: none;} #footer .tools ul li {float: left; display: block; padding-left:20px;} #footer .tools ul li a {float: left; display: block;} #footer .tools ul li a:hover {color:#000000;}