/*



Theme Name: DanoCreative
Theme URI: 
Description: DanoCreative site 
Version: 2.0
Author: 
Author URI: 
Tags: Two Columns, Widgetized, Custom Panel, Photoblog


*/


/* ============================================================================================ */
/*

INDEX 

0. Includes
1. Reset CSS
2. General Styling
3. Structure Styling
4. Basic Theme Styling
5. Default Theme Styling   

*/
/* ============================================================================================ */



/* =============== */
/*   0. Includes   */
/* =============== */

<!--@import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin);-->


/* ============= */
/*   Reset CSS   */
/* ============= */







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {


	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;
}


blockquote, q {

	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';
	content: none;
}

:focus {

	outline: 0;
}

ins {

	text-decoration: none;
}

del {

	text-decoration: line-through;
}

table {

	border-collapse: collapse;
	border-spacing: 0;
}


/* ==================== */
/*   2. Basic styling   */
/* ==================== */

body {

	margin: 0;
	padding: 0;
	font-size: 62.5%;
}

a {

	color: #cf6201;
	text-decoration: none;
	font-weight: bold;
	

}



a:hover {

	text-decoration: underline; 

}

a:active {

}

a:visited {

}

.clear {

	clear: both;
}

.alignleft {

	float: left;

}

.alignright {

	float: right;
}

img.alignleft {

	padding-right: 10px;
	padding-bottom: 10px;

}

img.alignright {

	padding-left: 10px;
	padding-bottom: 10px;

}

.main-outer {

}

#content li {

    list-style: none outside none;
    background: url("images/bullet3.png") no-repeat scroll left 0.4em transparent;
    padding: 0 0 0 15px;

}



/* ======================== */
/*   3. Structure Styling   */
/* ======================== */

#header {

}

#header .container {

	margin: 0 auto;
	width: 940px;
	padding: 20px 0 10px 0;
}

#header .socialheader {
	
	width: 400px;
	height: 50px;
	float: right;
	text-align:right;
	margin-top: 5px;
	
}

#header .socialheader p {

	position:relative;
        left:5px;
	top:5px;
} 

#header .socialheader a {
	
	padding-right: 2px;
	
}

#header .title {

	font-size: 5.8em;
	font-weight: 100;
	float: left;
	min-height: 100px;
	margin-top: 30px;

}

#header .title a {

	min-height: 140px;	
}

#header .tagline {
	position: relative;
	padding-top: 0px;
	float: right;
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	margin: 0px;
	width: 420px;
	height: 60px;
	line-height: 20px;
	padding-left: 5px;
}

.tagline h2 {

	font-size: 18px !important;
	text-align: right;
	position: absolute;
	bottom: 3px;
	right: 0;
	font-weight: normal;
}

#frontimage {

	width: 937px;
	height: 320px;
	border: 1px solid #7D7D7D;
	margin-left: auto;
	margin-right: auto;
	background: #ccc;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	background: url(images/orange1.jpg);
	
}

.fronttext1 {

	position: relative;
	top: 55%;
    	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    	font: bolder 53pt/22pt "Trebuchet MS", Arial,sans-serif;
    	letter-spacing: -0.03em;
	padding: 25px 5px 28px 26px;
    	text-transform: uppercase;
    	width: 580px;
}



.fronttext2 {

	position: relative;
	letter-spacing: 0.00em;
	top: 55%;
    	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    	font: 21pt/20pt Tahoma, Arial,sans-serif;
	padding: 8px 5px 12px 29px;
    	width: 470px;
}


#content {

	width: 940px;
	margin: 0 auto;
	padding-top: 25px;
}

#navigation {

	width: 940px;
	height: 59px;
	margin: 0 auto;
}

#frontnavigation {

	width: 940px;
	height: 59px;
	margin: 0 auto;
}

#frontnavigation .search {

	float: right;
	padding-top: 20px;

}

.post .featured {

	width: 700px;
	float: left;
}

.detail {

	width: 240px;
	float: left;
}



.detail h2 {



	padding-left: 20px;



	padding-bottom: 8px;



}



.detail .meta {



	margin-left: 20px;



}



.detail .excerpt {



	padding-left: 20px;



}



.pic-excerpt h3 {



	padding: 10px 20px;



}



.pic-excerpt div.pic img {



	padding-right: 5px;



	padding-bottom: 5px;



}



.devider {

	padding: 35px 0 0 0;
	margin-bottom: 45px;
	height: 15px;
	clear: both;
}



#footer {

	width: 940px;
	padding-bottom: 20px;

}



#blockcontainer {

        width: 900px;
        padding-bottom: 10px;
        height: 300px;

}


#socialbar {
	
	float: right; 
	width: 330px;
	text-align:right;
	height: 25px;
	overflow:hidden;
	
}

#twitterbutton {
	
	float:right;

}

#likebutton {
	
	float: right;

}

#pinitbutton {
	
	float: right;
	
}

.block1 {

        float: left;

        min-height: 40px;

}



.block2 {

        float: left;

        min-height: 40px;

        padding-left: 25px;



}



/* -- Single */







.single h1, .single .post .meta, .single .post p, .single .post blockquote, .single .post ul, .page h1, .page .post .meta, .page .post p, .page .post h2, .page .post h3, .page .post h4, .page .post blockquote  {



	width: 600px;



}







.single .post .meta {



	padding: 10px 0;



	width: 945px;



}







.single .post p {



	width: 945px;



}



.single .post .meta a {



	padding-right: 0px;



}



.single .wp-caption {



	clear: both;



	padding-bottom: 20px;



}



.single .wp-caption a img {



	float: left;



}



.single p.wp-caption-text {



	float: right;



}











/* ========================== */



/*   4. Basic Theme Styling   */



/* ========================== */



body {



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



	



}







/* ============================ */



/*   5. Default Theme Styling   */



/* ============================ */











/* -- header */



#header .title a {



	color: #000;



	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;



	text-decoration: none;



}



#header .title a:hover {



	color: #FF3300;



}





#header .search input {

	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 3px;
	background: #CCC;
	padding: 5px 15px;
	font-size: 1.3em;
	color: #000;
	font-weight: bold;
}







/* -- Navigation */



#navigation {


}





/* -- Post */



.post .detail h2 {

	font: 25px/25px "Trebuchet MS", Arial, Verdana, Helvetica;

}



.post .detail h2 a {

	color: #000;
	text-decoration: none;
	font-weight: 100;
}



.post .detail h2 a:hover {

	color: #999;
}

.detail .meta {

	font-size: 1.3em;
	line-height: 1.4em;
	color: #000;
}

.detail .meta p {

	font-family: Tahoma, Arial, Verdana, Helvetica;
}



.detail .meta .top {

	/* background: url(images/grey-line1.gif) repeat-x left top; */
	border-bottom: 1px solid #868686;
	height: 1px;
	padding-bottom: 5px;
}

.detail .meta .bottom {

	/* background: url(images/grey-line2.gif) repeat-x left bottom; */
	border-bottom: 1px solid #868686;
	height: 1px;
	padding-top: 5px;
}

.detail .meta p {

	padding: 1px 20px 2px;
	padding-left: 0 !important;
}

.detail .meta p a {

	font-weight: bold;
	font-style: normal;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000;
	text-decoration: none;
}

.detail .meta p a:hover {

	color: #999;
}

.detail .excerpt {

	font-size: 1.3em;
	line-height: 1.6em;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.detail .excerpt .bottom {

	/* background: url(images/grey-line2.gif) repeat-x left bottom; */
	border-bottom: 1px solid #868686;
	height: 5px;
}


.detail .excerpt p {

	padding-bottom: 15px;
	padding-top: 5px;
}

.no-featured .detail {

	width: 700px;
}

.pic-excerpt {

	margin-top: 20px;
}

.pic-excerpt h3 {

	font-size: 1.2em;
	text-transform: uppercase;
	color: #000;
}

.pic-excerpt div.pic {

	padding-left: 20px;
	padding-bottom: 10px;

}

.pic-excerpt .outer {

}

.pic-excerpt .top {

	background: none;

}



.pic-excerpt .bottom {



	background: none;



}



.featured {

	padding-bottom: 35px;
	background: url(images/pic-shadow2.png) no-repeat center bottom;
}



.no-featured h2, .no-featured div.meta, .no-featured div.excerpt, .no-featured div.pic-excerpt, .no-featured .outer h3, .no-featured .outer div.pic {

	padding-left: 0px;
	margin-left: 0px;
}



.no-featured div.meta p {



	display: inline;



}



/* -- Devider */



.devider {

	/* background: url(images/grey-line1.gif) repeat-x bottom; */
	text-align: right;
	border-bottom: 1px solid #868686;


}



.devider a {



	text-transform: uppercase;



	font-weight: bold;



	color: #333;



	font-size: 1.1em;



	text-decoration: none;



/* 	text-shadow: 1px 1px #e4f4f8; */



/*	background: url(images/top-nav-hover.gif) no-repeat right center; */



	padding-right: 15px;



}



.devider a:hover {



	color: #999;



}







/* -- Footer */



#footer {



	font-size: 1.3em;



	color: #000;



}



#footer .footlogo {



	margin-top: -10px;



	line-height: 2.4em;



}



#footer .footlogo a {



	background: url(images/wordspop.jpg) no-repeat top center;



	width: 96px;



	height: 24px;



	display: block;



	text-indent: -7777px;



}







#footer .search input {



	border: none;



	-moz-border-radius: 20px;



	-webkit-border-radius: 20px;



	border-radius: 3px;



	background: #CCC;



	padding: 5px 15px;



	font-size: 1.3em;



	color: #000;



	font-weight: bold;



}











/* -- Single */







.single h1, .page h1, .archive h1, .category h1 {

	font-size: 4em;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
	font-weight: 100;
        padding-top: 8px;
	width: 700px;

}


.single h2, .page h2, .archive h2, .category h2 {
        line-height: 120%;
        font-size: 3em;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
	font-weight: 100;
        padding-top: 8px;
	width: 700px;


}

.single h1 a, .page h1 a {

	text-decoration: none;
}



.single .post, .page .post {

	background: none;
}



.single .post .meta, .page .post .meta {

	font-size: 1.3em;
	/* background: url(images/grey-line1.gif) repeat-x left bottom; */
	border-bottom: 1px solid #868686;


}



.single .post .meta span, .page .post .meta span {



	font-style: normal;



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



}



.single .post .meta a, .page .post .meta a {



	font-weight: bold;



	text-decoration: none;



}



.single .post p, .page .post p {



	font-size: 1.4em;



	padding: 0.8em 0;



	line-height: 1.8em;



}



.post ol, .post ul {



	padding: 0 0 1.6em 0;



	font-size: 1.3em;



	padding-left: 20px;



}



.post ol {



	list-style: decimal;



}



.post ul {



	list-style: disc;



}



.post ol li, .post ul li {



	padding: 0.5em 0;
	line-height: 1.8em;



}





.wp-caption img {



	background: url(images/pic-shadow2.png) no-repeat bottom center;



	padding-bottom: 35px;



}



.single p.wp-caption-text, .page p.wp-caption-text {



	color: #000;



	font-style: normal;



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



	background: url(images/canvas.gif) repeat scroll left top;



	width: 210px;



	padding-left: 20px;



	padding-right: 10px;

        float: right; 



}







blockquote {

	font: italic 1.1em Georgia, "Times New Roman", Serif;
	border-left: 5px solid #868686;
	padding: 0 15px;
	margin-bottom: 20px;



}







/* Category */



.sidelist {



}



.sidelist h1 {

	padding-bottom: 12px;
	border-bottom: 1px solid #868686;
	width: 940px;

}

.sidelist h1::first-letter {

	text-transform:uppercase;
}

.sidelist .post {

	width: 220px;
	float: left;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;

}



.sidelist .post h2 {


	font: normal 2.0em "Trebuchet MS", Arial, Verdana, Helvetica;
	padding-top: 10px;
	width: 220px;
	text-align: center;
	



}



.sidelist .post h2 a {



	text-decoration: none;



}

.sidelist .post h2 a:hover {

    text-decoration: underline;

}



.sidelist .post .date {



	font-size: 1.3em;



}



.sidelist .cat-desc {



	font-size: 1.3em;



	line-height: 1.2em;



	padding-bottom: 10px;



	line-height: 1.4em;



}







/* ======================================
      Main navigation
   ====================================== */

.nav, .nav ul {
    background: none repeat scroll 0 0 #868686;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font: 20px "Trebuchet MS", Arial, sans-serif;
    background-color: #7D7D7D;
    background-image: -moz-linear-gradient(#9C9C9C, #7D7D7D);
    background-repeat: repeat-x;
    border: 0 none;
    text-shadow: 0 2px 0 #6E6E6E;

}

.nav {
    background-clip: padding-box;
    border-radius: 3px 3px 3px 3px;
    min-height: 1.3em;
    overflow: auto;
    padding: 10px 10px 10px 16px;
    clear: both;
    margin-bottom: 5px;
    text-align: left;
}

#frontnavigation .nav {

    border-radius: 0px 0px 3px 3px;

}

.nav a {

    color: #ffffff;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.nav li {

    float: left;
    padding: 0 25px 0 15px;
}

.nav li a:hover {

    color: #FC8F30;
    text-align: left;
}

.nav ul {

    background-clip: padding-box;
    border-radius: 0px 0px 3px 3px;
    border: 0px solid #ccc;
    margin-left: -10px;
    padding: 10px 10px 15px;
    -moz-transition: all 0.25s linear 0s;
    background-color: #7D7D7D;
    background-image: -moz-linear-gradient(#868686, #6E6E6E);
    background-repeat: repeat-x;
    border: 0 none;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;

}

.nav li ul {
    left: -9999em;
    position: absolute;
    z-index: 1000;

}

.nav li:hover ul {
    display: block;
    left: auto;
    width: 10em;
}

.nav ul li {
    float: none;
    margin-top: 0.5em;
    width: auto;
    border-top: 1px solid #aaa;
    line-height: 1.2em;
    padding-top: 10px;
    padding-left: 10px;
    font: 18px "Trebuchet MS", Arial, sans-serif;
}

.nav li:first-child {

    border: none;

}

/* Comment Template */



h3#comments-title {



	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;



	font-size: 2.4em;



	font-weight: 100;



	width: 700px;



	background: url("images/grey-line1.gif") repeat-x scroll left top transparent;



	padding-top: 10px;



	padding-bottom: 10px;



}



ol.commentlist {



	list-style: none;



	width: 700px;



	font-size: 1.3em;



}



ol.commentlist div {







}



ol.commentlist li {



	background: url("images/grey-line1.gif") repeat-x scroll left bottom transparent;



	padding: 20px 0;



}



ol.commentlist li img.avatar {



	float: left;



}



ol ul.children {



	background: none;



	padding-top: 20px;



}



ol ul.children li {



	background: none;



	border-left: 5px solid #000;



	padding-left: 20px;



}



ul.children div.comment-post {



	width: 560px;



}



div.comment-author {



	width: 100px;



	float: left;



}



div.comment-post {



	width: 590px;



	float: right;



}



div#respond {



	clear: both;



	font-size: 1.3em;



}



div#respond h3 {



	font-family: "Trebuchet MS";



	font-size: 1.9em;



	font-weight: 100;



	padding: 10px 0;



}



cite.fn {



	font-style: normal;



}



.comment-meta {



	font-size: 1.2em;



	padding-bottom: 5px;



}



.comment-meta a {



	font-weight: bold;



	text-decoration: none;



}



.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label {



	width: 80px;



	float: left;



	line-height: 40px;



}



.required {



	display: none;



}



.reply {



	float: left;



	padding-top: 10px;



}



.reply a {



	display: block;



	padding: 5px 10px;



	background: #000;



	color: #fff;



	-moz-border-radius: 12px;



	-webkit-border-radius: 12px;



	border-radius: 3px;



	text-decoration: none;



	font-weight: bold;



}



.reply a:hover {



	color: #999;



}



form#commentform {



	width: 700px;



	padding-top: 10px;



}



form#commentform p {



	padding: 8px 0;



	font-size: 1.1em;



}



form#commentform p input, form#commentform p textarea {



	border: none;



	background: #CCC;



	font-size: 1.1em;



	padding: 7px;



	-moz-border-radius: 8px;



	-webkit-border-radius: 8px;



	border-radius: 3px;



	font-family: Tahoma, Arial, Verdana, Helvetica;



}



form#commentform p input:focus, form#commentform p textarea:focus {



	background: #aaa;



	color: #fff;



}



form#commentform p textarea {



	font-size: 1.1em;



}



form#commentform p.form-submit {



	padding-left: 80px;



}



form#commentform #submit {



	background: #000;



	color: #fff;



	cursor: pointer;



}



p.form-allowed-tags {



	background: #efefef;



}



#comments {



	clear: both;



}







/* Paging */



.paging {



	clear: both;



	font-size: 14px;



	padding-bottom: 30px;



	margin-top: 30px;



}



.paging a {



	background: #000;



	color: #fff;



	text-decoration: none;



	padding: 5px;



}



.paging a:hover {



	background: #666;

}



/* custom page template */

.single .wide .post .meta, .single .wide .post p, .single .wide .post blockquote, .single .wide .post ul, .page .wide .post .meta, .page .wide .post p, .page .wide .post h2, .page .wide .post h3, .page .wide .post h4, .page .wide .post blockquote  {



	width: 940px;



}



.single .wide .post p, .page .wide .post p {

	font-size: 1.4em;

	line-height: 1.8em;

	padding: 0.8em 0;

}



.single .wide .post h2, .page .wide .post h2 {



	font: 2.2em "Trebuchet MS", Arial, Verdana, Helvetica;

        padding: 0.5em 0;





}



.single .wide .post h3, .page .wide .post h3 {



	font: 1.8em "Trebuchet MS", Arial, Verdana, Helvetica;

        line-height: 1.4em;



        



}



.single .wide .post h4, .page .wide .post h4 {



	font: 2.2em "Trebuchet MS", Arial, Verdana, Helvetica;

        padding-top: 10px;





}



.single .wide .post h5, .page .wide .post h5 {



	font: 2em "Trebuchet MS", Arial, Verdana, Helvetica;

        line-height: 1.4em;

        padding-top: 10px;

        



}



/* Second Column Layout */



#wrapper_a {

        position: relative;
        text-align: left;
        width:940px;
        margin-right: auto;
        margin-left: auto;
		border: 1px solid #F00
		
        }



#column_a {

        position: absolute;
		top: 150px;
		left:0;
		width: 180px;
        border: 1px solid #0F0;

        }



#content_a {

	    margin-left: 230px;
	    padding-top: 8px;
		border: 1px solid #00F;

}

/* Roles */

.role {
	
	font-size:16px;
	padding-bottom: 10px;
	
}

.singlerole {
	
		float: left;
		width: 600px;
}

.role a:link, .role a:hover, .role a:active, .role a:visited {
	
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	
}




#content_a .single h1 {
    font-family: "Trebuchet MS",Arial,Verdana,Helvetica;
    font-size: 4em;
    font-weight: 100;
    padding-top: 8px;
}

#content_a .single .post .meta {
	
    background: url("images/grey-line1.gif") repeat-x scroll left bottom transparent;
    font-size: 1.3em;
}

#content_a .single_a .post p {
	
    font-size: 1.4em;
    line-height: 1.8em;
    padding: 0.8em 0;
}

#content_a .single_a .post .meta {
    padding: 10px 0;
    width: 710px;
}

#content_a .single_a .post h1 {
	
    width: 710px;
}

#content_a .single_a h1, #content_a .single_a .post .meta, #content_a .single_a .post p, #content_a .single_a .post blockquote, #content_a .single_a .post ul {
    width: 700px;
}


/* Front Page */

.wrapper {

        position: relative;
        text-align: left;
        width:940px;
        margin-right: auto;
        margin-left: auto;
		
        }

.column1 {

	width: 300px;
	float: left;
	margin-left: 35px;
	padding: 5px 0px 5px 5px;

        }

.widget {

	font-size: 1.5em;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	list-style: none outside none;
	line-height: 1.6em;
	padding: 15px;
	margin-top: 20px;
	background: #f5f5f5;
	border: 1px solid #868686;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	

}

.widget h1, .widget .h2 {

	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;

}

.widget h3, .widget h4 {


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

} 

.widget h3 {

	font-size: 1.2em

}

.widget ul {

	line-height: 1.6em;

}

.widget li {

    background: url("images/bullet3.png") no-repeat scroll left 0.4em transparent;
    padding: 0 0 0 10px;

}

.widgettitle {

	font-size: 1.8em;
	line-height: 1.3em;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;

}

.maincontent {

	width: 600px;
	float: left;

}

/* ====================================
   320px screen styles
   ==================================== */

@media only screen and (min-width: 320px) and (max-width: 767px) {

.column1 {

	clear:both;

}

}

/* ====================================
   Homepage styling
   ==================================== */


li.showcase {

	width: 240px;
	height: 280px;
	float: left;
	text-decoration: none;
	background-image: none	!important;
	text-align: center;
	font-size: 120%;
	padding: 15px 0px 10px 0px;

	margin: 0px 30px 0px 0px;
}

ul.showcase {
	clear: both;
	list-style-type: none	!important;
	background-image: none	!important;
	
	height: auto;
}