/*

Theme Name: Colorbold

Author: Site5.com

Author URI: http://gk.site5.com/t/200

Description: Check <a href="http://wordpress.site5.com/colorbold/doc/">Colorbold Documentation</a> in case you need directions</a>.

*/



/* MAIN STYLES

-------------------------------------------*/

* { margin: 0; padding: 0; }



body,html {

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#333;

	margin:0;

	padding:0;

	background:#D4C7C1 url(images/bk_body.jpg);

	line-height:135%;

}



ul {

	list-style:none;

}



a {

	color:#0093CA;

	text-decoration:none;

}



a:hover {

	text-decoration:underline;

}



a:focus {

	outline:none;

}



p {

	margin:1em 0;

}



h1, h2 {

	font-size:28px;

	color:#0093CA;

	letter-spacing:-1px;

	font-weight:normal;

	line-height:100%;

	padding-bottom:10px;

}



h2 {

	font-size:20px;

	color:#333;

	padding-top:10px;

}



 /* LAYOUT STRUCTURE

--------------------------------------------------*/

#mainWrapper {

	background:url(images/bk_mainwrapper.png) 0 0 repeat-x;

	min-width:1024px;

}



#wrapper {

	margin:0 auto;

	width:976px;

}





#header {

	height:155px;

	position:relative;

	z-index:99; 

	padding:0 8px;

}



#content {

	padding:0 8px 20px;

	background:url(images/bk_content.png) 0 0 repeat-y;



}



#colLeft{

	width:616px;

	float:left;	

	padding:20px 30px 17px 25px;

	background:url(images/bk_colleft.png) 0 0 repeat-x;

}



#colRight {

	width:287px;

	float:left;	

	padding:0 1px;

	position:relative;

}



#footer {

	border-bottom:6px solid #282828;

	background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;

	padding:20px;

	width:920px;

	margin:0 auto 20px;

	color:#666;

	position:relative;

	font-size:11px;

	min-height:44px;

}



/* HEADER ELEMENTS

------------------------------------------*/

/* -- logo --*/

#logo {

	position:absolute;

	top:10px;

	left:0px;

	

}



#logo a img{

	border:none;

}



/* -- main menu --*/



#mainMenu {

	width:960px;

	height:47px;

	position:absolute;

	bottom:0;

}



#mainMenu ul.sf-menu {

	padding-top:19px;

	padding-left:3px;

}



#mainMenu ul.sf-menu li {

	float:left;

	padding:0 12px;

	font-size:12px;

}

#mainMenu ul.sf-menu li a {

	text-decoration:none;

	text-transform:uppercase;

}



#mainMenu ul.sf-menu li li a {

	padding:0 12px;

}



#mainMenu ul.sf-menu li li {

	padding:0;

	padding-top:2px;

	border:none;

	

}



#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li ul.sub-menu  {

	padding:0;

	

}



#mainMenu ul.sf-menu li ul.children li, #mainMenu ul.sf-menu li ul.sub-menu li, #mainMenu ul.sf-menu li.page_item ul li  {

	position:relative;

	line-height:100%;

	height:28px;

	text-transform:none;

}

#mainMenu ul.sf-menu li ul.children li a, #mainMenu ul.sf-menu li ul.sub-menu li a, #mainMenu ul.sf-menu li.page_item ul li a {

	text-decoration: none;

	display:block;

	padding-top:7px;

	line-height:100%;

	border:none;

	text-transform:none;

}





#mainMenu ul.sf-menu li ul.children li ul.children a, #mainMenu ul.sf-menu li ul.sub-menu li ul.sub-menu a {

	text-decoration: none;

	position:relative;

	border:none;

}

#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li ul.sub-menu, #mainMenu ul.sf-menu li.page_item ul

{

	margin-top:-2px;

	

}

#mainMenu ul.sf-menu li ul.children ul.children, #mainMenu ul.sf-menu li ul.sub-menu ul.sub-menu

{

	margin:0 0 0 25px;

}



/*------------------------*/





#topMenu {

	position:absolute;

	right:8px;

	bottom:48px;

	background:url(images/bk_topmenu.png);

}



#topMenu ul li{

	float:left;

	padding:7px 15px;

	font-size:11px;

	color:#ccc;

}



#topMenu ul li a {

	color:#ccc;

}



#topMenu ul li a:hover {

	color:#FFF;

	text-decoration:none;

}



#site5top {

	position:absolute;

	top:37px;

	right:8px;

}



#site5top a {

	display:block;

	background:url(images/site5_top.png) 0 0 no-repeat;

	text-indent:-9999px;

	width:197px;

	height:22px;

}



.rssTag {

	position:absolute;

	width:63px;

	height:71px;

	background:url(images/rss_tag.png) 0 0 no-repeat;

	text-indent:-9999px;

	right:7px;

	top:105px;

	z-index:9999;

}



/* COL LEFT ELEMENTS

-------------------------------------------*/



.searchQuery, #archive-title {

	border-bottom:1px solid #E2E2D8;

	padding:0 0 10px;

	margin-bottom:15px;

}



#colLeft .blogPost .metaLeft {

	float:left;

	width:50px;

	text-align:center;

	padding-right:15px;

	padding-top:14px;

}



#colLeft .blogPost .metaLeft .month {

	text-transform:uppercase;

	font-size:11px;

	height:21px;

	line-height:21px;

}



#colLeft .blogPost .metaLeft .day {

	padding:12px 0;

	font-size:36px;

	border-bottom:1px dotted #cdcdcd;

	margin-bottom:10px;

}



#colLeft .blogPost .metaLeft .comments {

	font-size:16px;

	height:40px;

	line-height:30px;

	font-weight:bold;

}



#colLeft .blogPost .postRight {

	float:left;

	width:526px;

	padding-left:20px;

	border-left:1px solid #D8D8D8;

	padding-top:10px;

	position:relative;

	padding-bottom:10px;

}



#colLeft .blogPost .postRight .titBullet {

	position:absolute;

	left:-1px;

	top:15px;

	width:12px;

	height:22px;

	background:url(images/bullet_tit.jpg) 0 0 no-repeat;

}



#colLeft .blogPost .postRight .metaRight {

	border-top:1px dotted #CDCDCD;

	border-bottom:1px dotted #CDCDCD;

	padding:6px 0;

	font-size:11px;

}



#colLeft .blogPost .postRight .metaRight img {

	vertical-align:middle;

	margin-right:3px;

	border:none;

	padding:0;

}



#colLeft .blogPost a.more-link {

	display:block;

	width:91px;

	height:24px;

	padding-left:10px;

	clear:both;

	border:none;

	line-height:22px;

	margin-top:10px;

	font-size:12px;

}



#colLeft .single {

	margin-bottom:20px;

}



#colLeft p img {

	padding:8px;

	background:#F0F0F0;

	border:none;

	border-right:1px solid #CCCCCC;

	border-bottom:1px solid #CCCCCC;

}



/* share icons */

#colLeft .social {

	border:1px solid #D8D8D8;

	background:#F2F2F2;

	padding:5px 10px;

	font-size:12px;

}



#colLeft .social a img {

	padding:0;

	border:none;

	background:none;

	vertical-align:middle;

}



#colLeft .social strong {

	color:#00C1F2;

	padding-right:10px;

}



.alignleft { 

	float:left; margin:5px 15px 5px 0;

}



.alignright { 

	float:right; margin:5px 0 5px 15px; 

}



.navigation {

	margin-left:65px;

	margin-top:15px;

}



.navigation .alignleft a, .navigation .alignright a {

	display:block;

	width:91px;

	height:24px;

	text-align:center;

	padding-left:8px;

	padding-top:3px;

	font-size:12px;

}



.navigation .alignleft a:hover, .navigation .alignright a:hover {

	text-decoration:none;

} 



.navigation .alignright a {

	text-align:left;

	padding-left:18px;

	width:73px;

}



#colLeft ul li {

	background:url(images/bullet_left.png) 0 10px no-repeat;

	padding:5px 0 5px 14px;

}



/* COL RIGHT ELEMENTS

------------------------------------------*/



#colRight #twitter {

	border-top:1px solid #CDCDCD;

	background:url(images/bk_grad_down.jpg) 0 0 repeat-x;

	padding:15px 13px;

	font-size:11px;

	color:#666;

	line-height:120%;

	margin:0;

	min-height:38px;

}



#colRight #twitter a img {

	float:left;

	border:none;

	margin:0 10px 0 0;

}



#colRight #twitter span {

	font-size:14px;

	color:#0FACEE;

	text-transform:uppercase;

	font-weight:bold;

	line-height:130%;

}



/* ads */



#colRight #ads {

	border-top:1px solid #CDCDCD;

	background:url(images/bk_grad_down.jpg) 0 0 repeat-x;

	padding:12px 0 8px 13px;

	margin:0;

}



#colRight #ads a {

	float:left;

	margin:0 8px 7px 0;

	border:none;

}



#colRight #ads a img {

	border:none;

}



#colRight h2 {

	font-size:14px;

	text-transform:uppercase;

	height:28px;

	padding:10px 15px 0;

	font-weight:bold;

}



#colRight ul {

	margin:0 15px 15px;

	border-bottom:1px solid #cdcdcd;

}



#colRight div {

	margin:0 15px 15px;

}



#colRight ul li {

	padding:5px 0 5px 14px;

	font-size:12px;

}



#colRight ul li a {

	color:#333;

}



#colRight ul li:hover a, #colRight ul li a:hover{

	text-decoration:none;

}



/* flickr */



#colRight #ads a img {

	border:none;

}



#colRight #flickr {

	margin-top:10px;

}



#colRight #flickr a {

	border:none;

}



#colRight #flickr a img {

	border:none;

	padding:9px 10px 0 0;

}



#colRight #flickr .flickr_tit{

	margin:0;

	padding:0;

}





/* FOOTER ELEMENTS

-------------------------------------------*/



#footerMenu ul li{

	float:left;

	padding-right:12px;

	padding-top:5px;

}



#site5bottom {

	position:absolute;

	right:20px;

	top:20px;

}



#site5bottom a {

	display:block;

	width:221px;

	height:47px;

	text-indent:-9999px;

	background:url(images/site5bottom.png) 0 0 no-repeat;

}



/*COMMENTS

---------------------------------------------*/

#colLeft ul.commentlist {

	margin:15px 0;

	list-style-type:none;

}



#colLeft ul.commentlist li {

	background:none;

	padding:0;

}



#colLeft ul.commentlist li .comment-metaLeft {

	float:left;

	width:50px;

	text-align:center;

	padding-right:15px;

	padding-top:14px;

}



#colLeft ul.commentlist li .commentRight {

	float:left;

	width:526px;

	border-left:1px solid #D8D8D8;

	padding:15px 0 10px 20px;

	position:relative;

	font-size:11px;

}



#colLeft ul.commentlist li .commentRight .text {

	border-bottom:1px dotted #ccc;

	font-size:14px;

}



#colLeft ul.commentlist li .commentRight .text img {

	border:none;

	background:none;

	padding:0;

}





#colLeft ul.commentlist li .avatar {

	border:5px solid #E6E6E6;

	padding:1px;

	background:#fff;

}



#colLeft ul.commentlist li .reply {

	padding-top:5px;

	font-size:12px;

	font-weight:bold;

}



#colLeft ul.commentlist li em {

	font-size:12px;

	padding-top:5px;

	display:block;

}





#colLeft ul.commentlist li .commentRight .commentBullet {

	position:absolute;

	left:-1px;

	top:15px;

	width:12px;

	height:22px;

	background:url(images/bullet_tit.jpg) 0 0 no-repeat;

}



#colLeft ul.commentlist li .commentRight strong {

	background:#009CDC;

	padding:3px 5px;

	font-size:12px;

}



#colLeft ul.commentlist li .children .commentRight {

	padding-left:40px;

	width:500px;

	background:url(images/ico_reply.png) 20px 15px no-repeat;

}







/* FORMS

-------------------------------------------*/

#colRight #searchBox {

	background:url(images/bk_grad_up.jpg) 0 100% repeat-x;

	padding:20px 0;

	padding-left:13px;

	margin:0;

}



#searchform input {

	border:none;

	border-left:1px solid #CDCDCD;

	border-top:1px solid #CDCDCD;

	background:#fff;

	padding:6px 4px 7px 25px;

	color:#666;

	width:157px;

	float:left;

	background:#fff url(images/ico_search.jpg) 5px 50% no-repeat;

}



#searchform input#searchsubmit {

	width:72px;

	height:30px;

	border:none;

	background:url(images/but_search.jpg) 0 0 no-repeat;

	cursor:pointer;

	padding:0;

	text-align:center;

	color:#ccc;

	font-size:12px;

}



/* contact */



#contact label {

	display:block;

	padding:8px 0 2px;

}



#contact input, #contact textarea {

	border:1px solid #ddd;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}



#contact textarea {

	width:500px;

}



#contact input.submit {

	border:none;

	width:107px;

	height:31px;

	text-align:center;

	padding-top:4px;

	margin-top:15px;

	background:url(images/but_send.jpg) 0 0 no-repeat;

}



.errormsg, .successmsg{

	background:#FEF4F1;

	border:1px solid #F7A68A;

	color:#DA4310;

	padding:10px;

}



.successmsg {

	border:1px solid #9FD9FF;

	background:#EAF7FF;

	color:#00BFF5;

}



/* post comment */



#commentform label {

	display:block;

	padding:5px 0 2px;

}



#commentform input, #commentform textarea {

	border:1px solid #ddd;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}





#commentform textarea {

	width:520px;

}



#commentform input#submit{

	border:none;

	width:107px;

	height:31px;

	text-align:center;

	padding-top:4px;

	margin-top:5px;

	background:url(images/but_send.jpg) 0 0 no-repeat;

	

}



/* CLEARING

---------------------------------------------------*/

.clearfix:after {

    content: "."; 

    display:block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clear {

	clear: both;

}



.noclear {

	clear: none;

}