* {
margin: 0;
padding: 0;
}
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: inherit;
font-style: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
}
html, body {
height: 100%;
}
body {
line-height: 1.5em;
/* for safari2 */
position: relative;
color: #000;
background: #eaeff2 url(../img/bgvert.jpg) repeat-x;
}
#wrapper {
width: 960px;
height: auto !important;
min-height: 100%;
margin: 0 auto -80px;
border: 0 solid #11486c;
background: transparent;
}
#header {
width: 960px;
height: 193px;
margin: 0 auto;
background: transparent url(../img/header_bg.jpg) 0 0 no-repeat;
}
#header {
width: 1016px;
height: 200px;
margin: 0;
background: transparent url(../img/header.jpg) 0 0 no-repeat;
}
#logo {
position: relative;
top: 35px;
left: 12px;
width: 290px;
height: 72px;
background: transparent;
}
#logo a {
display: block;
width: 290px;
height: 72px;
text-indent: -300em;
background: transparent;
}
#content {
width: 1016px;
height: auto;
margin: 10px 0 0 0;
background: transparent url(../img/bg-content.jpg) 0 0;
}
#sidebar {
display: inline;
float: right;
width: 308px;
margin-right: 15px;
border: 0 solid #693;
}
#mainContent, .mainContent {
float: left;
width: 630px;
margin-left: 10px;
}
#sidebar img {
padding-left: 1px;
border: none;
}
#mainContent p {
font: 14px/26px 'Roboto', Tahoma, sans-serif;
line-height: 26px;
padding: 10px 15px;
text-align: justify;
color: #555;
}
#mainContent p.license {
font: 14px/20px Tahoma, Verdana, sans-serif;
line-height: 26px;
padding: 10px 0 5px 30px;
text-align: justify;
color: #111;
color: #555;
}
.mainContent p.aboutme {
font: 14px/25px Georgia, serif;
width: 295px;
margin: 80px 20px 0 185px;
padding: 0 50px 0 0;
text-align: justify;
text-indent: 20px;
letter-spacing: .02em;
color: #443984;
}
.mainContent p.aboutme strong {
font: bold 14px/25px Georgia, serif;
}
.mainContent p.aboutme img {
float: left;
margin: 0 10px 0 0;
border: 0 solid #aaa;
}
#mainContent p img {
float: right;
margin: 5px 5px 5px 10px;
border: 1px solid #aaa;
}
#mainContent p.barticle {
font: 16px/28px 'Roboto', sans-serif;
font-weight: 400;
margin: 5px 25px;
padding: 5px;
text-align: justify;
text-indent: 20px;
letter-spacing: .02em;
color: #444;
}
#mainContent p.barticle strong {
font: bold 16px/28px 'Roboto', sans-serif;
text-decoration: none;
}
#mainContent p.barticle a {
font: bold 16px/28px 'Roboto', sans-serif;
text-decoration: none;
}
#mainContent img.preview {
margin: 5px 5px 5px 14px;
padding: 3px;
border: 1px solid #d4d4d4;
}
#mainContent img.preview2 {
margin: 5px 5px 5px 14px;
padding: 3px;
border: 0 solid #d4d4d4;
}
#bottom {
line-height: 15px;
width: 1016px;
height: 20px;
margin: 0 auto;
text-align: left;
color: #eee;
background: transparent url(../img/bottom-content.jpg) bottom left no-repeat;
}
#footer {
height: 80px;
margin: 0 auto;
background: #336087 url(../img/bg_footer.png) repeat-x 0 0;
}
#footer p {
line-height: 35px;
display: block;
margin: 0 auto;
text-align: center;
color: #8bbed8;
text-shadow: 1px 1px 0 #000;
}
#footer p a {
font-size: 10px;
padding: 0 5px;
text-decoration: none;
letter-spacing: .1em;
text-transform: uppercase;
color: #98a8b8;
}
#footer p a:hover {
padding: 0 5px;
text-decoration: none;
text-transform: uppercase;
color: #3a86ad;
}
#footer p img {
margin: 0 30px;
}
#foot_bg {
height: 125px;
margin: 0 auto;
background: #a4c3d7 url(../img/f-bg.gif) repeat-x 0 50px;
}
.push {
height: 80px;
background: transparent;
}
#foot {
clear: both;
width: 1016px;
height: 10px;
margin: 0 auto;
background: transparent;
}
:focus {
outline: 0;
}
#txt p {
font: 12px/20px Verdana, Tahoma, sans-serif;
text-align: left;
color: #000;
}
#top_bg {
width: 1016px;
height: 20px;
background: url(../img/top-content.jpg) no-repeat;
}
.box_bottom {
width: 279px;
padding-bottom: 5px;
background: url(../img/box_bottom.jpg) 0 bottom no-repeat;
}
a, a:visited {
color: #196a9e;
}
a:hover {
text-decoration: none;
color: #a11a68;
}
a:active {
color: #11486c;
}
/*---------------------------------------
HEADINGS */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin: 1px;
padding: .5em;
text-align: center;
color: #020;
border-left: 0 solid #eee;
background: transparent;
}
h1 {
font: 26px/26px'Roboto Condensed', sans-serif;
width: 610px;
margin: 0 0 0 12px;
padding: 4px 2px 0;
letter-spacing: 0;
}
h1 a {
font: bold 25px/30px'Roboto Condensed', sans-serif;
text-decoration: none;
letter-spacing: .00em;
text-transform: uppercase;
color: #6a6d74;
}
h1 small {
float: right;
margin: 10px 15px;
color: #646464;
}
h1 a:hover {
font-size: 25px;
text-decoration: none;
color: #545454;
}
h2 {
font-size: 20px;
color: #98abbc;
}
h2.h2search {
font: 36px/48px Arial, sans-serif;
color: #a9b9c7;
text-shadow: 1px 1px 1px #468;
}
h2.h2search span {
font: 36px/48px Arial, sans-serif;
color: #e45f2c;
text-shadow: 1px 1px 1px #646464;
}
h2.ame {
font: bold 32px Georgia, serif;
margin-left: 30px;
letter-spacing: 1px;
color: #79c4df;
text-shadow: 1px 1px 1px #536e81;
}
h3 {
font-size: 16px;
text-align: left;
color: #00526f;
}
h3.related {
font-size: 22px;
text-align: left;
color: #37648a;
}
h3.tag {
font: 14px'Maven Pro', sans-serif;
width: 292px;
margin: 5px 0;
padding: 3px 0 3px 8px;
text-align: left;
letter-spacing: -.01em;
color: #ecf3f7;
-moz-border-radius: 0;
border-radius: 0;
background: #9ca3a7 url(../img/tag_bg.png) repeat;
text-shadow: 1px 1px 1px #343434;
}
h3.lic, h4.lic {
font: bold 20px Arial, sans-serif;
text-align: center;
color: #00526f;
}
h4.lic {
font: bold 14px Arial, sans-serif;
margin-left: 25px;
text-align: left;
color: #00526f;
}
h4 {
font-size: 14px;
clear: both;
}
h5 {
font-size: 10px;
clear: both;
}
h6 {
font-size: 9px;
}
/*---------------------------------------
mainNav */
#mainNav {
position: relative;
top: -26px;
left: 35px;
width: 980px;
height: 30px;
text-align: center;
color: #d0d9df;
background: transparent;
}
#mainNav ul {
display: inline;
width: 700px;
margin: 0;
padding: 0;
list-style-position: outside;
list-style-type: none;
list-style-image: none;
text-align: left;
background: transparent;
}
#mainNav ul li {
display: inline;
}
#mainNav ul li a {
font: 15px/20px'Maven Pro', sans-serif;
line-height: 30px;
display: block;
float: left;
height: 30px;
margin: 0 1px;
padding: 1px 10px 1px 15px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-align: center;
text-decoration: none;
letter-spacing: .01em;
color: #e0e0e0;
border-bottom: 0 solid #d57500;
background: transparent;
text-shadow: 1px 1px 0 #000;
}
#mainNav ul a:hover {
color: #ffa69a;
border-bottom: 0 solid #bbb;
background: transparent;
}
#mainNav ul li.active a {
line-height: 30px;
color: #ffa69a;
border-top: 0 solid #ffa69a;
background: transparent;
text-shadow: 1px 1px 1px #000;
}
#mainNav ul li.active a:hover {
line-height: 30px;
color: #ffa69a;
border-bottom: 0 solid #bbb;
background: transparent;
}
/*---------------------------------------
subNav */
#subNav {
float: right;
height: 24px;
margin: 8px 20px;
text-align: center;
color: #333;
}
#subNav ul {
display: inline;
width: 600px;
margin: 0;
padding: 0;
list-style-position: outside;
list-style-type: none;
list-style-image: none;
text-align: left;
background: transparent;
}
#subNav ul li {
display: inline;
}
#subNav ul a {
font: bold 11px/14px'Roboto', sans-serif;
line-height: 18px;
display: block;
float: left;
height: 18px;
padding: 0 0 0 40px;
text-align: center;
text-decoration: none;
letter-spacing: .01em;
text-transform: uppercase;
color: #343434;
border-right: 0 solid #fff;
background: transparent;
text-shadow: 1px 1px 0 #e0e0e0;
}
#subNav ul a:hover {
color: #646464;
background: transparent;
}
#subNav ul a.active {
line-height: 18px;
color: #646464;
background: transparent;
}
#subNav ul a.active:hover {
color: #545454;
background: transparent;
}
/*---------------------------------------
TAGS */
address {
font-style: normal;
}
small {
font: 11px Tahoma, sans-serif;
margin: 0 30px;
color: #343434;
}
p {
font-size: .9em;
margin: 0;
padding: 0;
color: #2526a3;
}
blockquote {
margin: 10px;
padding: 5px 20px;
color: #405a24;
border-left: 10px solid #689739;
background: #dbebcb;
font-size: 1.2em;
}
blockquote strong {
font-size: 1.1em;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
sup {
font-size: 9px;
}
/*---------------------------------------
EXTRA */
.clear {
font-size: 15px;
line-height: 1px;
clear: both;
width: 100%;
height: 1px;
margin: 0;
padding: 0;
}
.clear10 {
font-size: 15px;
line-height: 1px;
clear: both;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}
.clear20 {
font-size: 15px;
line-height: 1px;
clear: both;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
}
.clear30 {
font-size: 15px;
line-height: 1px;
clear: both;
width: 100%;
height: 30px;
margin: 0;
padding: 0;
}
.clear50 {
font-size: 15px;
line-height: 1px;
clear: both;
width: 100%;
height: 50px;
margin: 0;
padding: 0;
color: #aad6f2;
}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: '.';
}
* html > body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
ul.box1 {
display: inline;
float: left;
width: 130px;
height: 75px;
margin: 10px 0 0 25px;
}
ul.box1 li {
font: bold 11px/18px Tahoma, sans-serif;
list-style: none;
}
ul.box1 li a {
color: #553;
}
ul.box1 li a:hover {
text-decoration: none;
color: #b50;
}
.fg img {
display: inline;
margin: 7px 0 0 33px;
padding: 2px;
border: 2px solid #4f9bbf;
}
.fg a:hover.imglink img {
padding: 2px;
border: 2px solid #900;
background: #900;
}
.fg a:hover.imglink {
background: none;
}
.fl {
float: left;
margin-right: 10px;
}
.fr {
float: right;
margin-left: 10px;
}
#pgnt {
font-family: Arial, sans-serif;
width: 650px;
height: 30px;
margin: 15px 0 0 30px;
}
ul#pagination {
width: 650px;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#pagination li {
display: inline;
list-style-type: none;
color: #fff;
}
#pagination li a {
padding: 3px 10px;
border-radius: 2px;
}
#pagination li a:link, #pagination li a:visited {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-decoration: none;
color: #747474;
border: 1px solid #d0d0d0;
border-radius: 2px;
background-color: #eee;
}
#pagination li a:hover {
text-decoration: none;
color: #fff;
border: 1px solid #999;
border-radius: 2px;
background-color: #bbb;
}
#pagination li.currentPage {
padding: 3px 10px;
text-decoration: none;
color: #239fff;
border: 1px solid #53b0fc;
border-radius: 2px;
background-color: transparent;
}
.posted {
font: 10px'Roboto', sans-serif;
width: 600px;
height: 23px;
margin: 10px 0 0 12px;
padding: 4px 0 0 9px;
letter-spacing: .03em;
color: #a28686;
background: transparent url(../img/bg-posted.png) no-repeat 0 0;
}
.postedItem {
font: 9px'Roboto', sans-serif;
width: 600px;
height: 23px;
margin: 5px 0 0 10px;
padding: 0;
text-align: center;
color: #bf8f8d;
background: transparent;
}
.dload {
font: 11px/16px'Roboto', sans-serif;
letter-spacing: .025em;
color: #708391;
background: transparent url(../img/bg-posted-d.png) no-repeat 0 0;
}
.posted a, .postedItem a {
font: 11px'Roboto', sans-serif;
text-decoration: none;
color: #56a4d0;
}
.posted a:hover {
text-decoration: none;
color: #0055a6;
}
.posted strong {
font-size: 10px;
font-weight: bold;
padding: 0 10px 0 0;
color: #737070;
}
.posted span {
padding: 0 5px;
}
.postedItem span {
font: 9px'Roboto', sans-serif;
color: #c2a19f;
padding: 0 0 0 40px;
}
.postedItem strong.bld {
font: 9px 'Roboto', sans-serif;
padding: 0 3px;
}
.graphImg {
margin: 0 0 0 30px;
padding: 0;
}
.download, .readmore {
font-weight: bold;
float: right;
margin-right: 7px;
color: #11486c;
}
.download {
padding-left: 20px;
background: transparent url(../img/download_arrow3.png) no-repeat 0 50%;
}
.download a, .readmore a {
font-size: 12px;
font-weight: 400;
line-height: 14px;
width: 72px;
height: 19px;
padding: 3px 0 5px 12px;
text-decoration: none;
color: #ffdcd8;
}
.download a {
color: #d5fecd;
line-height: 16px
}
.download a:hover, .readmore a:hover {
text-decoration: none;
color: #fff;
}
.hfeed {
margin-left: 20px;
}
ul.relatedgfx, ul.cat_list {
width: 630px;
margin: 10px 0;
padding-left: 0;
white-space: nowrap;
color: #11486c;
}
.relatedgfx li, .cat_list li {
display: inline;
list-style-type: none;
color: #fff;
}
.cat_list li a {
display: block;
float: left;
width: 185px;
height: 185px;
margin: 5px;
list-style-type: none;
color: #800;
}
.cat_list li p {
width: 300px;
color: #11486c;
}
.relatedgfx li a {
display: inline-block;
width: 184px;
height: 184px;
margin: 3px 11px;
}
.relatedgfx li a:link, .relatedgfx li a:visited, .cat_list li a:link, .cat_list li a:visited {
text-decoration: none;
color: #747474;
background-color: #eee;
}
.relatedgfx img, .cat_list img {
padding: 1px;
border: 1px solid #98c5da;
}
.relatedgfx a.imglink:hover img, .cat_list a.imglink:hover img {
padding: 1px;
border: 1px solid #6aaecd;
background: #6aaecd;
}
.relatedgfx a.imglink:hover, .relatedgfx a.imglink:hover {
background: none;
}
/* _______ 05 - Comments */
ol li {
margin: 4px 0;
list-style: none;
border-top: 0 solid #ccc;
border-left: 0 solid #ddd;
}
ol.hf li {
font: 14px Arial, sans-serif;
margin: 5px 25px 0 45px;
list-style: none;
text-align: justify;
border-top: 0 solid #ccc;
border-left: 0 solid #ddd;
color: #2a4f67;
}
ol.hf li ol li {
font: 14px Arial, sans-serif;
margin: 8px 0;
color: #2a4f67;
}
#comments {
/* width: 90%;*/
font-family: 'Roboto', sans-serif;
}
.comments-wrapper label {
color: #85919c;
}
#mainContent h4#comment {
font: italic 12px'Trebuchet MS', sans-serif;
font-size: 26px;
margin: 20px 0 20px 0;
color: #c4c4c4;
text-shadow: 1px 1px 1px #545454;
}
.comment {
font-size: inherit;
margin: 10px 3px 0 20px;
padding: 10px;
list-style: none;
border-top: 1px solid #d4d4d4;
border-left: 5px solid #c4c4c4;
background-color: #eee;
}
.comment-admin {
font-size: inherit;
margin: 10px 3px 0 20px;
padding: 10px;
list-style: none;
border-top: 1px solid #4CA6FF;
border-left: 5px solid #4CA6FF;
background-color: #E9EFFF;
}
.comment .avatar, .comment-admin .avatar {
float: left;
margin-right: 12px;
padding: 0;
border: 1px solid #ddd;
}
.comment cite, .comment-admin cite {
font-size: 14px;
font-weight: bold;
font-style: normal;
}
.comment cite a:link, .comments cite a:visited {
color: #333;
}
.commentmetadata {
font-size: 9px;
font-weight: normal;
display: block;
margin: 0;
color: #2088ca;
}
.comments p#previewMessage {
font-weight: bold;
}
#comments p#CommentInputForm {
font-weight: bold;
width: 80%;
margin-right: auto;
margin-left: auto;
padding: 10px;
text-align: center;
border: 1px solid #bbb;
background-color: #f1f1f1;
}
#mainContent .comment p {
font: normal 13px/22px 'Roboto', sans-serif;
font-weight: 400;
margin: 5px 3px 3px 50px;
padding-right: 30px;
}
#mainContent .comment-admin p {
font: normal 13px/22px 'Roboto', sans-serif;
font-weight: 300;
margin: 5px 3px 3px 50px;
padding-right: 30px;
color: #246;
}
/* ________ 06 - Comment Form */
.comments-wrapper {
font-family: 'Roboto', sans-serif;
width: 380px;
margin: 0 auto;
}
form#commentInputForm .formBlock {
width: 400px;
margin: 0;
}
form#commentInputForm h4 {
font-size: 20px;
clear: both;
margin: 10px;
color: #11486c;
}
form#commentInputForm p {
margin: 0;
padding: 0;
}
form#commentInputForm ul.comments_error {
width: 307px;
margin: 5px 0 10px 70px;
color: #800;
}
form#commentInputForm ul.comments_error {
margin: 1px 0;
padding: 5px 7px;
list-style: none;
border: 1px dotted #ddd;
}
.comment_name_input, .comment_email_input, .comment_web_input {
width: 100%;
margin: 0;
padding: 10px;
}
.comment_name_input:focus, .comment_email_input:focus, .comment_web_input:focus {
width: 100%;
padding: 11px;
border: 1px solid #aaa;
background-color: #e7eff2;
}
div.formBlock textarea.CommentInputMessage {
font: 14px'Maven Pro', sans-serif;
width: 362px;
height: 100px;
padding: 5px;
border: 1px solid #c4bbbb;
background-color: #f2f2f2;
}
form#commentInputForm textarea#message:focus {
width: 100%;
height: 100px;
padding: 5px;
border: 1px solid #aaa;
background-color: #e7eff2;
}
div#commentFormButtons {
margin-left: 100px;
}
div#commentFormButtons input#CommentPreview, div#commentFormButtons input#CommentSubmit {
margin: 0 10px;
padding: 2px 10px;
color: #eee;
border: none;
background: #3174ae;
border-radius: 3px
}
div#commentFormButtons input#CommentPreview:hover, div#commentFormButtons input#CommentSubmit:hover {
margin: 0 10px;
padding: 2px 10px;
color: #eee;
border: none;
background: #0085df;
border-radius: 3px
}
form#commentInputForm p.commentErrorMessage {
font-size: 14px;
font-weight: bold;
color: #555;
}
form#commentInputForm p.commentErrorMessage span {
font-size: 20px;
font-style: italic;
margin-right: 15px;
}
form#commentInputForm ul.comments_error {
color: #c42b1a;
}
.moduletable_search {
position: relative;
top: -49px;
left: 915px;
width: 50px;
height: 28px;
margin: 10px 0 0 0;
border: 0 solid #8fb605;
background: transparent;
}
.moduletable_search input {
font-size: 12px;
width: 150px;
margin: 5px 3px 0 10px;
padding: 3px;
color: #eee;
border: 1px solid #972702;
background: #520800;
}
#searchSite input.button {
font: 12px 'Maven Pro', sans-serif;
width: 70px;
margin: 0;
margin: 5px 0 0 205px;
padding: 1px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
letter-spacing: -.01em;
color: #891100;
border: 1px solid #fcc7bf;
border-radius: 4px;
background-color: #eda399;
}
.moduletable_search input:focus, .moduletable_search input:hover {
padding: 3px;
color: #369;
border: 1px solid #972702;
background-color: #e7e7e7;
}
#searchSite input.button:hover {
width: 70px;
margin: 5px 0 0 205px;
padding: 1px;
color: white;
border: 1px solid #8d2e21;
background-color: #b44537;
}
.cat_list p.etxt {
float: none;
width: 300px;
color: #11486c;
}
#sidebar .sm-icons {
width: 305px;
height: 50px;
border: 0 solid #899;
}
#sidebar .sm-icons p {
font: bold 28px montserrat, sans-serif;
float: left;
margin: 0;
letter-spacing: -.03em;
color: #acb3b7;
text-shadow: rgba(0, 0, 0, .75) 1px 1px 1px;
}
#sidebar .sm-icons a {
display: block;
float: right;
width: 36px;
height: 50px;
margin: 0 5px 10px;
text-indent: -9999px;
}
#sidebar .sm-icons a.rss {
background: transparent url(../img/sm-icons-hor.jpg) no-repeat -110px 0;
}
#sidebar .sm-icons a.rss:hover {
background: transparent url(../img/sm-icons-hor.jpg) no-repeat 0 0;
}
#sidebar .sm-icons a.twitter {
background: transparent url(../img/sm-icons-hor.jpg) no-repeat -147px 0;
}
#sidebar .sm-icons a.twitter:hover {
background: transparent url(../img/sm-icons-hor.jpg) no-repeat -37px 0;
}
#sidebar .sm-icons a.fbook {
background: transparent url(../img/sm-icons-hor.jpg) no-repeat -183px 0;
}
#sidebar .sm-icons a.fbook:hover {
background: transparent url(../img/sm-icons-hor.jpg) no-repeat -73px 0;
}
#ad468x60 {
font: bold 20px Tahoma, sans-serif;
position: relative;
top: -35px;
left: 520px;
width: 468px;
height: 100px;
color: #9cf;
border: 0 solid #748ea5;
background-color: transparent;
}
#ad610x90 {
font: bold 20px Tahoma, sans-serif;
position: relative;
top: -40px;
left: 400px;
width: 610px;
height: 90px;
color: #9cf;
border: 0 solid #748ea5;
background-color: transparent;
}
.ad300x250 {
font: bold 20px Tahoma, sans-serif;
position: relative;
top: 0;
left: 0;
width: 300px;
height: 250px;
color: #9cf;
border: 0 solid #748ea5;
background-color: transparent;
}
.holder300 {
font: bold 20px Tahoma, sans-serif;
position: relative;
top: 0;
left: 0;
width: 300px;
height: 300px;
color: #9cf;
border: 0 solid #9eafc1;
background-color: transparent;
}
.holder140 {
font: bold 20px Tahoma, sans-serif;
position: relative;
top: 0;
left: 0;
width: 300px;
height: 140px;
color: #9cf;
border: 0 solid #9eafc1;
background-color: transparent;
}
.ad125x125 {
font: bold 20px Tahoma, sans-serif;
float: left;
width: 125px;
height: 125px;
margin: 10px 12px;
color: #9cf;
border: 0 solid #748ea5;
background-color: transparent;
}
.ad250x250 {
font: bold 20px Tahoma, sans-serif;
float: left;
width: 250px;
height: 250px;
margin: 10px auto;
color: #9cf;
border: 0 solid #748ea5;
background-color: #d1d4d8;
}
.ad260x120 {
font: bold 20px Tahoma, sans-serif;
float: left;
width: 260px;
height: 120px;
margin: 10px 10px 10px 20px;
color: #9cf;
border: 0 solid #748ea5;
background-color: transparent;
}
.flancer {
font: bold 20px Tahoma, sans-serif;
float: left;
width: 290px;
margin: 10px 12px;
color: #9cf;
border: 0 solid #748ea5;
background-color: transparent;
}
#gl {
position: relative;
top: -10px;
left: 10px;
width: 680px;
height: 15px;
background-color: #98abbc;
}
/*#colors{position:absolute;top:50px;right:10px;padding:0;}*/
#colors {
height: 34px;
}
#colors h4 {
font-size: .7em;
float: left;
margin: 2px 20px 0 0;
padding: 0;
}
#colors a {
display: block;
float: left;
width: 22px;
height: 22px;
margin: 2px 2px 0 3px;
text-indent: -999em;
-moz-border-radius: 12px;
border-radius: 12px;
background: #ccc;
}
a#cBrown {
background: #784819;
}
a#cRed {
background: #c22;
}
a#cOrange {
background: #ff8000;
}
a#cYellow {
background: #e2e300;
}
a#cGreen {
background: #00ae01;
}
a#cBlue {
background: #4169e1;
}
a#cPurple {
background: #980099;
}
a#cPink {
background: #ffb2c0;
}
a#cGray {
background: #848484;
}
a#cBlack {
background: #000;
}
a#cMulti {
background: url(../img/polycolor.png);
}
#colors a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#colors a:hover {
width: 22px;
height: 30px;
}
#tag_cloud {
margin: 5px 5px 5px 2px;
text-align: justify;
color: #999;
}
#tag_cloud a {
font-family: 'Roboto', sans-serif;
font-size: 10px;
line-height: 28px;
margin: 0 0;
padding: 3px 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration: none;
text-transform: uppercase;
color: #fff;
border: 0 solid #cfd7db;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #4794ba;
}
#tag_cloud a:hover, #tag_cloud a.activetag {
padding: 3px 3px;
text-decoration: none;
color: #fff;
border: 0 solid #5c8198;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #d86656;
}
.tagSize1, .tagSize2, .tagSize3, .tagSize4 {
line-height: 24px;
margin: 2px 1px;
}
.addthis_toolbox {
margin: 5px 15px;
}
.mainContent {
height: 700px;
background: transparent url(../img/about_b.jpg) no-repeat 20px 0;
}
#mainContent p.tTag {
margin-left: 15px;
padding: 5px 5px 5px 25px;
background: transparent url(../img/tTag.gif) no-repeat 0 51%;
}
#mainContent p.eLink {
margin-left: 10px;
padding: 5px;
background: transparent;
}
#mainContent p.eLink a {
font: italic 14px'Trebuchet MS', sans-serif;
color: #287aae;
}
#mainContent p.tTag a {
font: italic 13px'Trebuchet MS', sans-serif;
color: #287aae;
}
#mainContent p.tos {
font-size: 11px;
margin: 5px;
padding: 2px 10px;
letter-spacing: .025em;
color: #6f7480;
}
#mainContent p.tos a {
font: normal 10px'Trebuchet MS', sans-serif;
color: #a4005a;
}
#chiad-a {
margin: 15px 15px;
}
#chiad-sb {
margin: 15px 15px;
}
#chiad-fp {
margin: 10px 60px;
}
.img250px {
margin: 15px 25px;
}
#mainNav ul li a#searchtoggl {
line-height: 20px;
margin-right: 0;
padding: 10px 0 0 30px;
}
/** hidden search field **/
#searchbar {
z-index: 9999;
display: none;
float: right;
width: 278px;
height: 30px;
margin: -30px 19px 0 0;
padding-right: 10px;
padding-left: 25px;
border-top: 1px solid #d8d8d8;
background: #fff;
-webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, .2);
box-shadow: -1px 2px 2px rgba(0, 0, 0, .2);
}
#q {
font-size: 1.250em;
font-weight: bold;
line-height: 20px;
position: relative;
top: -22px;
left: -22px;
display: block;
width: 225px;
height: 25px;
padding: 0;
color: #676767;
border: 0;
outline: none;
}
#searchsubmit {
display: block;
float: right;
margin-top: 3px;
cursor: pointer;
color: #1771cc;
border: 0;
outline: none;
background: none;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline li {
display: inline-block;
margin-bottom: 10px;
padding-right: 4px;
padding-left: 8px;
}
.list-inline li a {
text-decoration: none;
}
.social-icons .icon {
font-family: icomoon;
font-size: 1.5em;
}
.social-icons .icon {
line-height: 42px;
width: 30px;
height: 30px;
padding: 12px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
text-align: center;
color: #fff;
color: rgba(255, 255, 255, .9);
}
.social-icons.icon-circle .icon {
border-radius: 50%;
}
.social-icons.icon-circle a {
text-decoration: none;
}
.social-icons.icon-rounded .icon {
border-radius: 8px;
}
.social-icons.icon-flat .icon {
border-radius: 0;
}
.social-icons .icon:hover, .social-icons .icon:active {
color: #fff;
-webkit-box-shadow: 1px 1px 3px #444;
-moz-box-shadow: 1px 1px 3px #444;
box-shadow: 1px 1px 3px #444;
}
.social-icons.icon-zoom .icon:hover, .social-icons.icon-zoom .icon:active {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.social-icons a .icon-feed {
background-color: #a5abaf;
}
.social-icons a:hover .icon-feed {
background-color: #ff7010;
}
.social-icons a .icon-twitter {
background-color: #a5abaf;
}
.social-icons a:hover .icon-twitter {
background-color: #32ccfe;
}
.social-icons a .icon-facebook {
background-color: #a5abaf;
}
.social-icons a:hover .icon-facebook {
background-color: #3c599f;
}
.social-icons a .icon-flickr2 {
background-color: #a5abaf;
}
.social-icons a:hover .icon-flickr2 {
background-color: #ff0084;
}
.social-icons a .icon-pinterest {
background-color: #a5abaf;
}
.social-icons a:hover .icon-pinterest {
background-color: #cc2127;
}
strong.commlic {
font-size: 1.2em
}
span.commlic-sale {
font-size: 1.2em;
text-decoration: line-through;
}
a.btn-offer {
width:250px;
background-color: #69acef;
color: #fff;
display: block;
margin: 25px auto;
text-align: center;
padding:10px;
text-decoration: none;
font-size: 15px;
}
a.btn-offer:hover {
background-color: #89cdff;
color: #fff;
}
.h2offer {
color:#333;
font-size:24px;
}