/*=

        Theme Name: IBREAKSTRINGS
        Author: Butter Creative
        Version: 1.0.1
        
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */



/*
         CSS-Tricks Example
         by Chris Coyier
         http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

.clear {
    clear: both;
}

a {
    outline: none;
}

img {
    border: 0;
}

body {
    
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-color:#3c3321;
    background-size: 100% auto;
	background-attachment: fixed;

}

/* html, body, #bg, #bg table.image, #bg table.image td, #cont { */
#bg, #bg table.image, #bg table.image td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

/*
#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
    background: url(images/pattern.png) center top no-repeat;
}
*/

#cont {
    margin: relative;
    background: url(images/pattern.png) center top no-repeat;
    background-attachment:fixed;
}




p.switchbox { position:relative; z-index:90;}

.box { 
    margin: 0 auto; 
    width: 100%;
}

.boxinner { 
    margin: 0 auto; 
    width: 980px;
}

#focus-stealer      { position: absolute; left: -9999px; }

ul#mainnav {
    padding-left: 12px;
}

.cufon-active ul#mainnav {
    font-size: 24px;
    line-height: 28px;
}

#mainnav li a {
    color: #fdfdfd;
    margin-right: 22px;
}

#mainnav li a:hover {
    color: #c36402;
    text-decoration: none;
}

#social {
    width: 223px;
    height: 42px;
    float: right;
    margin-bottom: 8px;
}

#social ul {
    margin: 0;
    padding: 0;
}

#social li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#social li a {
    display: block;
    text-indent: -9999px;
    float: left;
    height: 42px;
}

#social li#myspace a {
    width: 43px;
    background: url(images/sm/icons_off_01.png);
}
#social li#facebook a {
    width: 30px;
    background: url(images/sm/icons_off_02.png);
}
#social li#twitter a {
    width: 31px;
    background: url(images/sm/icons_off_03.png);
}
#social li#flickr a {
    width: 30px;
    background: url(images/sm/icons_off_04.png);
}
#social li#youtube a {
    width: 27px;
    background: url(images/sm/icons_off_05.png);
}
#social li#lastfm a {
    width: 29px;
    background: url(images/sm/icons_off_06.png);
}
#social li#rss a {
    width: 33px;
    background: url(images/sm/icons_off_07.png);
}



#social li {
    float: left;
    display: inline;
}

#social li#myspace {
    width: 43px;
}
#social li#facebook {
    width: 30px;
}
#social li#twitter {
    width: 31px;
}
#social li#flickr {
    width: 30px;
}
#social li#youtube {
    width: 27px;
}
#social li#lastfm {
    width: 29px;
}
#social li#rss {
    width: 33px;
}


/*

#social li#myspace a:hover  {
        background: url(images/sm/icons_on_01.png);
}
#social li#facebook a:hover  {
        background: url(images/sm/icons_on_02.png);
}
#social li#twitter a:hover  {
        background: url(images/sm/icons_on_03.png);
}
#social li#flickr a:hover  {
        background: url(images/sm/icons_on_04.png);
}
#social li#youtube a:hover  {
        background: url(images/sm/icons_on_05.png);
}
#social li#lastfm a:hover  {
        background: url(images/sm/icons_on_06.png);
}
#social li#rss a:hover     {
        background: url(images/sm/icons_on_07.png);
}
*/

div.navigation {
    width: 513px;
    padding: 10px;
    float: left;
    clear: both;
}

div.image.navigation {
    width: 513px;
    padding: 0;
    margin-top: 30px;
    height: 50px;
}

div.navigation.lower a {
    width: 513px;
    padding: 0;
    margin-top: 30px;
    min-height: 50px;
    color: #edecea;
}

#maincolumn {
    width: 551px;
    padding-right: 10px;
    float: left;
    padding-bottom: 10px;
}

#maincolumn {
    font-family: Georgia, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.5em;
}

div.entry {
    width: 513px;
    background: url(images/postbg_repeat.png) repeat-y;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 14px;
    padding-bottom: 15px;
    overflow-x: hidden;
}

div.postfooter {
    height: 65px;
    background: url(images/postbg_bottom.png) repeat-y;
    padding-left: 20px;
    width: 531px;
    margin-bottom: 11px;
    clear: both;
}

div.posthead {
    width: 529px;
    background: url(images/postbg_top.png) no-repeat 0 0;
    min-height: 49px;
    padding-top: 22px;
    padding-left: 22px;
}

.cufon-active div.posthead h1,
.cufon-active div.posthead h2 {
    font-size: 32px;
    line-height: 34px;
}

.cufon-active div.entry h2 {
    font-size: 28px;
    line-height: 29px;
}

cufon cufontext {
    display: none;
    text-indent: -9999px;
    height: 0;
}

div.entry h3,
div.posthead h3 {
    font-size: 19px;

}

div.entry h1,
div.entry h2,
div.entry h3,
div.entry h4,
div.entry p,
div.entry ul,
div.entry ol {
    margin: 15px 0 9px 0;
}

ul {
    padding-left: 16px;
}

ul li {
    list-style-position: outside;
}

ol li {
    list-style-position: inside;
}

#sidebar {
    width: 203px;
    float: left;
}

#sidebar {
    font-family: Georgia, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.5em;
}

div#sidebar.A {
    margin-right: 13px;
}

.widgetbox {
    color: #ffffff;
    width: 203px;
    margin: 0 0 15px 0;

}

.widgetbox .label {
    font-size: 14px;
    width: 195px;
    height: 35px;
    padding: 0 0 0 8px;
    background: url(images/widgetbox_top.png) no-repeat;
    overflow: hidden;
    line-height: 35px;
    

}

.widgetbox .body {
    width: 187px;
    padding: 8px 8px 0 8px;
    background: url(images/widgetbox_repeat.png) repeat-y;
    overflow: hidden;
}

.widgetbox .cap {
    width: 203px;
    height: 20px;
    background: url(images/widgetbox_bottom_cap.png) no-repeat;
}

.longbox {
    width:100%;
    height: 36px;
    line-height: 36px;
    background: url(images/navbg.png) repeat-x;
    color:#ffffff;
    clear: both;
    margin-bottom: 10px;
}

.innerlongbox {
    width:980px;
    margin-left:auto;
    margin-right:auto;
}

/*=COMMON
=== === === === === === === === === === */

* {
    padding: 0;
    margin: 0
}

h1 {
    font-size: 180%;
    line-height: 120%;
    text-transform: uppercase;
}

h2 {
    font-size: 120%;
    line-height: 150%;
}

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

a:hover {
    color: #c36402;
    text-decoration: underline;
}

h1 a {
    color: #ffffff;
    text-decoration: none;
    letter-spacing: .1em;
}

h2 a:hover {
    color: #c36402;
    text-decoration: none;
}

.line {
    height: 2px;
    border-top: 0px dotted #fff;
    border-right: 0px dotted #fff;
    border-left: 0px dotted #fff;
    border-bottom: 1px dotted #6f6f6f;
    display: block;
}

.hidden {
    text-indent: -9999px;
    height: 0px;
    width: 0px;
    display: block;
    overflow: hidden;
}

b, strong {font-weight:bold;}
i, em {font-style:italic;}




ul#mainnav li {
    display: inline;
}

#HomeCallout {
    margin-bottom: 11px;
}



/*=COMMENTS
=== === === === === === === === === === */

div#CommentsContainer {
    width: 430px;
    float: left;
}

#CommentsContainer div.entry div.commentlist ul {
    margin: 0;
    padding: 0;
}

#CommentsContainer div.entry div.commentlist ul li {
    list-style-type: none;
}

h3#comments {
    margin-bottom: 8px;
}

img.avatar {
    float: left;
    position: relative;
}

div#CommentText {
    padding-left: 50px;
    margin-bottom: 20px;
}

div#CommentReply {
    margin-top: 10px;
}

form#commentform input#url,
form#commentform input#email,
form#commentform input#author,
form#commentform textarea#comment {
    border: 1px #999 solid;
    background: #ffffff;
    padding: 4px;
    margin-bottom: 3px;
}

input#submit {
    color: #333;
    padding: 4px 7px 4px 7px;
    border: 1px #999 solid;
    background: #f2f2f2;
}

input#submit:hover {
    color: #000;
    border: 1px #000 solid;
}

div#CommentReply #commentform p {
    margin-top: 4px;
    margin-bottom: 4px;
}

textarea#comment {
    width: 420px;
}


/*=SEARCH
=== === === === === === === === === === */

#Search {
    width: 172px;
    height: 32px;
    float: right;
    clear: right;
    background: url(images/search-bg.png) no-repeat;
    padding: 4px 0 3px 8px;
}


input#s {
    padding: 1px;
    margin-top: 2px;
    border: 1px solid #ccc;
}

input#s:focus {
    background: #ffffb3;
}

input#searchsubmit {
    padding: 1px;
    margin-top: 4px;
    margin-bottom: 7px;
    background: none;
    border: 1px solid #ccc;
    color: #333;
}

input#searchsubmit:hover {
    border: 1px solid #000;
    color: #000;
}


/*=FOOTER
=== === === === === === === === === === */

div#footer {
    font-family: Georgia, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.5em;
    line-height: 32px;
}

#footer .innerlongbox {
    padding-left: 10px;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}


/*=REQUIRED
=== === === === === === === === === === */

.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;
}

.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;
}



.fan_box .full_widget {background: none;}
.fan_box .full_widget .connect_top {background: none;}


#sidebar .fan_box .full_widget {background: none;}
#sidebar .fan_box .full_widget .connect_top {background: none;}

ul.gigpress-listing {
    padding-left: 0px;
}

ul.gigpress-listing .gigpress-tickets-link {
    font-size: 9px;
}

.gigpress-listing li {	
    list-style-type: none;
    padding-bottom: 10px;
    clear: both;
}

abbr.dtstart {
    font-size: 14px;
}

.cal { 
    width: 46px;
    text-align: center;
    float: left;
    margin: 0 8px 8px 0;
}

.cal .header {
    font-family: Arial;
    width: 46px;
    font-size: 9px;
    line-height: 10px;
    background: #CF740B url(images/calendar.jpg);
    padding: 2px 0 2px 0;
}

.cal .body {
    font-family: Arial;
    width: 46px;
    font-size: 24px;
    color: #333333;
    padding: 6px 0 7px 0;
    background: #F2F2F2 url(images/calendar.jpg) bottom left no-repeat;
}




/* Modify Flickr Photos plugin css */
.widgetbox #flickr img {
    display: block;
    margin: 3px;
    padding: 6px;
    border: none;
}

#flickr div {
    float: left;
}



/* MyFonts */
h1, h2, h3, #mainnav a {
    	font-family: JohnDoe;
	font-weight: normal;
	font-style: normal;
}


/* Homepage Feature Widget*/

.sidebar {
    font-family: Georgia,serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.5em;
    float: left;
}

.widgetbox.large {
    width: 419px;

}

.widgetbox.large .label {
    width: 411px;
    padding: 0 0 0 8px;
    background: url(images/widgetbox_top_large.png) no-repeat;
}

.widgetbox.large .body {
    width: 403px;
    padding: 8px 8px 0 8px;
    background: url(images/widgetbox_repeat_large.png) repeat-y;
    overflow: hidden;
    text-align: center;
}

.widgetbox.large .cap {
    width: 419px;
    height: 20px;
    background: url(images/widgetbox_bottom_cap_large.png) no-repeat;
}

/*home page call out*/
.shadow-middle {   position:relative; width:551px;   background: url(images/middle.png) left top repeat; }
.shadow-middle img {margin:0 0 0 30px;}
/*top right*/.shadow-top { padding-top: 28px; width:551px; background: url(images/top.png) right top no-repeat; }
/* bot left*/.shadow-bottom {  padding-bottom:28px ; width:551px; background: url(images/bottom.png) left bottom no-repeat; }