/*
Theme Name: It's Our Thing
Theme URI: http://itsourthing.net/
Description: 
Version: 1.0
Author: Micke Thorsby

*/
/* set basic color and layout */

/* "height: 1%" applied to some elements is to deal with the MSIE float -> disappearing text bug */
/* note to Microsoft: fix your %@&$%^+# browser!! */

body         { background-color: #E5E5E5 ; }

#page        { width: 1050px; border-collapse: collapse; }
td           { vertical-align: top; text-align: left; padding: 0px; }

#leftside    { vertical-align: top; width: 305px; }

#content     { float: left; width: 700px; }
#contentl    { float: left; width: 325px; }
#contentr    { float: left; width: 325px; }

#header      { width: 305px; }
#sidebar     { width: 305px; }
#sidebar li  { height: 1%; }

#addinfo{
float:left;
width:200px;
}

#shirtinfo{
float:left;
}

#sizechart{
float:right;
}

/* set up fonts */

body         { font-family: Helvetica, Arial, Verdana, sans-serif ;
               color:  #999999;
               text-transform: uppercase;
               font-size: 8pt;
             }

table        { font-size: 8pt; }
td           { text-transform: uppercase; } /* for MSIE */

a:link       { color: #999; font-weight: normal; text-decoration: none; }
a:active     { color: #999; font-weight: normal; text-decoration: none; }
a:visited    { color: #999; font-weight: normal; text-decoration: none; }
a:hover      { color: #0099ff; font-weight: normal; text-decoration: none; }

.entry a:link    { color: #0099ff; font-weight: normal; text-decoration: none; }
.entry a:active  { color: #999; font-weight: normal; text-decoration: none; }
.entry a:visited { color: #0099ff; font-weight: normal; text-decoration: none; }
.entry a:hover   { color: #0099ff; font-weight: normal; text-decoration: none; }

.bluetext    { color: #0099ff; }
.bluetext a  { color: #0099ff; }



/* list styles */

.categorylist { font-size: 18pt; height: 1%; }

.boxcontent ul
             { list-style-type: none;
               margin: 0px;
               padding-left: 0px;
             }
.categorylist li
             { list-style-type: none;
               margin: 0px;
             }

.pagelist ul, .pagelist li
             { list-style-type: none;
               margin: 0px;
               padding-left: 0px;
}

.children    { font-size: 8pt;
               line-height: 8pt;
               padding-bottom: 3px;
             }

/* category highlight */

.page_item   { font-size: 18pt;}

.categorylist { line-height: 18pt; }
.pagelist    { line-height: 18pt; }

/*
.current_page_item a:active  { color: #999; font-weight: normal; text-decoration: none; }
.current_page_item a:visited { color: #999; font-weight: normal; text-decoration: none; }
.current_page_item a:hover   { color: #3FC; font-weight: normal; text-decoration: none; }

.current-cat a:active  { color: #999; font-weight: normal; text-decoration: none; }
.current-cat a:visited { color: #999; font-weight: normal; text-decoration: none; }
.current-cat a:link    { color: #3FC; font-weight: normal; text-decoration: none; }
.current-cat a:hover   { color: #3FC; font-weight: normal; text-decoration: none; }
*/

.current_page_item a
               { color: #0884ff; font-weight: normal; text-decoration: none; }
.current-cat a { color: #0884ff; font-weight: normal; text-decoration: none; }


/* images */

img          { border-style: none; border-width: 0px; padding: 0px; margin: 0px;}
#mainImg     { margin: 2px 0px 6px 0px; } /* makes it line up with bordered thumbnails on right */

.post table.thumbs
             { margin-right: 18px; width: 320px; }

.post table.thumbs td { padding: 0px 0px 8px 8px;}
.post table.thumbs img { border: 2px solid white; }
.post div.thumbs img
             { float: left;
               margin: 0px 0px 6px 6px;
               border: 2px solid white;
             }

p.name       { height: 0px;
               width: 0px;
               margin: 0px;
               padding: 0px;
               overflow: hidden;
               display: none; }


/* boxes */


.whitebox    { background-color: white;
               background-image: url('images/coil.png');
               background-repeat: repeat-y;
               background-position: top right;
               margin-left: 16px ; /* the width between the boxes */
             }

.post        { margin-right: 50px; margin-left: 14px; }

.boxcontent  { margin: 0px 14px 14px 14px; }
#sidebar .boxcontent { width: 230px; }
.top         { height: 34px;
               width: 100%;
               font-size: 10px;
               border: none;
               border-width: 0px;
               margin: 0px;
               padding: 0px;
               background: url('images/shadow-top.png') ;
               background-repeat: repeat-x ;
               background-position: top ;
             }

.top .left   { width: 33px;
               height:34px;
               float: left;
/* background: url('images/pin-tl.php') ;
background-repeat: no-repeat ;
background-position: top left; */
             }


.top .right  { width: 55px;
               height:34px;
               float: right;
/* background: url('images/pin-tr.php') ;
background-repeat: no-repeat ;
background-position: top right; */
             }


.bot         { background: url('images/shadow-bot.png') ;
               background-repeat: repeat-x ;
               background-position: bottom ;
               height: 40px; width: 100%;
               margin: 0px;
               position: relative;
             }

.bot .right  { background: url('images/coil-lr.png') ;
               background-repeat: no-repeat ;
               background-position: bottom right;
               width: 46px; height:40px;
               float: right;
             }

.bot .left   { background: url('images/corner-ll.png') ;
               background-repeat: no-repeat ;
               background-position: bottom left;
               width: 46px; height:40px;
               float: left;
             }

#header .top .right
             { background: url('images/pins/pin-right-green1.png') ;
               background-repeat: no-repeat ;
               background-position: top right;
             }

#header .top .left
             { background: url('images/pins/pin-left-purp1.png') ;
               background-repeat: no-repeat ;
               background-position: top left; }

#header .bot { margin-top: 26px; }
/* sets the alignment with the coils */

#sidebar .top .right
             { background: url('images/pins/pin-right-pink2.png') ;
               background-repeat: no-repeat ;
               background-position: top right;
             }

#sidebar .top .left
             { background: url('images/pins/pin-left-green1.png') ;
               background-repeat: no-repeat ;
               background-position: top left;
             }

/* in-post tables */

.post        { line-height: 95%; }
.post table  { margin-top: 4px; }
.post table td { border: none;
               line-height: 95%;
               padding-right: 15px;
               }

.sizeguide   { width: 350px;
               border-left: 2px solid #E5E5E5;
               padding-left: 25px;
               padding-top: 8px;
               margin-top: 0px;
               margin-left: 25px;
             }
#sizeguide   { margin-top: 4px; }

table.sizeguide td
             { line-height: 95%;
               padding: 0px;
             }

.post #left  { float: left; width: 250px; }

/* make short/long posts appear and disappear */

div.single .short { display: none  ; }
div.single .long  { display: block ; }
div.multi .short  { display: block ; }
div.multi .long   { display: none  ; }

h2           { line-height: 100%;
               font-weight: normal;
               font-size: 18pt;
               margin-bottom: 0px;
             }
.short h2    { margin-top: 10px; }
.long h2     { margin-top: 0px; }

.large       { line-height: 100%; font-weight: normal; font-size: 18pt; }

.paypal      { height: 31px; }
.paypal span { vertical-align: top; position: relative; top: 8px; }
select       { background-color: white;
               color:  #999999;
               text-transform: uppercase;
               font-size: 8pt;
             }


.topalign    { border-top: 3px solid white; }

.short       { margin-bottom: 8px; }
.news img    { float: right; }

.news p      { margin-right: 5px;  }
.news td     { vertical-align: top; }
.news td p   { margin-top: 0px; }

.capscase    { text-transform: capitalize; }
.mixedcase   { text-transform: none; }
.lowercase   { text-transform: lowercase; }

.tight       { margin: 0px; }
.postmetadata { margin-bottom: 0px; }
.IEFloatFix { height: 0.01%; }



/* the &#@!*@$ line spacing section!! */
/* cascade issue with MSIE forces them down here */

div .hr      { height: 4px !important; 
               line-height: 4px !important;
               font-size: 1pt;
               background-image: url('images/hr.png');
               clear: left;
               background-repeat: repeat-x;
               padding: 0px;
               margin: 0px;
             }

#sidebar .hr { width: 230px; margin-top: 3px; margin-bottom: 8px; }

.long .hr    { width: 588px; margin-top: 1px; margin-bottom: 0px; }
.gallery .hr { width: 600px; margin-top: 1px; margin-bottom: 0px; }
.narrowcolumn .hr
             { display: none; }
.narrowcolumn hr
             { display: none; }


/* shopping cart */

#checkout .qty { width: 20px; }
#checkout .sizes td { vertical-align: baseline; }
#checkout form { margin-top: 0px; }
#checkout .hr {margin-bottom: 3px; margin-top: 1px;} 
#shippingaddress h2 { margin-top: 16px; }

#address td { vertical-align: baseline; padding-right: 5px; }
#address input { width: 230px; }
#address textarea { width: 230px; }
#address select { width: 234px; }

.addtocart {vertical-align: bottom; height: 100%; }
.cartitem { margin-top: 0px; margin-bottom: 12px;}

.minicart { margin-top: 0px; }
.minicart p { 
margin: 0px; 
line-height: 1.20em;
}
.minicart ul { padding-left: 10px;
               font-size: 8pt;
               line-height: 8pt;
             }
/*.minicart a{
line-height: 9.5pt;
}*/

.minicart table { margin-left: 10px; border-collapse: collapse; }
.minicart  td    { padding: 0px; border: none; line-height: 95%; }

.money {text-align: right; }

#size_chart{
float:right;
}

/* Currency Converter */

#currency{
padding:10px;
position:relative;
 }

#currency {margin:0px; padding-left:10px}


#currency input, #currency textarea, #currency select {
border: 1px solid #CCC; 
background-color: #EFEFEF;
color:#444;
padding-top:2px;
padding-bottom:2px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 2px;
/*padding-top:5px;
padding-bottom:5px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 5px;*/
}

#currency td{
/*border: 1px solid #CCC;*/
/*width:50px;*/
height:12px;
/*background-color: #EFEFEF;*/
color:#444;
padding-top:3px;
padding-bottom:5px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 5px;
text-align: left;
}

#chg1{
margin-top: 15px;
padding-top: 15px;
}

#currency span a{
padding-top:5px;
float:left;
font-weight: normal;
font-size: 1.2em;
}

#currency .button{
padding-top:5px;
padding-bottom:5px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 5px;
}


#currency form{
padding:0px;
}

.rslt td input{
padding-top:5px;
padding-bottom:5px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 5px;
}

.rslt .input{
height:30px
width:90px;
}

.navigation{
width:650px;
margin: 0 auto;
}

.alignleft{
float:left;
}

.alignright{
float:right;
}