/*---:[ custom styles for the Copyblogger theme that YOU define ]:---*/
/*---:[ ------------------------------------------------------- ]:---*/

/*---:[ to change the body background, the default font, and the default font color... ]:---*/
/*---:[ NOTE: if you change the body background color, you will need to update your image files also ]:---*/
/*---:[ Download the image template (.psd) with the Organic theme package at http://www.copyblogger.com/downloads/organic.zip ]:---*/

body.custom { background: url('tm_images/tm_bg.jpg') repeat-x top #fff; color: #222; font-family: Verdana, sans-serif;}

.hidden {display:none;}
.clear {clear:both;}

#wrap {margin:0 auto; background: url('tm_images/tm_header.jpg') top no-repeat;}
.custom #header #logo a {width:860px; height:220px; display:block; margin:0 auto;}
.custom #header { background:none !important; border:none !important; padding:0; margin:0 auto;}
.custom #header #logo { background:none !important; border:none !important; margin:0 auto; padding:0;}

.custom #container {width:1100px; margin:0 auto;}
.custom #container #nav {margin:0 0 163px 255px; padding:0; height:32px;}
.custom #container #nav ul {margin:0 auto; padding:0; list-style-type:none; height:32px; width:auto;}
.custom #container #nav li {padding:0; list-style-type:none; display:block; float;left; height:32px;}
.custom #container #nav li a.current { color: #fff !important; background:url('tm_images/link_bg.gif')  top repeat-x; }
.custom #container #nav li a {height:32px; float:left; display:block;}
.custom #container #nav li {margin-right:1px;}
.custom #nav ul li a:hover, .custom #nav ul li a.current:hover {background:url('tm_images/link_bg.gif')  top repeat-x !important; }

.custom #container #content_box {width:1100px;}
.custom #container #content_box #content {width:550px; margin-left:100px;}
.custom #container #content_box #sidebar {width:350px;}

.custom #container #content_box #sidebar ol {margin:10px 10px 20px 20px;}

.custom #container  a.tm_button {text-align:center; display:block; font-size:14px; letter-spacing:-.5px; height:38px; width:270px; line-height:38px; color:#0099CC; background:url('tm_images/button_bg.gif') top no-repeat; margin:10px 0 0 0;}

.custom #container  a.tm_button:hover {text-decoration:underline;}

.custom li.widget {border:2px dotted #3099BD; padding:5px; margin:0 0 10px 0 !important; background:#ccc; width:333px !important;}
.custom li.widget div.widget_inner {border:1px solid #CC1349; padding:15px; margin:0 !important; background:#fff; width:300px !important;}

.custom li.widget div.widget_inner img {margin:0 0 0 0; display:block;}
.custom li.widget div.widget_inner img.product {margin:10px 10px 10px 0; float:left;}


.custom .page h1, .custom #sidebar h2, #comments h3.comment_intro, .custom .post_date, .custom .post_meta, .custom .page .entry { border:none; }

.custom .copypaste {padding:5px; margin:10px; border:2px solid #ccc; background:#ffffcc; font-size:30px; width:200px; text-align:center;}

.custom #container #content_box #content a:visited { color: #A90000 !important; }
.custom #container #content_box #content a:hover{ color: #fff !important; }

.custom .shopItem {text-align:center; margin-bottom:30px; height:250px; display:block;}
.custom .shopItem .image {float:left; width:150px; margin-right:20px;}
.custom .shopItem .description {padding:10px 10px 10px 150px;}

.custom #sidebar .shopItem {text-align:center; }
.custom #sidebar .shopItem .image {float:left; width:100px; margin-right:20px;}
.custom #sidebar .shopItem .description {padding:10px 10px 10px 150px;}