/*
Theme Name: Dottedmusic
Theme URI: 
Description: blah blah blah.
Version: 1.0
Author: Lin
Author URI: http://lindesigner.com
Tags: light, jquery
*/
/* GLOBAL ELEMENTS
----------------------------------
*/
/* Resets 
--------------------------
*/
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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: #12283d;
background-color:#ffffff;
font-size:12px;
font-family:Arial;
height: 100%;
}
html, body {
height: 100%;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
blockquote {
font-style: italic;
padding: 5px 20px 0px 60px;
margin: 10px 0;
}
acronym {
cursor: help;
border-bottom: 1px dashed #132940;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
hr {
display: none;
}
a {
text-decoration:none;
color:#237fd6;
}
a:hover {
text-decoration:underline;
}
.internal a:hover {
text-decoration:none !important;
}
h1 {
font:24px Trebuchet MS;
color:#237fd6;
line-height:90%;
padding:8px 0px;
}
h3 {
font:20px Trebuchet MS;
color:#237fd6;
letter-spacing: -0.5px;
padding-top: 10px;
padding-bottom: 8px;
line-height: 23px;
}
.right {
float: right;
}
.left {
float: left;
}
.hide {
display: none;
}
.irelative {
position:relative;
}
.text {
padding:5px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.incomment {
padding:5px 0 !important;
}
.clear {
clear: both;
}
.clearfix {overflow:hidden; zoom:1}
.clearfix2 {display:block}
.clearfix2:after {content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0}
/* STRUCTURE
----------------------------------
*/
#mygallery  {
background:#12283d url(images/featured_bg.jpg) no-repeat top right;
}
#container {
/*background-color:#132940;*/
background-color:#fff;
}
#wrapper {
width:960px;
margin:0 auto;
}
.center {
height:580px;
background:url(images/head.jpg) repeat-x;
}
#header {
padding-bottom:50px;
}
#search_top {
padding-top:13px;
height:35px;
}
#search_top .screen-reader-text {
display:none;
}
#search_top #s {
background:url(images/search_input.jpg) no-repeat;
width:234px;
padding:5px 10px 5px 30px;
border:0px;
font:12px Arial;
color:#5177a2;
}
#search_top #searchsubmit {
display:none;
}
.menu-head-container {
float:left;
}
.menu_head {
float:left;
padding-top:4px;
}
.menu_head ul {
margin:0px;
padding:0px;
}
.menu_head li {
float:left;
list-style:none;
margin-right:15px;
}
.menu_head a {
font:14px Arial;
color:#97bdde;
padding:5px 10px;
text-transform:uppercase;
}
.menu_head a:hover, .menu_head .current-menu-item a {
background:#051017;
border-bottom:1px solid #122c40;
}
.search_head {
float:right;
}
#logo {
margin-top:45px;
}
.menu {
padding-top:30px;
}
#access {
float:right;
margin-top:20px;
}
#access li {
float:left;
}
#access li a {
font:bold 16px Arial;
text-transform:uppercase;
text-decoration:none;
color:#97bdde;
padding:15px 25px;
}
#access li a:hover, #access li.current_page_item a {
color:#fff;
background:#0b1b27;
}
#footer {
color:#fff;
height:76px;
font-size:10px !important;
background:#d2d2d5;
border-top:1px solid #e3e3e5;
}
/* MIDDLE NAV - nav2 ( dropdown menu )
----------------------------------
*/
#middlenav ul {
margin: 0px;
padding-left: 0px;
list-style-type: none; 
list-style-image: none; 
float: left;
}
#middlenav ul li {
float: left; 
display: block; 
padding-left: 0px;
z-index:1000;
}
#access .children li a  {
display: block;
color: #97bdde !important;
padding: 15px 26px;
float: left;
font:12px Arial!important;
}
#access .children li a:hover {
text-decoration:none !important;
color:#fff !important;
}
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav ul {position:absolute;top:-999em;}
.nav li {float:left;position:relative;z-index:99;}
.nav a {display:block;}
.nav ul li{width: 100%;}
.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:37px;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}
.nav li:hover ul,.nav li li:hover ul {top: -999em;}
.rss_icon_div {float:right; height:28px; padding-top:19px;}
.rss_icon {background: url(images/rss-icons.jpg) no-repeat; padding:4px 13px; height:28px;}
.rss_icon:hover {background: url(images/rss-icons.jpg) no-repeat; padding:4px 13px; background-position:-26px 0px;}
/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/
.nav li li {
display: block;
padding: 0px;
height: auto !important;
background-color: #0b1b27!important;
}
.nav li:hover {
background-color: #0b1b27!important;
}
.nav li li a:link, .nav li li a:visited {
width:150px;
display: block;
background-color: #0b1b27;
height: auto !important;
}
.nav li li a:hover {
background-color: #0e2130!important;
text-decoration:none !important;
}
.children {
margin-top:13px;
}
.sf-sub-indicator {
display:none;
}
/* PAGE
----------------------------------
#page {
width:938px;
margin:0 auto;
padding:0px;
border-left:1px solid #C9D0DC;
border-right:1px solid #C9D0DC;
padding:10px 10px 0px 10px;
}*/
/* POSTS
----------------------------------
*/
.comment {
background:url(images/comments_bg.jpg) no-repeat;
height:54px;
width:55px;
padding-top:2px;
float:right;
text-align:center;
margin:11px 0px 0px 10px;
}
.tweets {
float:right;
margin:8px 0px 0px 11px;
}
.comment a {
font:24px Georgia;
color:#fff;
text-decoration:none;
line-height:35px;
}
.comment a:hover {
text-decoration:none;
}
#posts {
width:630px;
margin:0;
padding:0;
}
#posts h2.headbar {
margin:0; padding:10px 20px;
width:auto; height:auto;
background:url(images/clip-bar.png) no-repeat top left;
position:absolute; display:block;
font:bold 21px Arial, Helvetica, sans-serif; color:#fbfbfb;
left:-20px;
z-index:100;
height:52px;
}
/* fpost*/
#posts .fpost {
margin-top:5px;
background:#E2E7F0;
border:1px solid #C9D0DC;
padding:10px;
width:640px;
height:350px;
margin-bottom:10px;
}
/* end */
span.cap {
//top: 49px;
height:49px;
float:left;
font-size:300%;
font-family:Arial;
font-weight:bold;
color:#237FD6;
line-height:1em;
padding-right:0.1em;
margin-bottom:-0.3em;
margin-right:0.02em;
position:relative;
}
span.cap span{
//float:left;
display:block;
height:0pt;
position:relative;
right:0.06em;
top:-1.06em;
}
span.cap:before{
content:attr(title);
color:#ccc;
}
span.cap u {display: none; 
margin: 0px; 
padding: 0px; 
//display: visible; 
color: #ccc; 
text-decoration: none; 
//position: absolute; 
//top: -48px; 
//left: 1px}
p.first-child{
font-size:16px;
line-height:140% !important;
}
/* post columns */
#post .col1 {
width:575px;
background:#fff;
padding:15px 25px;
/*border-left: 2px solid #F2F2F6;
border-right: 2px solid #F2F2F6;*/
border-left: 0!important;
border-right: 0!important;
}
#post .col-head {
padding:0px 0px 10px;
color:#204466;
font:30px Trebuchet MS;
border-bottom:1px dashed #c6c6c6;
}
#post .col-body {
padding:10px 0px 20px 0px;
font-size:14px;
line-height:145%;
margin-bottom:10px;
}
.post-content h1 {
padding:8px 0px 0px;
}
#post .col-body div.post-meta {
font-family: Arial;
font-size:11px !important;
color:#9ea4ab;
display:block;
padding:0px 0px 5px;
margin:0px 0px 10px 0px;
}
#post .col-body div.post-box {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dashed #c6c6c6;
}
/* in content */
.breadcrumb {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px dashed #C6C6C6;
text-transform: capitalize;
font:11px Arial;
}
.post-box p {
padding-bottom:10px;
line-height:150%;
}
.main-post-box p {
padding:0px;
line-height:140% !important;
}
p.note {
border:1px solid #C9D0DC;
background-color:#E9E9E9;
padding:6px !important;
margin:3px 0;
}
p.warning {
border:1px solid #e6db55;
background-color:#fffbbc;
padding:6px !important;
margin:3px 0;
}
p.download {
border:1px solid #66cc33;
background-color:#e7f7d3;
padding:6px !important;
margin:3px 0;
}
.post-box blockquote {
padding:30px 30px 30px 50px;
background:#F2F2F6 url(images/blockquote_left.jpg) no-repeat 10px 25px;
font-style:normal;
color:#506070;
}
.post-box ul li {
list-style:none;
padding:0 0 10px 26px;
background:url(images/menu_dotte.gif) no-repeat 10px 6px;
}
.post-box ol li {
list-style:decimal;
margin-left:26px;
padding:0 0 10px 4px !important;
line-height:140%;
}
.post-box code, .post-box pre {
font-family:"Courier New", Courier, mono !important;
}
.banner {border:1px solid #C9D0DC; background:#fff; padding:6px 9px; margin-bottom:6px; height: 67px;}
.banner ul li {list-style:none; float:left; padding:0px 6px !important; margin:0; display: block; background:none !important;}
/* end */
#post .col-body div.post-thumb {
height:200px;
width:220px;
background:#fff;
border:1px solid #C9D0DC;
padding:3px;
}
#post .col-body div.post-content {
width:330px;
}
/* end */
#posts ul.egallery {
padding-top:50px;
}
#posts ul.egallery li {
float:left;
padding:0 10px 10px 0;
}
#posts div.image-clip {
width:200px;
height:160px;
padding:5px;
background:#E9E9E9;
position:relative;
}
#posts div.post-title {
margin:0; padding:10px 20px;
width:auto; height:auto;
background:#E9E9E9;
position:absolute; display:block;color:#000;
bottom:20px;
right:5px;
z-index:1;
}
/* ishare
--------------------------
*/
div.ishare {
padding-bottom:10px;
width:490px;
margin:0 auto;
}
div.ishare .isharetext {
margin:0; padding:5px 10px;
width:auto; height:auto;
background:#C9D0DC;
position:absolute; display:block;color:#336699;
top:-20px;
left:-75px;
z-index:1;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px !important;
}
div.ishare ul li {
float:left;
padding:0 15px;
}
/* comments
--------------------------
*/
#comments {
padding-top:15px;
}
.comment-box {
background:#F2F2F6;
padding:20px;
}
.comment-gravatar {
padding:2px;
border:1px dashed #E2E7F0;
}
.comment-post {
width: 470px;
background:#fff;
border:1px solid #E2E7F0;
padding: 25px;
margin-bottom:20px;
}
.comment-post p {
padding-top:10px;
line-height:140%;
}
.comment-meta span {
font-weight:bold;
font-size:12px;
display:block;
padding-bottom:10px;
text-decoration:underline;
}
.alt {
background: #E2E7F0;
}
.navigation {
background:url(images/pages_bg.jpg) no-repeat;
position:absolute;
margin-top:-20px;
padding-top:15px;
width:600px;
height:40px;
text-align:center;
}
/* SIDEBAR
----------------------------------
*/
#sidebar {
width:260px;
margin:0;
padding:25px;
background:#f2f2f6;
}
#sidebar h2.ehead, #sidebar div.efoot {
margin:0;
padding:1px 10px;
width:243px;
height:25px;
background:url(images/form_bg.jpg) no-repeat;
font:bold 21px Arial, Helvetica, sans-serif;
color:#fbfbfb;
}
#sidebar h2.ehead, #sidebar div.efoot input {
border:0px!important;
background:transparent!important;
margin:0px!important;
font:12px Arial;
width:233px!important;
}
#sidebar div.ebody {
margin-top:30px;
padding-top:38px;
background:#336699;
color:#FFFFFF;
padding:10px;
display:block;
}
#sidebar div.ebody h2 {
margin:0; padding:10px 0;
font:bold 1.75em Arial, Helvetica, sans-serif; color:#fbfbfb;
}
#sidebar div.ebody span {
line-height:1.5em;
display:block;
padding-bottom:5px;
}
#sidebar div.widgetss {
margin-top:30px;
_padding-top: 1px;
}
#sidebar .subscribe {
margin: 10px 15px 10px 10px;
font-family: arial;
font-size: 12px;
line-height: 125%;
}
h2.widget-head {
margin:15px 0; padding:0px 10px 5px;
border-bottom: 1px dashed #C6C6C6;
font-family:Trebuchet MS;
font-size:18px;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
color:#204466;
}
div.widget-body {
padding-bottom:10px;
}
#tagcloudflash {margin-top:-14px;}
/* tabs */
/* end tabs 31 e6 */
.menu-navigation-container .menu {padding:0px;}
div.widgetss ul {
line-height: 15px;
margin-bottom:20px;
z-index: 100000;
position: relative;
font-family: Arial, Helvetica, sans-serif;
}
div.widgetss ul li {
padding: 0px; margin: 0px; display: block; /*border-bottom: 1px solid #E2E7F0;*/
}
ul.xoxo {display: block !important; margin-top: -15px !important; _margin-top: 30px}
ul.xoxo li {display: block !important; //cursor: pointer; //width: 100%}
ul.xoxo a {//width: 238px !important}
ul.xoxo a:hover {//text-decoration: none !important}
div.widgetss ul li a {
display:block !important;
padding:6px 10px 6px 20px !important;
border: none;
color:#237fd6;
text-decoration:underline;
font-size: 12px;
background:url(images/menu_dotte.gif) no-repeat 10px 10px;
}
div.widgetss ul li a:hover {
background-color:#fff;
text-decoration:none;
}
div.widgetss .textwidget {
margin-bottom:20px;
text-align: center;
}
.ads125box {
height:125px; width:125px; background:#C9D0DC; float:left; margin:5px 0 0px 5px;
}
.ads125box img {
border:0;
}
/* footer
--------------------------
*/
.menu_down, #menu-footer {
width:910px;
text-align:left;
padding:0px 25px;
}
.menu_down li.page_item, #menu-footer .menu-item {
list-style:none;
float:left;
margin-right:10px;
width:140px;
}
.menu_down li.page_item a, #menu-footer .menu-item a {
font:bold 14px Arial;
color:#a2a3a5;
text-decoration:none;
text-transform:uppercase;
text-shadow: white 1px 1px 1px;
padding:0px 40px 7px 0px;
border-bottom:1px dashed #7e7e7f;
}
#menu-footer .sub-menu {
padding-top:10px;
}
.menu_down li ul.children li, #menu-footer .sub-menu li {
float:none;
padding:5px 0px;
}
.menu_down li ul.children li a, #menu-footer .sub-menu li a {
font:12px Arial;
color:#a2a3a5;
text-transform:none;
border:0px;
}
.menu_down li.page_item a:hover, #menu-footer .menu-item a:hover {
color:#237fd6;
}
.follow {
float:right;
width:205px;
}
.follow h2 {
font:bold 14px Arial;
color:#a2a3a5;
text-transform:uppercase;
text-shadow: white 1px 1px 1px;
}
.facebook, .twitter, .in {
background:url(images/follow_icons.jpg) no-repeat;
padding:40px 0px 0px;
margin-top:10px;
margin-right:15px;
}
.twitter {
background-position:-54px 0px;
}
.in {
background-position:-108px 0px;
}
.facebook:hover {
background-position:0px -52px;
}
.in:hover {
background-position:-108px -52px;
}
.twitter:hover {
background-position:-54px -52px;
}
#footer a {
color:#237fd6 !important;
}
#footer .backtotop {
margin:0; padding:3px 5px;
width:auto; height:auto;
left:800px; right: auto;
background:#88888b;
position:absolute; display:block;
font:bold 1em Arial, Helvetica, sans-serif; color:#FFF;
z-index:1000;
}
#footer .backtotop a {
color:#fff !important;
}
#footer .footertext {
padding:20px 0 0 25px;
line-height: 17px !important;
font: 11px Arial;
color:#5c5e61;
}
#footer .foot {
width: 960px;
text-align: left;
position: relative;
}
.down_menu {
background:#f2f2f6;
height:106px;
padding:40px 0px;
border-bottom:1px solid #c5c5c5;
}
/* pagenavi
--------------------------
*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:visited {
padding: 8px 10px;
color:#132940;
background:#ffffff;
border: 1px solid #A8C5DE;
font-family: Verdana;
font-size: 9px;
text-transform: uppercase;
}
.wp-pagenavi a:hover {
background:#E2E7F0;
border-color:#A8C5DE;
}
.wp-pagenavi span.pages {
padding: 8px 10px;
color:#132940;
background:#ffffff;
border: 1px solid #A8C5DE;
font-family: Verdana;
font-size: 9px;
text-transform: uppercase;
}
.wp-pagenavi span.current {
padding: 8px 10px;
color:#ffffff;
background:#336699;
border-color:#132940;
font-family: Verdana;
font-size: 9px;
}
.wp-pagenavi span.extend {
padding: 8px 10px;
color:#132940;
background:#ffffff;
border-color:#A8C5DE;
font-family: Verdana;
font-size: 9px;
}
/* wordpress
--------------------------
*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
border:2px dashed #C9D0DC;
}
.alignleft {
float: left;
margin-right:10px;
border:2px dashed #C9D0DC;
}
.alignright {
float: right;
margin:10px 0px 0px 10px !important;
margin-left:10px;
border:2px dashed #C9D0DC;
}
.wp-caption {
border: 2px dashed #F2F2F6;
text-align: center;
background-color: #fff;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-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;
text-align: right;
font-family: Arial,sans-serif;
line-height: 17px;
padding: 0 7px 4px;
margin: 0;
}
.wp-caption a {
color: #132940;
}
.blog-sidebar {
margin:30px 0 50px;
}
.blog-sidebar h3 {
text-align:center;
font-size:36px;
margin-bottom:30px;
}
.blog-sidebar .andrew {
margin-right:20px;
display:inline-block;
width:18%;
vertical-align:middle;
}
.blog-sidebar .andrew img {
width:100%;
height:auto;
border-radius:50%;
}
.blog-sidebar .txt {
display:inline-block;
width:75%;
vertical-align:middle;
}
.blog-sidebar .c1, .blog-sidebar .c2, .blog-sidebar .c3, .blog-sidebar .c4 {
display:inline-block;
margin:40px 0 60px;
width:23%;
text-align:center;
vertical-align:top;
transition: all 0.3s ease 0s;
}
.blog-sidebar .c1:hover i, .blog-sidebar .c2:hover i, .blog-sidebar .c3:hover i, .blog-sidebar .c4:hover i {
transform:scale(1.05);
color:#dc664a;
}
.blog-sidebar i {
background:#f2f2f6;
height:70px;
width:70px;
line-height:70px;
border-radius:50%;
color:#407bb2;
font-size:24px;
transform: rotate(0deg);
transition: all 0.3s ease 0s;
}
.blog-sidebar p {
margin:10px 0;
font-size:12px;
}
.blog-sidebar .btn-we {
text-align:center;
}
.blog-sidebar .btn-we a {
background:#dc664a;
color:#fff;
font-size:18px;
text-decoration:none;
border-radius:10px;
padding:15px 25px;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
transition: all 0.3s ease 0s;
}
.blog-sidebar .btn-we a:hover {
background:#d66145;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1) inset;
}
/* wp125
--------------------------
*/
/* Styles for one-column display */
#wp125adwrap_1c { width:100%; }
#wp125adwrap_1c .wp125ad { margin-bottom:10px; }
/* Styles for two-column display */
#wp125adwrap_2c { width:100%; zoom: 1; overflow: hidden; height: 410px; }
#wp125adwrap_2c .wp125ad { float:left; margin-bottom:10px; }
#wp125adwrap_2c .odd { padding-left: 10px }
#wp125adwrap_2c .even { padding-left: 0px }
/* Clearfix */
.wp125clearfix {
*zoom: 1;
}
.wp125clearfix:before,
.wp125clearfix:after {
display: table;
content: "";
line-height: 0;
}
.wp125clearfix:after {
clear: both;
}
.mainBanner {
width:100%;
height:auto;
}
.linksBanner {
position:relative;
}
.linksBanner .textwidget {
position:absolute;
z-index:1;
left:0;
right:0;
top:0;
bottom:0;
}
.linksBanner a {
height: 220px;
position: absolute;
right: 65px;
width: 38%;
}
.linksBanner a:first-child {
top:45px;
}
.linksBanner a:last-child {
top:90px;
}
.rss_icon_div {display:none;}