/*
Theme Name: Blog GSM-Earpiece
Theme URI: http://blog.gsm-earpiece.com/
Description: Blog GSM-Earpiece.
Version: 1.0
Author: Dan
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


* { margin:0; padding:0;}

body { background:#FFF; text-align:center; font:small Arial, Helvetica, sans-serif; color:#313030;}



.clear { clear:both;}
.center { text-align:center !important}
.right { text-align:right !important;}

#header { width:990px; margin:0 auto; text-align:left; height:130px; background:url(i/bg1.gif) no-repeat 100% 0;}
#logo { width:692px; float:left;}
#logo h1 a { display:block; width:692px; height:130px; text-indent:-9999px; background:url(i/logo.gif) no-repeat;}


#menu-c { background:url(i/bg2.gif) repeat-x; }
#menu { width:990px; margin:0 auto; text-align:left; background:#305c95 url(i/bg3.gif) no-repeat; height:40px; line-height:40px;}
#menu ul { list-style:none;}
#menu ul li { display:inline;}
#menu ul li a { display:block; float:left; height:40px; line-height:40px; padding:0 15px; text-decoration:underline; color:#FFF; font-size:105%;}
#menu ul li a:hover { background:#adc0d8; color:#232323; text-decoration:none;}


#small-c { height:104px; background:#252525 url(i/bg12.gif) repeat-x;}
#small { width:990px; height:104px; margin:0 auto; background:url(i/bg12a.gif) no-repeat;}
#small h2 a { display:block; width:189px; height:104px; text-indent:-9999px; float:right; background:url(i/order1.gif) no-repeat;}

#small blockquote { width:700px; float:left; margin-left:70px; color:#CCC; font:110% 'Myriad Pro', Calibri, Arial, Helvetica, sans-serif; text-align:left; padding-top:20px;}
#small blockquote em {color:#aaaaaa;}


#main-c { background:#FFF url(i/bg8.gif) repeat-x;}
#main { width:990px; margin:0 auto; background:url(i/bg5.gif) repeat-y; text-align:left;}

#left { width:253px; float:left;}
#left a { color:#41546c; text-decoration:underline;}
#left a:hover { color:#111; text-decoration:none;}

#right { width:737px; float:right;background:url(i/bg13.gif) no-repeat;}


#hotoffers h2 { height:42px; line-height:42px; background:#d2d2d2 url(i/bg6.gif) no-repeat; padding-left:20px; text-transform:uppercase; font-size:110%; }

#hotoffers ul { list-style:none;}
#hotoffers ul li { margin:1px; border:1px solid #FFF; border-top:0; background:#EEE url(i/bg7.gif) no-repeat 50% 100%; padding:10px 0 10px 20px;}
#hotoffers ul li a { color:#42556e; text-decoration:underline; }
#hotoffers ul li a:hover { text-decoration:none; color:#111;}
#hotoffers ul li img { margin:5px 0;}
#hotoffers p { text-align:right; padding-right:20px;}

.blogroll { padding:10px 0 10px 20px;}
.blogroll li {margin:1px; border:0 !important;  background:none !important; padding:0 !important;}
.linkcat {list-style:none;}


#hotoffers ul li ul { margin-bottom:0;}
#hotoffers ul li ul li { margin:0px; border:none;  background:none; padding:0px;}

.fld { border:1px solid #999; padding:2px;}
.fld:focus { background:#FFC;}
textarea.fld { overflow:auto;}

#searchform .fld { width:90%; margin-bottom:5px;}

#footer-c { background:#E3e3e3 url(i/bg10.gif) repeat-x;}
#footer { width:990px; margin:0 auto; text-align:left; background:#E5E5E5 url(i/bg11.gif) no-repeat; color:#707070; font-size:85%;}
#footer a { color:#707070; text-decoration:underline; padding:0 5px;}
#footer a:hover { color:#111; text-decoration:none;}

#backtotop { width:250px; float:left; padding:20px 0; text-align:center}
#copy { width:400px; float:left; margin-left:20px;padding:20px 0; line-height:160%;}
#footer h5 a { display:block; width:230px; height:26px; background:url(i/logo2.gif) no-repeat; text-indent:-9999px; float:right; margin:20px 5px 0 0}


#content { padding:25px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content.inner { padding-top:60px;}
#content h1 { color:#484848; margin-bottom:10px; font:250% Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:normal; }
#content h2 { color:#484848; margin-bottom:5px; font:160% Arial, Helvetica, sans-serif; margin-top:20px  }
#content h3 { color:#484848; margin-bottom:5px; font:140% Arial, Helvetica, sans-serif; margin-top:20px  }
#content p { text-align: justify; margin-bottom:10px;}
#content ul { margin:10px 20px; list-style:none;}
#content ul li { padding-left:10px; background:url(i/bul.gif) no-repeat 0 7px;}
#content small { font-size:85%; color:#666;}
#content ol { margin:10px 20px;}
#content ol li { margin-bottom:10px;}

#content h1 a { color:#41536d; text-decoration:none;}
#content h1 a:hover {text-decoration:none; color:#111;}

.post a { color:#41536d; text-decoration:underline;}
.post a:hover { text-decoration:none; color:#111;}

.post { margin-bottom:20px; padding-bottom:20px;}
.tags { font-size:85%; padding:5px 0; border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA; margin-bottom:5px;}
.tags a { color:#666; text-decoration:none;}
.tags a:hover { text-decoration:underline; color:#222;}


.cat { width:75%; float:left; font-size:85%; padding:5px 0;}
.comm { font-size:85%; text-align:right; padding:5px 0; width:20%; float:right;}


.navigation { font-size:85%; text-align:center; color:#666; padding:5px 0; margin-bottom:5px;}
.navigation a { color:#666; text-decoration:none;}
.navigation a:hover { text-decoration:underline; color:#222;}

.commentlist .says { display:none;}
.commentlist li { position:relative; padding-right:60px; margin-bottom:20px; padding-bottom:20px; min-height:70px;}

.commentlist li a { color:#41536d; text-decoration:underline;}
.commentlist li a:hover { text-decoration:none; color:#111;}

.commentmetadata { position:absolute; top:0; right:0; font-size:75%; text-transform:lowercase;}
.commentmetadata a { color:#666; text-decoration:none;}
.commentmetadata a:hover { color:#333; text-decoration:none;}

.avatar { position:absolute; top:20px; right:0; padding:5px; border:1px solid #EAEAEA;}

.commentlist li cite { font-style:normal; font-weight:bold;}

#commentform .fld { width:95%;}
#commentform .inpt { position:relative; padding-top:15px; margin-bottom:10px;}
#commentform label { position:absolute; top:0; left:0; cursor:pointer; cursor:hand;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */












/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}


.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */