/*
Theme Name: Creativeoverflow	
Theme URI: www.creativeoverflow.net
Description: A Design Blog for Anything Creative
Version: 1.0
Author: An1ken
Author URI: www.an1ken.net
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}


html{ 
	margin: 0;
	font-family: Arial, Georgia, Sans-serif, Verdana ;
	font-size: 13px;
	color: #000000;
	text-align: center;
	vertical-align: top;
	 
}

body{
	margin-left: auto;
	margin-right: auto;	
	z-index: 1 ;

}


#background {background:#00273b url(http://creativeoverflow.net/wp-content/themes/creativeoverflow/images/background.jpg) no-repeat 50% 0  ; padding: 0 0 25px ; overflow: hidden; min-width: 1146px ; }
#background .main{width:1146px;margin:0 auto;position:relative;}	

blockquote {
	font-style: italic;
	color: #555;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}

h1{ font-size: 28px ; margin-top: 5px ;}

h2  {font-size: 24px ;margin-top: 5px ; margin-bottom: -5px ;} h3  {font-size: 20px;margin-top: 2px ; margin-bottom: -5px ;}

h4  {font-size: 16px;margin-top: 2px ; margin-bottom: -5px ;} h5  {font-size: 14px;margin-top: 2px ; margin-bottom: -5px ;} h6  {font-size: 12px;margin-top: 2px ; margin-bottom: -5px ;}

.post h1 {font-size: 28px ; font-family: Georgia, Sans-serif; margin-bottom: 1px ; }

.post h2 {font-size: 24px ; margin-top: 20px ; margin-bottom: -5px ; line-height: 25px ; }



/*- Title Hover -*/
a:link, a:visited, a:active{
	text-decoration: none;
	color: #000000 ;
}
a:hover{
	text-decoration: underline ;
}
p{
	padding: 10px 0 0 0;
}
/*- Title Hover End -*/



/*- Layout -*/
#overlapping-elements span img{
	position: absolute ;
	left: 23px;
	top: -98px ;
	overflow: hidden ;
	padding-right: 60px ;
	z-index: 2 ;
	
}
#wrapper{
	margin: 270px 0 0 70px;
	width: 1000px;
	text-align: left;
	
}


#header{
	float: left;
	width: 1000px;
	
}
#container{
	background: #FFFFFF;
	float: left;
	width: 640px;
	margin: 0 0 0 0;
	padding: 30px;
}
#logo{
	position: absolute;
	top: -235px ;
	
}
#logo-link span a{
	width: 406px ;
	height: 102px ;
	position: absolute ;
	top: -235px ;
}
#home-link span a{
	width: 45px ;
	height: 25px ;
	position: absolute ;
	top: 27px ;
	left: 792px ;
	z-index: 110 ;
	
}
#store { position: absolute ; top: -222px ; margin-left: 470px ; z-index: 1 ; }

/* Menu Style */
#menu{ z-index: 100 ; position: absolute ; margin-left: 681px ; margin-top: 15px ; }
#menu ul{ list-style:none;}
#menu li{ display:block; float:left;}
#menu li a{ background:#000 ; 
	margin:0 1px; 
	padding:6px 6px 6px 6px; 
	display:block; 
	float:left; 
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height: 15px;
}
#menu li a:hover{
	background:#026ea5 ;
	text-decoration:none;
}
.current{
	background:#026ea5;
	margin:0 1px;
	padding:6px 6px 6px 6px;
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	font-weight:bold;
	height: 15px;
}




/*- Layout End -*/


/*- Post Info -*/
.post{
	padding: 10px 0 10px 0;
}
.entry{
	line-height: 18px;
	margin: 2px 0 0 0;
}
/*- Post Excerpt -*/
.post-excerpt {
	display: table;
	font-size: 13px;
	height: 1%;
margin-bottom: 0px ; 
	
}
/*- Post Excerpt End -*/

/* --Comment Counter--*/
.commentc{ z-index: 10 ; position: relative ; left: 570px ; bottom: 15px ; font-weight: bold ; margin-bottom: -15px ;  }
.commentc a{ font-weight: bold ; margin-left: -2px ; }
.commentc a:hover { color: #026ea5 ;}
.cc{font-size: 16px ; position: absolute; left: -28px ;   z-index: 50 ; }
.commentc a{ position: relative ; bottom: -4px ;}
.commentc-img{ z-index: 10 ; position: absolute ; left: 635px ; margin-top: -18px ;  }



/*- Content Link -*/
.content-link-styling A:link {text-decoration: none; color: #026ea5;}
.content-link-styling A:visited {text-decoration: none; color: #026ea5;}
.content-link-styling A:active {text-decoration: none}
.content-link-styling A:hover {text-decoration: underline; color: #000000;}
/*- END Conent Link -*/
.thumbnail img {
	margin: 5px 0 0 0;
}
.readmorecontent{
	font-size: 13px ;
	font-weight: bold ;
	color: #000000;
	margin-top: -1px;
	margin-bottom: -18px;

}
.comment-respond {
	margin: -0.5px 0 0 0;
	font-size: 13px ;
	font-weight: bold;
	float: right;
	
}
#below-posts{
	margin-top: 10px ;
	margin-bottom: -2px;
}
/*- Below Post Styling -*/
.below-posts-style A:link {text-decoration: none}
.below-posts-style A:visited {text-decoration: none}
.below-posts-style A:active {text-decoration: none}
.below-posts-style A:hover {text-decoration: underline; color: #026ea5;}
/*- END Below Post Styling -*/

/*- Post Info End -*/




/*- Border lining posts -*/
p.borderline{
	border-top: 1px solid #ccc;
	border-color: #6b6b6b;
	margin-top: 10px;
}
p.borderline2{
	border-bottom: 1px dashed #ccc;
	border-color: #e0e0e0;
	margin-bottom: 5px;
}
p.borderline3{
	border-bottom: 1px dotted #ccc;
	border-color: #e0e0e0;
	margin-bottom: 5px;
	margin-top: 5px ;
}
p.borderline-comments{
	border-top: 1px solid #ccc ;
	border-color: #e0e0e0;
	margin-top: -14px ;
	margin-bottom: 5px ;

}

/*- Post Date -*/
.post-date {
	margin: 3px 0 5px;
}
.post-date a {
	color: #ffffff;
}
.post-date em {
	background: #026ea5;
	color: #ffffff;
	font-size: .9em;
	font-style: normal;
	padding: 3px 5px;
	line-height: 1.75em;
}

/*- Post Date End -*/


/*- Nav -*/
.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}



/*- Sidebar additions -*/


/*- Sidebar -*/
.sidebar{
	float: left;
	width: 300px;
	background: #eeeeee;
	margin: 0 0 0 0;
	display: inline;
	height: 100% ;
	z-index: 2 ;
	
	

}

/* ----SIDEBAR----*/
.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

.dynamicsidebar{ margin-left: 10px; margin-bottom: -10px ; margin-top: -2px ; display: block ; width: 260px ; height: 100% ; background-color: #f5f5f5 ; }


/* ---------SIDEBAR STYLING BOXES------------*/
.bsa-ads260x125 { margin-left: 10px ; margin-top: 10px ; margin-bottom: 0px ; }
.bsa-ads125x125 { margin-left:-5px ; margin-top: 5px ; margin-bottom: 5px ; z-index: 15; }
.bsa-ads640{margin-bottom: -8px ; margin-top: 3px ; }
.bsa-ads260x260 { margin-left: 10px ; margin-top: 10px ; margin-bottom: 0px ; }
.sidebar-headings {margin-top: 5px ; margin-left: 10px ; margin-bottom: 5px ; z-index: 10 ; }
.affiliates {position: relative ; left: 10px ; margin-bottom: 5px ; }
.affiliates2{position: absolute ; margin-left: 144px ; margin-top: -130px ; }
.pop-post-images{position: relative ; left: 10px ; margin-bottom: 5px ; }
.sidebar-headings2{margin-top: 5px ; margin-left: 10px ; margin-bottom: 5px ; z-index: 10; position: relative ;}
.blogroll{margin-left: 12px ; color: #eeeeee; margin-top: -30px ; z-index: 3;  }
.blogroll a:link { text-decoration: none ; color: #026ea5 ;}
.blogroll a:hover { text-decoration: underline ; color: #000 ; }
.blogroll a:visited {text-decoration: none ; color: #026ea5;}
.adsense-250{margin-left: 10px ;  margin-top: 10px ; margin-bottom: 0 ; }
/* - Categories Styling///////////////////////////////////////////////////////////////////////////////////////////////////////// - */
.sidebar-headings-cat {margin-top: 5px ; margin-left: 10px ; z-index: 10 ; }
.categories-block { margin-left: 10px ; margin-bottom: -4px ; margin-top: -2px;  display: block ; width: 260px ; height: 245px ; background-color: #f5f5f5 ; }
.categories { line-height: 30px ;  }
.catborder { border-bottom: 1px dashed #c3c3c3 ; max-width: 260px ; }
.announcements { margin-left: 20px ;  margin-bottom: 0;}
.articles { margin-left: 20px ;  margin-bottom: 0;}
.collections{ margin-left: 20px ;  margin-bottom: 0;}
.freebies { margin-left: 20px ;  margin-bottom: 0;}
.inspiration { margin-left: 20px ;  margin-bottom: 0;}
.interviews { margin-left: 20px ;  margin-bottom: 0;}
.tutorials { margin-left: 20px ;  margin-bottom: 0;}
.wordpress { margin-left: 20px ;  margin-bottom: 0;}
/*LINKSLINKSLINKSLINKS//////////////////////////////////////////////////////////////////////////////////////////*/
.announcements a:link { color: #026ea5}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar-headings-tweet {margin-top: 5px ; margin-left: 10px ; margin-bottom: 0 ; z-index: 10 ; }
.latest-tweet-block {margin-left: 10px ; margin-bottom: -10px ; margin-top: -2px ; display: block ; width: 260px ; height: 100% ; background-color: #f5f5f5 ; }
.latest-tweet{ margin-left: 5px ; margin-bottom: 12px; }
.latest-tweet a:link{ text-decoration: none ; color: #026ea5 ; }
.latest-tweet a:hover{ text-decoration: underline ; color: #000000; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar-headings-text {margin-top: 0px ; margin-left: 10px ; z-index: 10 ; }
.text-ads-block { margin-left: 10px ; margin-bottom: -10px ; margin-top: -2px ; display: block ; width: 260px ; height: 100% ; background-color: #f5f5f5 ; }
.text-ads{margin-bottom: 10px ; margin-top: 2px ; margin-left: 0 ;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.coffee a {display: block; width: 340px ; height: 250px ; background: url("http://creativeoverflow.net/resources/coffees.jpg") no-repeat; float: left ; }
.coffee a:hover {background-position: 0 -250px ; }

/* authors */
p.about-author {display:block; height:100px;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#eee; font-size:12px; margin-top: 5px ;}
p.about-author span.author-bio-text { margin-top: 10px ; position: relative ; top: 3px ;}
p.about-author img {float:left; width:auto; margin:5px; border: 1px solid #333 ;}
/*----AUTHOR STYLING BTN---*/
 a.btn-author-portfolio { width: auto; background-color: #fc7806 ; padding: 8px 10px;	color: #ffffff ; font-weight: bold;}
a.btn-author-portfolio:hover { background-color: #000000; color: #ffffff; }	
.btn-authorportfolio2 A:link {text-decoration: none; color: #ffffff ; }
.btn-author-portfolio2 A:visited {text-decoration: none ; color: #ffffff ;}
.btn-author-portfolio2 A:active {text-decoration: none ; color: #ffffff ;}
.btn-author-portfolio2 A:hover {text-decoration: underline; color: #ffffff;}
/*----Twitter STYLING BTN---*/
 a.btn-author-twitter { width: auto; background-color: #fc7806 ; padding: 8px 10px;	color: #ffffff ; font-weight: bold; position: relative; left: 77px ; bottom: 28px ;  }
a.btn-author-twitter:hover { background-color: #000000; color: #ffffff; }	
.btn-author-twitter2 A:link {text-decoration: none; color: #ffffff ; }
.btn-author-twitter2 A:visited {text-decoration: none ; color: #ffffff ;}
.btn-author-twitter2 A:active {text-decoration: none ; color: #ffffff ;}
.btn-author-twitter2 A:hover {text-decoration: underline; color: #ffffff;}

/*Sidebar RSS*/
.RSS a { margin-left: 10px; margin-bottom: 5px ; z-index: 5; background: url(images/subscribe.jpg) no-repeat ; background-position: top ; width: 260px ; height: 60px ; display: block ; }
.RSS a:hover {background-position: bottom ; width: 260px ; height: 60px ;  }
.Twitter a { margin-left: 10px; margin-bottom: 5px ; z-index: 5; background: url(images/twitter.jpg) no-repeat ; background-position: top ; width: 260px ; height: 60px ; display: block ; }
.Twitter a:hover {background-position: bottom ; width: 260px ; height: 60px ;  }
.widget_addn{position: absolute; top:-955px;}

/* SINGLE POST STYLING-*/
.comment-sign{margin-top: 0 ; }
#sharing-buttons { width: 500px; height: 80px; margin-bottom: 3px ; Margin-left: 175px ;   }
.designbump{float: left ; margin-left: 5px ; }
.designfloat{float: left ; margin-left: 5px ; }
.webblend{float: left ; margin-left: 5px ; }
.tweet{float: left ; margin-left: 5px ; }
.digg {float: left; margin-left: 5px ; }


/*- Post Author -*/
#authorbox{  
     background:#EFEFEF;  
     border:1px solid #CECFD0;  
     width:638px;  
     margin:0 auto;  
     margin-bottom:10px;  
     overflow:hidden;  
}  
#authorbox h4{  
         font-size:16px;  
         color:#191919;  
         margin:0;  
         padding:10px 10px 5px 10px;  
}  
.authortext{  
         padding-left:100px;  
}  
#authorbox img{  
         margin:0;  
         padding:10px;  
         float:left;  
}  
#authorbox p{  
         color:#191919;  
         margin:0;  
         padding:0px 10px 10px 10px;  
}  
#authorbox h4 > a{  
         text-decoration:none;  
}  
#authorbox p{  
         color:#191919;  
}  
.authorbox-link A:link {text-decoration: none; color: #026ea5 ; }
.authorbox-link A:visited {text-decoration: none ; color: #026ea5 ;}
.authorbox-link A:active {text-decoration: none ; color: #026ea5 ;}
.authorbox-link A:hover {text-decoration: underline; color: #000;}

/*- Comments -*/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}
.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
/* Comment Styling */
p.sub{ text-align: left ;  }
.cancel-comment-reply a:link { color: #026ea5; }





ol.commentlist {  list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn {  font-style:normal; font-size: 11px; margin-left: 12px ; }
ol.commentlist li div.vcard cite.fn a.url { color:#026ea5; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { margin-left: 20px; font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { margin-left: 20px ; color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin-top: 5px ; margin-bottom: 12px; margin-left: 12px ; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { margin: 0 0 0 10px ; background:#999; border:1px solid #999; color:#ffffff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#026ea5;  }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }











/*- Footer -*/
.footer {clear: both ; text-align: center ;  color: #FFF ;   }

/*- Footer styling -*/
.footer-styling A:link {text-decoration: none; color: #ffffff ; }
.footer-styling A:visited {text-decoration: none ; color: #ffffff ;}
.footer-styling A:active {text-decoration: none ; color: #ffffff ;}
.footer-styling A:hover {text-decoration: underline; color: #41ade3;}
/*- Footer styling end -*/
/* End Bottom */





/*=== Styling Forms ===*/
input.btn {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}
select {
	padding: 1px;
}
/*- Search -*/
/* Body >> Sidebar Search Box
----------------------------------------------------------------------------------------------------*/

div.search { margin-bottom: 10px ; margin-top: 5px ; }

div.search fieldset {
	width: 240px;
	margin-left: 10px ;
	display: block;
	position:relative;
	background-color: #fff;
        border: 1px solid #ccc ;
	top:0; 
	}

div.search form label {
	display: block; 
	padding:0;
	}

	div.search fieldset legend {display:none;}
	
	div.search form label input {
		background-color: none; 
		border: none;
		font:normal 14px/14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold ;
		outline: none; 
		margin-left: 30px; 
		margin-top: 5px;
		padding-left: 2px ;padding-top: 3px ; padding-bottom: 3px ; width: 210px ;  
		}
	
.buttonhide {display: none;}
.search-button{ position: absolute; z-index: 100; margin-left: 13px ; margin-top: 6px ; }

/* Body >> Search Page
----------------------------------------------------------------------------------------------------*/

/*=== Misc. ===*/
.fix {
	clear: both;
	height: 2px;
	margin: 0 0 0;
	overflow: hidden;	
}
.fix2 {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}

.gaps{
	padding-bottom: 40px; padding-top: 33px ; 
}

/* Button Styling */
 a.btn { width: auto; background-color: #026ea5 ; padding: 8px 10px;	color: #ffffff ; font-weight: bold;}
a.btn:hover { background-color: #000000; color: #ffffff; }	
.btn2 A:link {text-decoration: none; color: #ffffff ; }
.btn2 A:visited {text-decoration: none ; color: #ffffff ;}
.btn2 A:active {text-decoration: none ; color: #ffffff ;}
.btn2 A:hover {text-decoration: underline; color: #ffffff;}