/*  
Theme Name: Dynata
Theme URI: http://www.templatesquare.com/
Description: Dynata is a simple and clean style wordpress theme. This theme comes with 10 styles.
Version: 1.2
Author: templatesquare
Author URI: http://www.templatesquare.com/
Tags: two-columns, threaded-comments, sticky-post, right-sidebar, fixed-width, white, black, blue, green
*/

/*** GLOBAL  ***/
html,body{height:100%}

* { margin:0; padding:0; }
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both; height:6px;}
.clear{clear:both;}
form{margin:0; padding:0;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */

h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

/*** END OF DEFAULT ELEMENT STYLES ***/


/* Begin Typography & Colors */

.entry p, p { margin:0px 0px 10px 0px; }

	

.link_read a, .link_read a:visited{color:#888787 !important;}
.link_read a:hover{ color:#999999 !important;}
.narrowcolumn .entry, .widecolumn .entry { line-height:20px; }
.narrowcolumn h2, .narrowcolumn h2 a, .narrowcolumn h2 a:visited, .widecolumn h2, .widecolumn h2 a, .widecolumn h2 a:visited{ font-size:20px;} 
.narrowcolumn h2 a:hover, .widecolumn h2 a:hover{ color:#999999;}
.widecolumn { line-height: 1.6em; }
.thread-alt { background-color: transparent; }
.thread-even { background-color: transparent; }
.depth-1 { border: 0px solid #ddd; }
.even, .alt { border-left: 0px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
.entry p a:visited { color: #b85b5a;}



.commentlist li, #commentform input, #commentform textarea { font:13px Tahoma, Arial, Verdana; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: Tahoma, Arial, Verdana;}
.commentmetadata { font-weight: normal;}
small, .nocomments, .postmetadata, blockquote, strike { }

acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }

/* End Typography & Colors */



/* Begin Structure */


/*** CENTERCOLUMN ***/
#centercolumn{width:960px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

#container{  float:left;}
/*** CONTENT ***/
#container_content{width:960px; margin-top:17px;}

/* main content */
#main_content{ width:642px; float:left; padding-right:45px;}
.imgleft{float:left; padding-right:15px; }
.imgright{float:right; padding-left:15px;}

.narrowcolumn { padding: 0 0 0px 0px; margin: 0px 0 0; }
.widecolumn { padding: 0px 0 0px 0; margin: 5px 0 0 0px; }


.sidebar_content{width:642px; clear:both;}
.sc_left{ width:300px; float:left; padding-right:20px;}
.sc_right{ width:300px; float:left;}

.post {
	margin: 0 0 0px;
	padding-bottom:30px;
	
	}



.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}


.post_cat{ float:right;}


/* main sidebar */
#main_sidebar{ width:271px; float:left;}


/*===Wp125===*/
#wp125{ margin-bottom:25px !important; float:left;}

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; }
#wp125adwrap_2c .wp125ad { width:125px; float:left; padding:10px 5px 0px 5px !important;  border:0px;}
.wp125ad img{border:0px !important;}


/* Begin Sidebar */
#sidebar #searchform{ margin:0px; padding:0px; text-align:left;}

#sidebar{ padding: 0px 0 10px 0; line-height:18px; }
	
#sidebar ul ul li li{ border:0px; padding-bottom:0px;}



#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul.bookmarks li{
	border:0px;
	background-image:none;
}
.left_bm{ float:left; padding-right:10px;}
.bold{ font-size:18px;}

/* recentcomments */
#recentcomments{ font-weight:bold;}
#recentcomments a, #recentcomments a:visited{ font-weight:normal;}

/*** FOOTER ***/
#left_footer{ width:400px; float:left;}
#right_footer{ width:400px;; float:right; text-align:right;}

/* End Structure */





/* 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 Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {

	padding: 0 0 0 0px;
	list-style: none;

	}

.entry li {
	margin: 7px 0 8px 10px;
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
/* Form Comment*/

.form_left{ float:left;}
.form_left label{ width:45px; display:block; float:left; padding-top:5px;}
.form_right{float:left; width:60%; padding-left:0px;}
.form_right label { width:40px; display:block; float:left; text-align:right; padding-left:10px;}


#commentform {
	margin: 5px 10px 0 0;
	}

#respond { width:100%;}
#respond h3{ font-family:"Century Gothic", Tahoma, Arial; font-size:20px; padding-top:15px;}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
/*****Forms*****/
form{margin:0; padding:0; font-family:Tahoma, Arial !important;}
fieldset{border:0px;}
.screenReader { left: -9999px; position: absolute; top: -9999px; margin:0px ;padding:0px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

#contactForm{}
ol.forms { float: left; list-style: none; margin: 0; width: 100%; text-align:left; padding:0px; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
	list-style-type:none;
}

ol.forms li.screenReader{margin:0px; padding:0px;}
ol.forms label {
	cursor: pointer;
	display: block;
	font-weight:normal;
	padding:0px 20px 3px 0px;
	width: 100%;
}
ol.forms input{
width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px; border:solid 1px #e1e1e1;}
ol.forms textarea {border:solid 1px #e1e1e1; width:388px; height:111px; margin:0px; padding:8px;  font-family:Tahoma, Arial !important; font-size:12px;}
ol.forms li.buttons button {
background-image:url(images/but_submit.png); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:69px; height:26px; cursor:pointer;}

ol.forms input:focus, ol.forms textarea:focus {border:solid 1px #b3b3b3; }
.error { color: #f00; }
ol.forms li .error { font-size: 10px; margin-left:0px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top:80px;
	width:auto;
}
ol.forms li.screenReader {margin: 0; }
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline {}
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
	
	
/* comments */
ul.commentlist, ul.commentlist ul.children { list-style: none; margin: 0; padding: 0; }
ul.commentlist li { display: inline-block; list-style: none; margin: 0 0 30px; overflow: hidden; padding: 0; position: relative; }
ul.commentlist li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] ul.commentlist li { display: block; }

ul.commentlist li .comment_author { font-size: 11px; float: left; padding: 0 20px 0 0; width: 60px; z-index:0; }
ul.commentlist li .comment_author cite{font-size: 11px; font-style: normal; float:left; z-index:0; }
ul.commentlist li .comment_author cite a{text-decoration: none;}
ul.commentlist li .comment_author strong{}
ul.commentlist li .comment_author img{ border: 0px solid #aaa;}
ul.commentlist li .comment_text_container{ margin-left:80px; position:relative; z-index:50; }
ul.commentlist li p.metadata {font-size: 10px; line-height: 2; text-align: right; padding:0px; margin:0px; }
ul.commentlist li p.metadata a { text-decoration: none; }
ul.commentlist li p.metadata a:hover,
ul.commentlist li .comment_author cite a:hover{ text-decoration: underline; }
ul.commentlist ul.children{clear: both;margin: 0 0 0 83px;padding-top:20px;}
/* End Comments */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%;}
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#today{ background-color:#e6e6e6}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em Tahoma, Arial, Verdana; text-align: center; padding-top:10px; padding-bottom:5px; }
#wp-calendar th { font-style: normal; text-transform: capitalize;}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text {position: absolute; left: -1000em; }
a img {	border: none;}
img.aligncenter{border:solid 1px #ccc; padding:6px; margin-bottom:10px;}
.navigation { display: block; text-align: center; }
	
/* WP-PageNavi */	
.pagination{ line-height:25px;}

/* 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;

}

.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 */

.widget_tag_cloud div{ margin-top:10px;}

.textwidget{
	line-height:20px;
}

.boxtop{ width:290px; float:left; padding:0px 0px 0px 0px; line-height:20px;}
.spacer{width:50px; float:left; display:block; height:100px;}

h2.home				{ font-size:24px; }
.large-text 		{ font-size:16px; }
.large-text a		{ color:#06F; }
.shopping_cart h2	{ display:none; }
.form-box			{ border:1px solid #c1c1c1c; background:#f1f1f1; padding:0px 20px 20px 20px; text-align:left; }
.form-box label		{ width:150px; float:left; text-align:left; line-height:24px; display:inline-block; margin-left:50px; }
.form-box p			{ width:200px; float:left; text-align:left; line-height:24px; display:inline-block; }
.form-box input		{ width:250px; line-height:18px; padding:2px; margin-bottom:3px; }
.form-box b			{ display:block; padding-top:20px; }
.continue			{ margin-top:20px; float:right; font-size:14px; }

.paypal form		{ text-align:left; padding:30px 0px 0px 30px; }
.paypal	select		{ width:100px; height:20px; line-height:24px; font-size:14px; }

#rotator			{ border:10px solid #fff; display:block; }