/*
Theme Name: dominodeco
Theme URI: http://ispector.com/
Description: Theme for dominodeco.
Version: 1.0
Author: Philippe de Chabot


*/

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/* =html */
html { 
 }	

/* =body */
body {
position : relative;
background :  #393939 url(../images/body_bg.png) repeat top left; 
color:#fff;
font : 75%/1.5 Arial, Helvetica, sans-serif; }

/* =blocktext */
h2, h3, h4, h5, p, ul { 
padding : .5em 0; }

/* =a */
a, a:visited { 
color : #666; 
text-decoration : underline;  } 

/* em, strong */
em {
font-style:italic; }

strong {
font-weight:700; }

/* links */
a,
a:link,
a:hover,
a:visited,
a:active { color:#fff; text-decoration:underline; }

/* utility classes */
.clear { clear:both; }


/* =layout 
------------------------------------------------- */

div[id="branding"], 
div[id="nav_main"], 
div[id="content"],   
div[id="siteinfo"],
div[id="page_container"] { width : 100%; }


 
div[id="page"] {
background:url("../images/wrapper_bg.png") repeat scroll left top #000000;
margin:auto;
padding:0 20px;
position:relative;
width:960px;
}
	
ul[id="nav_access"] { 
z-index : 2;
position : absolute; 
top : 0px; 
left : 0px;
height : 139px; 
margin : 0;
padding : 0;
text-indent : -9999px; }

/* =branding 
------------------------------------------------- */

div[id="branding"] {
position : relative;
height : 139px; 
 
background :  url(../images/branding_bg.png) repeat top left; }

h1 {
background:url("../images/logo.png") no-repeat scroll 0 0 transparent;
height:140px;
left:0;
position:absolute;
text-indent:-9999px;
top:0;
width:197px;
}

h1 a {
display:block;
left : 0;
top : 0;
height : 139px; 
width : 184px; 
}

div[id="baseline"] {
position:absolute;
top:13px;
left:210px;
width:730px;
height:113px;
color:#fff;
font-size:40px;
overflow:hidden;
/*text-indent:-9999px; */}



/* =nav_utilities
------------------------------------------------- */

div[id="cartInfo"] {
position:absolute;
top:5px;
left:760px;
display:block;
color:#CC0099;
background:url(../images/cart.png) no-repeat top left; }


div[id="nav_utilities"] {
position:relative;
top:-13px; }

div[id="nav_utilities"] ul,
div[id="nav_utilities"] li {
display:inline;
padding:0;
margin:0;
font-size:11px;
line-height:12px;
height:12px;
letter-spacing:1px; }

div[id="nav_utilities"] li {
position:absolute;
top:0px; }
	
div[id="nav_utilities"] a:link,
div[id="nav_utilities"] a:hover,
div[id="nav_utilities"] a:active,
div[id="nav_utilities"] a:focus,
div[id="nav_utilities"] a:visited { 
color:#fff; 
background-color:#000;
text-decoration:underline;  }


/* =nav_main
------------------------------------------------- */
div[id="nav_main"] { position:relative; height:40px; }

div[id="nav_main"] h4 { position : absolute; top : -9999px; }

div[id="nav_main"] ul {
background-color:#000000;
height:40px;
overflow:hidden;
padding:0;
}


div[id="nav_main"] li { 
position:absolute; 
top:0;
list-style-type:none; 
padding-left:0;
-moz-box-radius:30px;
-webkit-box-radius:30px;
}

div[id="nav_main"] a,
div[id="nav_main"] a:visited {
background:#000000;
color:#BECC50;
font-size:16px;
height:40px;
letter-spacing:1px;
line-height:40px;
padding:5px;
text-decoration:none;
text-transform:uppercase;
-moz-box-radius:30px;
-webkit-box-radius:30px;
}
div[id="nav_main"] a:hover {
	background:#00ccff;
	color:#000;
}

/* =content 
------------------------------------------------- */
div[id="content"] {
clear:both;
position:relative; }

h2 {
font-size:24px;
font-weight:bold;
padding:0;
margin-top:30px;
height:50px; }


div[id="content_main"] { 
width: 100%;
position:relative;
margin-top:20px; }

div[id="animation"] {
width:500px;
height:400px; 
float:left;
margin-right:100px; }

div[id="content_checkout"] { 
float:left;
margin-top:20px;
position:relative;
width: 750px; }


div[id="tarif"] {
position:absolute;
top:35px;
left:840px; }
	
div[id="tarif"] li {
display:block;
height:100px;
width:100px;
border:none; }

div[id="tarif"] h3,
div[id="tarif"] ul,
div[id="tarif"] li {
margin:0 0 5px 0;
text-align:center;
line-height:30px; }

div[id="tarif"] li {
line-height:50px;
font-size:16px;
text-indent:-9999px; }

div[id="tarif"] h3 {
width:100px;
height:20px;
padding:0;
margin:0;
line-height:12px;
font-size:12px;
font-weight:normal;
letter-spacing:normal; }

div[id="tarif"] li.dominophoto { background:#000 url(../images/price-dominophoto.jpg) no-repeat top left; }
	
div[id="tarif"] li.dominoplain { background:#000 url(../images/price-dominoplain.jpg) no-repeat top left; }
	
div[id="pose"] {
position:absolute;
top:275px;
left:840px;
height:100px;
width:100px;
border:none; }
	
div[id="siteinfo"]  {
clear:both;
height:50px;
margin-top:30px;
overflow:hidden;
position:relative;
}
	
div[id="siteinfo"] ul,
div[id="siteinfo"] li {
display:inline;
margin:0;
padding:0;
font-size:11px; }
	
div[id="siteinfo"] li {
position:absolute;
top:0; }
	
div[id="siteinfo"] a:link,
div[id="siteinfo"] a:hover,
div[id="siteinfo"] a:active,
div[id="siteinfo"] a:focus,
div[id="siteinfo"] a:visited { 
color:#fff; 
background-color:#000;
text-decoration:underline;  }

/* =grid ---------------------------------------------------------------------------- */	
.col1 { left:0; }
.col2 { left:105px; }
.col3 { left:210px; }
.col4 { left:315px; }
.col5 { left:420px; }
.col5bis { left:575px; }
.col6 { left:525px; }
.col7 { left:630px; }
.col8 { left:735px; }
.col9 { left:840px; }

div[class~="colums2"] {
float:left;
margin-left:5px;
width:205px; }

div[class~="colums3"] {
float:left;
margin-left:5px;
width:310px; }
	
div[class~="colums3"]:first { margin-left:0; }

div[class~="colums4"] {
float:left;
margin-left:5px;
width:415px; }
	
dl {
}

dt {
float:left;
clear:left;
margin-top:5px;
width:100px;
 }

dd {
float:left;
margin-top:5px;
margin-left:5px;
width:205px;
margin-bottom:20px; }

dd ul {
padding:0; }

h3 {
font-size:20px;
font-weight:bold;
letter-spacing:2px; }

.no-h3 { margin-top:50px; }

ul.marker {
	list-style-type:square;
}
ul.marker li {
	list-style-type:square;
	color:#BECC50;
	padding-bottom:10px;
}

div[id="pose_video"] { 
width:315px;
height:224px;
padding:15px;
background:url(../images/pose_bg.png) no-repeat top left; }

.action {
	display:block;
	text-align:center;
	background:url(../images/action_bg.png) no-repeat top left;
	width:205px;
	height:40px;
	line-height:40px; }
	
/* espace création */
div[id="dominoes"] {
width:205px;
height:660px;
overflow:hidden;
cursor:move; }

div[id="main"] {
position:absolute;
top:0;
left:210px; }

div[id="basket"] {
position:absolute;
top:40px;
left:0px;
width:625px;
height:620px;
background:#fff url(../images/basket_bg.png) no-repeat top left;
cursor:move;
z-index:0; }

div[id="wall_action"] {
position:absolute;
top:0;
left:630px; }

div[id="dominoes"] h2,
div[id="main"] h2,
div[id="wall_action"] h2 {
margin-top:10px;
font-size:16px;
line-height:30px;
height:30px; }

ul.vertical_scroll {
height:570px;
overflow:scroll; }

ul.vertical_scroll_perso {
height:420px;
overflow:scroll; }

fieldset[id="wall"] {
margin-top:0;
padding-top:0;
position:inherit; }

/* checkout cart */

div[id="content_other"] {
float:left;
margin-top:65px;
width:205px; }

div[id="content_sub"] { 
float : left; 
width: 100%; }

div[class="checkout"] {
clear:both;
margin-bottom:20px; }

/* =columns 
------------------------------------------------- */


div[class~="column"],
fieldset[class="column"] {
	float:left;
	width:50%; }
	
/* grand format */
div[id="upload_perso_gf"] {
float:left;
width:205px
 }

div[id="grand_format_gallery"] {
margin-left:210px; }

div[id="grand_format_gallery"] ul,
ul[id="grand_format_persos"] {
position:relative;
list-style:none; }

ul[id="grand_format_persos"] {
margin-left:30px;
width:120px; }

div[id="grand_format_gallery"] li,
ul[id="grand_format_persos"] li {
position:relative;
float:left;
height:130px;
width:100px;
margin-right:5px;
text-align:center; }

div[id="grand_format_gallery"] li img,
ul[id="grand_format_persos"] li img {
}

a.preview_link {
position:absolute;
display:block;
top:84px;
left:0;
width:100px;
height:16px;
line-height:16px;
background:url(../images/zoom_gf.png) no-repeat top left;
color:#FF6600;
text-decoration:none;
text-align:center; }

a.order_link {
position:absolute;
display:block;
top:100px;
left:0;
width:100px;
height:15px
line-height:15px; }

button {
margin:20px 0;
width:100px;
}
#wall_action #submit {
margin:20px 0 10px;
height:30px;
width:100px;
background-color:#ff9900;
font-size:14px;
font-weight:30px; }

#wallnameInput {
width:100px;
margin:5px 0 10px; }

#wall_action label {
width:100px; }

#espaceH2 {
width:600px;
margin-bottom:0; }

#orderRecap {
width:650px;
border:1px solid white; }

#orderRecap thead {
border: 1px solid white;
text-align:center;
vertical-align:top; }

#orderRecap thead th {
padding:5px;
text-align:center; }

#orderRecap tfoot {
border:1px solid white; }

#orderRecap th {
padding:5px;
font-weight:bold;
text-align:right; }

#orderRecap tbody { }

#orderRecap tbody td {
padding:5px;
vertical-align:bottom; }

#orderRecap .orderLinks {
padding:10px;
text-align:center; }

#orderRecap .orderLinks a {
font-weight:bold;
color:#FF9900; }

#country_shipping { 
margin-right:15px;
width:260px; }

#orderRecap col#colItems { width:435px; }

#orderRecap col#colCost,
#orderRecap col#colOps1,
#orderRecap col#colOps2 { width:105px; }

#orderRecap td.tdCost { text-align:right; }
#orderRecap td.tdOps { text-align:center; }

.error {
color:red;
font-weight:bold;
margin-left:10px;
width:100%; }

/* forms */
form.dominodecoCheckout fieldset,
form#contact fieldset {
  margin-bottom: 10px;
}
form.dominodecoCheckout legend,
form#contact legend {
  padding: 0 2px;
  font-weight: bold;
}
form.dominodecoCheckout label,
form#contact label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.dominodecoCheckout ol,
form.dominodecoCheckout ul,
form#contact ol,
form#contact ul {
  margin: 0;
  padding: 0;
}
form.dominodecoCheckout fieldset li,
form#contact fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.dominodecoCheckout fieldset fieldset,
form#contact fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.dominodecoCheckout fieldset fieldset legend,
form#contact fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.dominodecoCheckout fieldset fieldset label,
form#contact fieldset fieldset label {
  display: block;
  width: auto;
}
form.dominodecoCheckout em,
form#contact em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.dominodecoCheckout label,
form#contact label {
  width: 120px; /* Width of labels */
}
form.dominodecoCheckout label.labelcheckbox,
form#contact label.checkbox {
	width:100%;
 }
	
form.dominodecoCheckout fieldset fieldset label,
form#contact fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.dominodecoCheckout input[type="checkbox"],
form#contact input[type=checkbox"] {
margin-right:5px;
}

/* popup */
.popup h2,
.popup h3,
.popup p,
.popup a,
.popup li { color:#000; }

#home_message {
float:right;
width:350px;
}

#price_presentation { display:block; height:100px; width:100px; color: #00CCFF; text-align: center; overflow:hidden; background: url(../images/branding_bg.png) repeat top left; border: 1px solid #333; }
p#price { font-size:30px; padding:0; margin:0; text-shadow: -1px -1px 1px #ccc; line-height:1;}
span#price_unit { font-size: 20px; padding:0; margin:0; text-shadow:none;}
p#size { font-size:12px; padding:0; margin:0; }

a#creation {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-box-shadow:2px 2px 1px #333;
-webkit-box-shadow:2px 2px 1px #333;
background:none repeat scroll 0 0 #BECC50;
border:1px solid #CCC;
color:#000;
display:block;
font-size:30px;
height:50px;
text-align:center;
text-decoration:none;
text-shadow:-1px -1px 1px #666;
text-transform:uppercase;
}