/*  
Theme Name: Sokolindesign.com	
Theme URI: none
Description: Proprietary Urban Aesthete design.
Version: 0.01
Author: Alexey Sokolin
Author URI: http://sokolindesign.com/

	This theme is not to be duplicated on other websites.

*/

/* Start poorly organized and woefully written CSS */

/* Structure of the layout */

body {
	background-image: url(structureimages/fullpic.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;}
	
.horisontalbackground {
	position:absolute;
	top:0;
	padding:0;
	height: 100px;
	right: 1000px;
	width: 100%;
	background-color: #CED7DF;
}

.verticalbackground {
	padding:0;
	background-image: url(structureimages/vertical2.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position: absolute;
	width: 570px;
	top: 100px;
	right: 55px;
	margin: 0;
}

.narrowcolumn, .widecolumn{
	padding:0;
	position: relative;
	width: 450px;
	left: 28px;
	margin: 0px;
	height: auto;
}

#urbanpic {
	background-image: url(structureimages/title.gif);
	width:385px;
	height:49px;
	position: absolute;
	top: 30px;
	right: 25px;	
}

/* Text formatting */

body {
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	
	}
	
.narrowcolumn .entry, .widecolumn .entry,  .entry {
	vertical-align: text-top;
	line-height: 18px;
	font-size: 14px;
	font-family: Verdana, Arial, Sans-Serif;
	overflow:hidden;
	}
	
	
#content {
	font-size: 12px
	padding: 0;
	}
	
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
h1, h2, h3 {
	font-family: "Century Gothic", Verdana, Sans-serif;
	}

h2, h3 {
	font-size: 30px;
	text-align: left;
	color:#AD1515;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
	
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
	text-decoration: none;
	color:#AD1515;
	}
	
.postmetadata {
	text-align: center;
	font-size: 10px;
	margin-bottom: 40px;
	margin-top: 20px;
	border-top-color: #CED7DF;
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 5px;
	}
	
.postmetadata a, .postmetadata a:visited, .authorname a, .authorname a:visited{
	text-decoration: none;
	color:#AD1515;
	}
		
.postmetadata a:hover, .authorname a:hover {
	text-decoration: underline;
	color:#414852;
	}
	
	
/* Sidebar styles and positioning */
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
	
#sidebar {
	position: absolute;
	right: 5px;
	width: 115px;
	top: 120px;
}


#sidebar a, #sidebar a:visited {
	text-decoration: none;
	color:#000000;
}

#sidebar a:hover  {
	text-decoration: none;
	color:#ffffff;
	background-color:#AD1515;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	font-size:10px;
	line-height:12px;
	}
	
#calendar {
	position: absolute;
	right: 647px;
	top: 293px;
}

#calendar a, #calendar a:visited {
	text-decoration: none;
	color:#AD1515;
	}
#calendar a:hover {
color:#fff;
}
	
.widgettitle {
	color:#ced7df;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}


#footer {
	border-top: 2px solid #ced7df;
	background-color: #FFFFFF;
	padding-top: 8px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ced7df;
	position: relative;
	left: 28px;
	width: 450px;
	padding-bottom: 15px;
}

#footer a, #footer a:visited {
	text-decoration: none;
	color:#b2bcc4;
	}
	
#footer a:hover  {
	color:#AD1515;
	text-decoration: underline;
}

/* Archives and comments */

.pagetitle {
	color: #FFFFFF;
	background-color: #CED7DF;
	padding: 2px;
	font-size: 36px;
	font-family: 'Arial Narrow', Arial, Sans-Serif;
	text-align: right;
}

.archtitle  {
	background-color: #CED7DF;
	text-align: right;
	padding: 2px;
	color: #FFFFFF;
	font-family: arial;
}

 .navigation {
	background-color: #CED7DF;
	padding: 0px;
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
}

.padding2  {
	padding: 2px;
	}

.archtitle a, .archtitle a:visited {
	padding: 0 3 0 3;
	text-decoration: none;
	color:#AD1515;	
}


.navigation a, .navigation a:visited {
	padding: 0 3 0 3;
	text-decoration: none;
	color:#FFFFFF;	
}

.navigation table {
padding: 2px;}

.archtitle a:hover, .navigation a:hover {
	text-decoration: none;
	color:#FFFFFF;	
	background-color: #AD1515;
}

p .edit, .edit a, .edit a:visited {
	padding: 4px;
	text-decoration: none;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #CED7DF;
	}
	
.edit a:hover {
	text-decoration: none;
	background-color: #AD1515;
	}
	
#comment {
	width: 450px;
	height: 125px;
	background-color: #CED7DF;
}
#commentform {
	text-align: right;
}
#submit{
font-weight: bold;
}
input {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}

form {
margin: 0;
padding: 0;
}

.alignleft{
	text-align: left;
}
.alignright{
	text-align: right;
}

.commenttitle {
	color: #FFFFFF;
	background-color: #CED7DF;
	padding: 2px;
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	text-align: right;
	font-weight: bold;	

}

.commentlist li {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ced7df;
	padding-top: 6px;
}

.commentmetadata, .commentmetadata a, .commentmetadata a:visited, .commentmetadata a:hover,  {
	color: #777;
	text-decoration: none;
}

.commentlist li a,  .commentlist li a:visited, .entry a, .entry a:visited {
	color: #AD1515;
	text-decoration:none
}

.commentlist li a:hover, .entry a:hover, .narrowcolumn li a:hover {
	text-decoration: underline;
	color:#414852;
} 



/* Videos */

.undertube {
	background-color: #414852;
	text-align: left;
	vertical-align: middle;
	font-family: arial;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	line-height: 20px;
	font-weight: bold;
}

.undertube a, .undertube a:visited {
	color: #FFFFFF;
	text-decoration: none;	
} 

.undertube a:hover {
	background-color: #AD1515;
	color: #FFFFFF;
	text-decoration: none;
}
.overtube {
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.overtube p{
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* Links Page */

.linkcat h2 {
	background-color:#CED7DF;
	color:#FFFFFF;
	font-size: 36px;
	font-family: 'Arial Narrow', Arial, Sans-Serif;
	text-align: right;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.narrowcolumn li {
	list-style-image: none;
	list-style-type: none;
}

.narrowcolumn li a:hover {
	text-decoration: underline;
	color: #AD1515;
} 
.narrowcolumn li a, .narrowcolumn li a:visited  {
	color:#000; 
	text-decoration:none
}

/* search form */
#searchform {
	font-family: Verdana;
	position: absolute;
	height: 60px;
	width: 125px;
	top: 261px;
	right: 470px;
	overflow: visible;
	font-style: normal;
	font-weight: bold;
	text-align: right;
}
#searchsubmit {
	background-color: #414852;
	font-family: verdana;
	height: 20px;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-variant: normal;
	width: 84px;
	vertical-align: middle;
}
#s {
	width: 84px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CED7DF;
	background-color: #414852;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	text-align: right;
	vertical-align: middle;
}
