/*
Theme Name: CP.com -v 2. 2012
Theme URI: http://vefrun.is/
Description: v 2 CoffeePixel.com.
Version: 2.0
Author: Sigrun Olafsdottir
Tags: color, photography

 
*/
html,body{
    height:100%;
    margin:0;
    padding:0;
}

	.clearer{
clear:both;
line-height:1px;
}

body{
text-align:center;
line-height:14px;
font:11px/20px Georgia, verdana, tahoma, helvetica, sans-serif, arial;
color:#555;
/*background: #FFF url(img/bodyBackgr.gif) top center repeat;*/
background: #FFF url(img/floral.gif) center center no-repeat;
text-align:center;
margin:0;
padding:0;
}
 /*LINK STYLES****************/

a {
	text-decoration:underline;
	color:#3494bb;
}

a:hover {text-decoration:none;}



#equator {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -280px;
	text-align: center;
	min-width: 1078px;
	background: transparent url(img/grayBar.png) center center repeat;
	border:0px solid gray;

}

#wrapper {
	background: transparent url(img/plate.png) 50% 50% no-repeat;
	position: relative;
	text-align: left;
	width: 1078px;
	height: 641px;
	margin: 0px auto;
	border-left:0px solid gray;
	border-right:0px solid gray;
}



#imgPlate{
position: relative;
width:800px;
min-height:500px;
height:100%;
margin:0 auto;
}


h1#logo{
position:absolute;
margin:-78px 0 0 140px;
background: #FFF url(img/logo.png) 50% 50% no-repeat;
width:332px;
height:76px;
}

h1#logoSplash{
margin:-122px 0 0 140px;
position:absolute;
background: transparent url(img/logo2.png) 50% 50% no-repeat;
width:335px;
height:171px;
}


h1#logoSplash2{
margin:-73px 0 0 540px;
position:absolute;
background: transparent url(img/logo.png) 50% 50% no-repeat;
width:332px;
height:76px;
}

h1#logoBlog{
position:absolute;
top:52px;
margin:0px 0 0 140px;
background: #FFF url(img/logo.png) 50% 50% no-repeat;
width:332px;
height:76px;
}

h1#logoBlog span,
h1#logo span{
display:none;
}

ul#valmynd{

}
#slide{
padding:55px 0 0 0;
background-color: transparent;
border-left:0px solid gray;
border-right:0px solid gray;
text-align:center;
}

#slide img{
margin:0 auto;
}


/* Navigation - Valmynd
/*------------------------------------------------------*/
#navTop{
	position:absolute;
	top:0;
	left:0px;
	padding-top:15px;
	border-right:0px solid #DDD;
	line-height:32px;
	margin-left:120px;
	z-index:5000;
	right:0;
	height:35px;
}

#navBlog{
	position:absolute;
	top:130px;
	left:0px;
	padding-top:15px;
	border-right:0px solid #DDD;
	line-height:32px;
	margin-left:120px;
	z-index:5000;
	right:0;
	height:35px;
}

#navTop ul,
#navBlog ul{ 
	width:800px;
	margin:0 auto;
	list-style:none;
}
#navTop ul li.last,
#navTop ul li,
#navBlog ul li.last,
#navBlog ul li{
	float:left;
	/*width:100px;*/
	padding:0 15px;
	border-left:1px solid #DDD;
	text-align:center;
}


#navTop ul li.last,
#navTop ul li,
#navBlog ul li.last,
#navBlog ul li{
	float:left;
}


#navTop ul li a,
#navBlog ul li a{
	color:#555;
	text-transform:uppercase;
		border-left:1px solid #DDD;
	text-align:center;
	display:block;
		line-height:32px;
border:0px solid red;
padding:0 6px;
}


#navTop ul li.last,
#navBlog ul li.last{
display:block;
padding:32px 0 0 0;

} 
#navBlog ul li.hover a,
#navBlog ul li:hover a,
#navBlog ul li.hover,
#navBlog ul li:hover ,
#navTop ul li.hover a,
#navTop ul li:hover a,
#navTop ul li.hover,
#navTop ul li:hover {
	position: relative;
}
#navTop ul li.hover ul,
#navTop ul li:hover ul,
#navBlog ul li.hover ul,
#navBlog ul li:hover ul{
	display: block;
}
#navTop ul ul,
#navBlog ul ul{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background:#e9e6dd;
	padding:0 0 7px 0;
	margin:0;
	margin-top:-2px;
	list-style:none;
	width:145px;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	border:0px solid green;

}
#navTop ul ul li,
#navBlog ul ul li{
/*	padding:0 10px 0 17px;*/
	width:115px;
	margin:0px;
	padding:0px;
		display:block;

}
#navTop ul ul li a,
#navBlog ul ul li a{
	text-align:left;
	background:none;
	color:#7a7a7a;
	line-height:18px;
	width:100%!important;
	height:auto;
	padding:5px 10px 5px 20px;
	margin:0 0 1px 0;
	display:block;
	background:#e9e6dd;
	border-bottom:1px solid #FFF;
	overflow:hidden;

}
#navTop ul ul li a:hover,
#navBlog ul ul li a:hover{color:#000;}


#navTop ul li ul,
#navBlog ul li ul{
display:none;
}


/*  Content and such
--------------------------------------------------------*/
a img{
border:0;
}

#splashBody{
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -185px;
	text-align: center;
	min-width: 1078px;
	background: transparent url(img/grayBar.png) center center repeat;
	border-bottom:0px solid blue;
	height:380px;
}

#splashPage{
border:0px solid red;
/*height:380px;*/
height:100%;
}

/* Splash Images */
     .imageMenu {  position:  relative;  width: 500px; height: 200px; overflow: hidden; }
   
    .imageMenu ul { list-style: none; margin: 0px; display: block; height: 200px; width: 1000px; }
   
    .imageMenu ul li { float: left; }
   
    .imageMenu ul li a { text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; border-right: 2px solid #fff; cursor:pointer; display:block; overflow:hidden; width:98px; height: 200px; }
   
    .imageMenu ul li.landscapes a { background: url(imageMenu/img/landscapes.jpg) repeat scroll 0%; }
    .imageMenu ul li.abstract a { background: url(imageMenu/img/abstract.jpg) repeat scroll 0%; }
    .imageMenu ul li.nature a { background: url(imageMenu/img/nature.jpg) repeat scroll 0%; }
    .imageMenu ul li.people a { background: url(imageMenu/img/people.jpg) repeat scroll 0%; }
    .imageMenu ul li.urban a { background: url(imageMenu/img/urban.jpg) repeat scroll 0%; }

/* *******************************************************************
		SlideShow

************************************************* */

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/


/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown. width and height over ride within  options
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.

*/

/*

grow
*/

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow
{
	height: 500px;
	width: 800px;
	margin: 0 auto 0 auto;
}

.slideshow a img {
	border: 0;
	padding: 0px;
}
/**
Short code:
	If you were to add a show_class = "mini" to your short code, 
	you would then add a css class of family as bellow.
	This will add to or over ride the class slideshow above.
*/
.mini{
	border: 2px solid #ccc;
	padding: 5px;
	height: 50px;
	width: 50px;
	margin: 20px;
	float: left;
}
.small{
    height:100px;
    margin:20px;
    border: 2px solid #ccc;
	padding: 5px;
	}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #fff;
	bottom: 0;
	color: #555;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 1000;
	text-align:left;
}
.slideshow-captions-hidden {
	height: 0px;
	opacity: 0;
	
}
.slideshow-captions-visible {
	height: 40px;
	opacity: .7;
	
}
.slideshow-captions h3 {
    margin: 0px 0px;
    padding:0;
    display: inline;
}
/**/

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/
html > body .slideshow-controller li {
	list-style: none;
}
.slideshow-controller {
	background: url(images/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10100;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
	margin-top: 0;
	z-index: -10;
}
.slideshow-controller-visible {
	opacity: 1;
	margin-top: 65px;
	z-index: 10100;
}
/* control buttons*/
.slideshow-controller a{
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	background-repeat: no-repeat;
}
.slideshow-controller a.active {

}
html > body .entry .slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a{
	background-image: url(images/controller_buttons.png);
	left: 36px;
	width: 20px;
	background-position: 4px 0; }
.slideshow-controller li.first a.active{
	background-position: 4px -18px;}

.slideshow-controller li.last a {
	background-image: url(images/controller_buttons.png);
	left: 182px;
	width: 20px;
	background-position: -98px 0; }
.slideshow-controller li.last a.active{
	background-position: -98px -18px;}

.slideshow-controller li.next a {
	background-image: url(images/controller_buttons.png);
	left: 145px;
	width: 24px;
	background-position: -74px 0;}
.slideshow-controller li.next a.active{
	background-position: -74px -18px;}

.slideshow-controller li.pause a {
	background-image: url(images/controller_buttons.png);
	left: 110px;
	width: 20px;
	background-position: -37px 0; }
.slideshow-controller li.pause a.active{
	background-position: -37px -18px;}

.slideshow-controller li.play a {
	background-position: -54px 0; }
.slideshow-controller li.play a.active {
	background-position: -54px -18px; }
	
.slideshow-controller li.prev a {
	background-image: url(images/controller_buttons.png);
	left: 72px;
	width: 24px;
	background-position: -16px 0px; }
.slideshow-controller li.prev a.active{
	background-position: -16px -18px;}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	left: 50%;
	margin: -14px 0 0 -14px;
	position: absolute;
	top: 50%;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
	margin: -14px 0 0 -14px;
}
.slideshow-loader-visible {
	opacity: .9;
	margin: -14px 0 0 -14px;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/


.slideshow-thumbnails {
	bottom: -80px;
	height: 70px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}


/*	To use thumb vertical switch in the following classes. uncomment to activate
	Overriding the default Slideshow thumbnails for the vertical presentation
*/
/*height of your slideshow*/
/*
    
    .slideshow-thumbnails {
    	height: 300px; 
    	left: auto;
    	right: -80px;
    	top: 0;
    	width: 70px; 
    }
 /*width of your thumbs plus slideshow-thumbnails li margins*/
 /*
    .slideshow-thumbnails ul {
    	height: 700px;
    	width: 70px;
    }    

*/

html > body .slideshow-thumbnails ul {
	position: absolute;
	text-indent: 0px;
	margin: 0;
	padding: 0;
}
html > body .slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 0px;
	position: relative;
}
html > body .slideshow li:before{
	content: "";
}
.slideshow-thumbnails a:link {
	display: block;
	padding: 5px;
	margin: 5px;
	position: relative; 
	overflow:hidden;
}
.slideshow-thumbnails a:visited:hover, .slideshow-thumbnails a:link:hover {
	background-color: #808080 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #808080;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #ccc;
	opacity: .5;
}

/*	these are the dynamically inserted thumb strip covers, set to each end*/
.slideshow-thumbnails .overlay {
	top: 0px;
	height: 170px;
	position: absolute;
	width: 30px;
	z-index: 1000;
}
.slideshow-thumbnails .overlay.a {
	background: url(images/thumbnails_overlay.png) repeat-y top left ;
	left: 0;
}
.slideshow-thumbnails .overlay.b {
	background: url(images/thumbnails_overlay.png) repeat-y top right ;
	right: 0;
	}
.slideshow-thumbnails .thumbframe {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 150px;
    height: 150px;
    background: url(images/thumbframe.png) no-repeat top;
    overflow: hidden;
    }

/*
The following only applies when using the featured option
*/
.featured .slideshow-thumbnails .overlay {
	height: 100px!important;
}

.featured {
    color:#666666;
    height: 250px;
    width: 450px;
    margin: 30px auto 130px;
    border: 2px solid #333;
    padding:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	border-radius:10px;
}

/* */   
.featured .slideshow-images {
    border: 1px inset #254c6c;
}

.slideshow-featured-captions h3 {
    color: #555;
    margin:15px 0;
    padding:0;
}

.slideshow-featured-captions a
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 6px;
	padding: 3px 12px;
	background: #FCFCFC;
	border: 2px outset #ddd;
	color: #e9f5ff;
	font-size: 1.1em;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	
	border-radius:12px;
}
.slideshow-featured-captions a:hover {
    color:#000;
    background: #FCFCFC ;
}
.featured .slideshow-featured-captions{
    visibility: hidden;
    background: #fff;
	bottom: 0;
	color: #666;
	
	right: 0;
	left:auto;
	overflow: hidden;
	position: absolute;
	text-indent: 0px;
	height: 230px;
	width: 0px;
	z-index: 2000;
	border: 20px solid #fff;
	text-align:left;
}
.slideshow-featured-captions-hidden {

	opacity: 0;
	width: 0px;
}
.slideshow-featured-captions-visible {

	opacity: .8;
	width: 150px;
}

.featured .slideshow-thumbnails {
    bottom: -110px;
	height: 100px;
}

.featured .slideshow-thumbnails ul{
	height: 100px;
	width:1000px;
}

.featured .slideshow-thumbnails-hidden{
     -moz-border-radius:8px;
	-webkit-border-radius:8px;
	
	border-radius:8px;	
	background-color: #254C6C !important;
}

/* sscategory */
.sscategory {
    color:#666666;
    height: 250px;
    width: 450px;
    margin: 30px auto 230px;
    border: 2px solid #333;
    padding:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.sscategory .slideshow-images{
    border: 1px inset #254c6c;
}

.sscategory .slideshow-thumbnails {
    bottom: -220px;
	height: 200px;
	width: 470px;
}
.sscategory .slideshow-thumbnails ul{
	/*height: 300px;
	width: 1000px;*/
}
.sscategory .slideshow-thumbnails .overlay {
	height: 200px!important;
}

.slideshow-sscategory-captions {
    visibility: hidden;
    background: #fff;
	bottom: 0;
	color: #666;	
	right: 0;
	left:0;
	overflow: hidden;
	position: absolute;
	text-indent: 8px;
	height: 30px;
	width: 100%;
	z-index: 2000;
}
.slideshow-sscategory-captions h3{
    color:#666;
    display:inline;
    margin: 0px;
    padding: 3px;
    text-transform: capitalize;
}
.slideshow-sscategory-captions a{
    padding: 0px 6px;
}
.slideshow-sscategory-captions-hidden {
	opacity: 0;
	height: 0px;
}
.slideshow-sscategory-captions-visible{
    opacity: .8;
	height: 30px;
}


/*	
	Slide zoomer on template function
*/
.slideclosed {cursor:pointer; width: 60px; height: 60px; margin: 10px; padding: 0px; border: 0px solid #4fa1e5;}
.slideclosed:hover{margin: 9px;}
.slideopener {font-size:0.8em;height:60px;padding:5px 8px;background: url(images/slide_empty.png) no-repeat;}

/* slideshow holder , destination on the zoom*/
.slideopen{ padding: 10px; border: 8px solid #4fa1e5;}

/*	closer button bottom right */
.closeshow
{
	cursor: pointer;
	bottom: -20px;
	left: 100%;
	width: 20px;
	height: 20px;
	background: transparent url(images/close_ball.png) no-repeat;
	position: relative;
}

.closeshow:hover { background: transparent url(images/close_ball_over.png) no-repeat; }

/*  BLOG  --------------------------------------------
--------------------------*/
body#blog{
margin:0;
padding:0;
background: transparent url(img/bodyBlogBackgr2.gif) top center repeat-x;
}
.bodyInner{
background: #f8f8f8 url(img/bodyBlogBackgr.gif) top center repeat-y;
}
#header{
height:179px;
background: #FFF url(img/topBackgr.gif) top center no-repeat;
border-bottom:2px solid #f8f8f8;
}

.headerInner{
position:relative;
width:1000px;
margin:0 auto;
}

#flashBar{
border-top:2px solid #fff;
border-bottom:2px solid #fff;
height:329px;
background: #d7d6d6 url(img/bannerBackgr.gif) top center repeat-y;
}
.flashInner{
width:1001px;
margin:0 auto;
background-color:#d7d6d6;
}
#page{
width:1001px;
margin:0 auto;
border-top:2px solid #f8f8f8;
border-bottom:2px solid #f8f8f8;
background: #FFF url(img/pageTop.gif) top center no-repeat;
}

#footer{
border-top:1px solid #f8f8f8;
background: #FFF url(img/footerBackgr.gif) top center no-repeat;
height:216px;
}

.tweedy{
height:70px;
border:0px solid green;
}

.fruit{
border-top:1px dashed #DDD;
border-bottom:1px dashed #DDD;
padding: 15px 0 0 0; 
border:px solid green;
margin:0 0 20px 0;
}

.fruit img{
float:left;
margin-right:15px;
border:1px solid #DDD;
padding:2px;
}

.pageInner{
padding:0 40px 40px 40px;
text-align:left;
}

.pageInner p img{
padding:2px;
border:1px solid #DDD;
}

/* POSTS ****************** */

.title {
background: transparent  url(img/postTitleBack.jpg) no-repeat; 
height:73px;*/
padding:0 0 0 76px;
margin-top: 20px;
border:0px solid blue;
border-top:1px solid white;
}

	/*POST TITLE FONT STYLE**/

.ti, .title h2 {
	margin:23px 0 0 90px ;
	font-size:28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:20px;
	color:#3494bb;
}
.title h2 a{
text-decoration:none;
color:#3494bb;
}

.post {
	padding:0px;
	overflow:hidden;
}

.post .specs{
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	color:#666;
	border-bottom:1px dotted #DDD;
}

.post .specs a {
	color:#666;
	text-decoration:none!important;
	outline:none;
	border:0;
}

.post .specs span{
width:50px;
float:right;
}

.post p {
	line-height:25px;
	margin:0 0 22px 0;
}

img .aligncenter{
margin:0 auto;
text-align:center;
}


.title .date{
	width:104px;
	float:right;
	color:#c0c0c0;
	font-size:11px;
	font-weight:normal;
	border:0px solid red;
	padding:0;
	margin:0;
}

.day{
	font-size:28px;
margin:25px 0 0 0;
padding-right:3px;
width:34px;
float:left;
text-align:right;
border:0px solid #c0c0c0;}

.mo-year{
  border-left:1px solid #c0c0c0;
width:50px;
float:right;
margin:12px 0 0 0;
padding:0 0 0 8px;
}

/* COMMENTS **************************************/
.content-box {
	padding:0px 30px;
	overflow:hidden;
	border:0px solid olive;
	background:   url(img/commentBar1.gif) repeat-x; 
	height:50px;

}

.coment {
	border:0px solid red;
	list-style:none;
	margin:12px 0 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	height:25px;
	position:relative;

}

.coment li {

	background:url(images/comments-divider.gif) no-repeat 0 50%;

	padding:0 19px 0 21px;

	position:relative;

	float:left;

	font:10px/25px Verdana, Arial, Helvetica, sans-serif;

	margin:0 19px 0 -21px;

}

.coment li a {

	color:#82817d;

	text-decoration:none;

	outline:none;

}

.coment li a:hover {text-decoration:underline}

.commentform{
border:1px solid #DDD;
padding:10px 50px;
margin:2px 0 0 0;
}

.commentform hr{
display:none;
}
.commentform h3{
	margin:23px 0 0 0;
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:20px;
	color:#3494bb;
	}

/*new-comment*/

.new-comment {

	width:640px;

	padding:0px 0 0 257px;

}

.form {

	width:436px;

	padding:0px 35px 30px 28px;

	background:#fff;

}

.form label {

	display:block;

	color:#4c4c4c;

	font:12px/16px Verdana, Arial, Helvetica, sans-serif;

}

.form-box {

	width:100%;

	overflow:hidden;

}

.left-box {

	float:left;

	width:232px;

	padding:2px 0 0;

}

.right-box {

	float:right;

	width:200px;

}

.right-box textarea {

	width:178px !important;

	height:109px !important;

	padding:10px !important;

	overflow:auto !important;

	border:1px solid #ccc !important;

}

.form .line {

	padding:0 0 17px !important;

}

.form .line input {

	width:186px !important;

	border:1px solid #ccc !important;

	padding:1px 6px !important;

}

.form  .cancel {

	display:block;

	width:38px;

	height:12px;

	overflow:hidden;

	background:url(images/cansel.gif) no-repeat;

	text-indent:-9999px;

}

.form .bottom {

	height:1%;

	overflow:hidden;

	padding:8px 0 0 144px;

}

.form .bottom input {

	float:left;

	margin:0 19px 0 0;

	padding:2px 0 0;

}

.log_admin{

	padding-left: 234px;

}

.title a {

	text-decoration: none;

}

.comment_form input, .comment_form textarea, .input {

	border:1px solid #ccc !important;

}

.comment_form{

	padding-left: 257px;

	width: 432px;

}

.comment_form .submit{

	border: none !important;

}

.inner {

	padding:0 50px; 

}



.inner .pagetitle{

font: 20px/20px Georgia, Sans-serif;

padding:0 20px;

color:#A8A8A8;

border-bottom:1px dotted #DDD;

}



.coment{

	text-transform: uppercase;

}

/* -- comments css -- */

.entry-comments {
	clear:both;
	margin-top:16px;
	margin-left:0px;
	margin-right:0px;
	
}
body.single .entry-comments {
	margin-top: 15px;
	margin-bottom: 40px;
}
/* comments header */
.comments-header-left-side-wrap {
	float:left;
	display:inline;
}
.comments-header .comments-header-left-side-wrap p {
	font-family:Georgia, Times, serif;
	color:#000000;
	font-style:italic;
	font-size:17px;
}

	.comments-header {
	border:1px solid red;
		background-color:#c9dacd;
		background-image:none;
		background-repeat:repeat;
		background-position:top left;
		background-attachment:scroll;
	}
	* html .comments-header {
		
		
	}
.comments-header .comments-header-left-side-wrap a {
	font-style:italic;
	font-family:Georgia, Times, serif;
	font-size:17px;
}

.comments-header .post-interact  {
	
	font-size:12px;
	text-transform:uppercase;
}
.comments-header .post-interact  a {
	font-style:normal;
	color:#333333;
	font-size:12px;
	text-transform:uppercase;
}
.comments-header .post-interact  a:link {
	color:#333333;
}
.comments-header .post-interact  a:visited {
	color:#333333;
}

#content .comments-header p, .comments-header .post-interact {
	color:#000000;
}
#content .comments-header .comments-header-left-side-wrap .comments-count p {
	color:#502914;
}
.comments-header div.post-interact-div {
	margin-left:5px;
}
.not-accepting-comments .addacomment {
	display:none;
}
/* general individual comments */
	.comments-body {
		background-color:#ddd;
		background-image:url(images/combg.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-attachment:scroll;
		border:1px solid red;
	}
	* html .comments-body {
		
		
	}
.comments-body-inner {
	margin:0px 125px;
}
.comments-body div.p3comment {
	
	clear:both; /* for floated gravatars */
	
	border-bottom:dotted 1px #cccccc;
	margin-bottom:6px;
	padding:10px 8px;
}
.comments-body div.p3comment p {
	
	margin-bottom:0;
}
.comments-body div.p3comment,
.comments-body div.p3comment p, 
.comments-body div.p3comment a {
	font-size:11px;
	
	
	 
	
	
}
span.comment-author,
 {
	color:#244758;
	font-weight:700;
	
	text-transform:uppercase;	
}
.comments-body div.p3comment a:link,
.comments-body div.alt a:link,
.comments-body div.p3comment a:visited,
.comments-body div.alt a:visited {
	 
}
.comments-body div.p3comment a:hover,
.comments-body div.alt a:hover {
	
}
.p3comment img.wp-smiley {
	height:11px;
}
.last-comment {
	margin-bottom:0 !important;
	border-bottom-width:0 !important;
}
/* comment timestamp */
.comment-time {
	
	color:#46585e;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	margin-left:10px;
}
.comment-top .comment-time {
	margin-left:0;
}
.comment-top .comment-author span {
	padding:0 2px;
}
#content .alt .comment-time {
	
}
.entry-comments .bypostauthor .comment-time {
	
}
/* alt comments */
.comments-body div.alt {
	
}
.comments-body div.alt p {
	
}
.comments-body .alt a:link {
	
}
.comments-body .alt a:visited {
	
}
/* by author comment styles */
.comments-body div.bypostauthor {
	
	
}
.comments-body div.bypostauthor p {
	
}
.comments-body div.bypostauthor a:link, 
.comments-body div.bypostauthor span.comment-author, 
.comments-body div.bypostauthor a:visited, 
.comments-body div.bypostauthor a:hover {
	
}
/* comment awaiting moderation style */
.p3comment .unapproved {
	font-style:italic;
	
}

ol.comments {
border:0px solid green!important;
padding:0!important;
margin:0!important;
}

.ctext-box, .commentbar{
border:0px solid green!important;
}

.scrollx {
	border:1px solid #DDD;
	padding:0px;
	margin:0 0 0 20px;
	display:block;
	height:120px;/**/
	list-style-type:none;
	overflow:scroll;/**/
	width:900px!important;
}


/* AJAX AP  */

/* Comment Stuff */
ol,
.awpcomments ol.comments{
	padding-left:0;
	margin-left:0;
	list-style-type:none !important;

}

.awpcomments ol.comments * > ol.reply{
	list-style-type:none !important;
	padding-left:1.3em;
	margin-left:0;
}

.awpcomments * ol.reply{
	list-style-type:none !important;
}

.awpcomments * .authorcomment {
	border:1px solid #c0c0c0;
	line-height:1.5em;
	margin:3px;
	padding:4px;
}
.comInfo{
	display:block;
	margin:0 0 5px 0 !important;
	padding:5px 5px 5px 5px !important;
	border-bottom:1px dashed #DDD;
	font-size:11px;
	line-height:normal;
	color:#333;
	text-align:left;
	}
.awpcomments * .commentbar {
	display:block;
	margin:0 0 5px 0 !important;
	padding:0px !important;
	border-bottom:0px dashed #DDD;
	border:1px solid red;
	font-size:11px;
	line-height:normal;
	color:#333;
	text-align:left;
}

.commentbar{
background:#FCFCFC;
}
.awpcomments * .commentbar cite{
	font-style:normal;
}

.comment_form input[type=text], .comment_form textarea, .input {
	font-size: 1.1em;
	padding: 3px;
	border: 2px solid #B3B3B3 !important;
}

.comment_form input[type=text]:focus, .comment_form  textarea:focus, .input:focus {
	background: #fff;
	color: #333;
	border: 2px solid #B3B3B3 !important;
}

.preview_comment{
	border: 2px solid #B3B3B3 !important;
	padding-top: 10px;
	background: #ffffff  url('http://digital-dreaming.com/wp-content/plugins//aWP/modules/inlinecommentform/close_normal.gif') top left no-repeat;
}
.comment_form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
}

.comment_form textarea {
	height: 250px;
	width: 95% !important;
	margin-right:4% !important;
	font-size: 1.2em;
}

.ed_button, .submit, .comment_form input[type=submit],.comment_form input[type=button] {
	border:1px solid #B2B2B2;
	font-size:1em;
	margin-right:2px;
	padding:3px;
	width:auto;
}

.wp-smiley{
	vertical-align:middle;
	border:0;
}
.bigthrobber{
	right:30%;
	position:absolute;
	z-index:100;
	height:50px;
	width:50px;
}

.eachComment{
background-color:#FFF!important;
border:0px solid #ddd;
margin:10px 0px;
padding:15px;
}

.awpcomments{
/*background-color:#FCFCFC;*/
	padding:0px;

}
.eachComment{
	
	}

	.scroll{
	border:0px solid #DDD;
	display:block;
	list-style-type:none;
	overflow:auto;
	height:150px;
	width:100%;
	}

	.daComment{
	padding:0 5px 0 5px;
	}
/*Dummy*/
.dummyclass{
	border:0;
}

/* NEXT / PREVIOUS PAGE ARROWS*/

.arrows {

	list-style:none;

	margin:0;

	padding:0;

	height:1%;

	overflow:hidden;

	background:#454545;

}

.arrows li {

	font:10px/25px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	text-transform:uppercase;

}

.arrows li.prev {

	float:left;

	padding:0 0 0 29px;

}

.arrows li.next {

	float:right;

	padding:0 16px 0 0;

}

.arrows li a {

	color:#fff;

	text-decoration:none;

}

.arrows li a:hover {text-decoration:underline;}







/*NAVIGATION for single posts*/

.navigation {

/*	width: 970px;*/

	margin: 0 50px 20px 50px;

	padding:0 5px 0 5px;

	font:10px/25px Verdana, Arial, Helvetica, sans-serif;

	color:#666;

	border-bottom:1px dotted #DDD;

	text-transform:uppercase;

}



.navigation a {

	color:#666;

	text-decoration:none!important;

	outline:none;

	border:0;

}



.alignleft {float: left;}

.alignright {float: right;}



.clear {clear: both;}




.box{
		width:200px;
		border:1px solid #DDD;
		float:left;
		margin:15px; 
		padding:5px;
	}