/*  
Theme Name: AzulaySeiden
Theme URI: http://www.azulayseiden.com
Description: Theme for AzulaySeiden's blog.
Version: 1.0
Author: Ryan Jay Cruz
*/

/* Main Formatting */

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #4c4c4c;
}

div {
	margin: 0;
	padding: 0;
}

a{
	color: #990000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img {border:none}

/* End of Main Formatting */

/* Divs Formatting */

#maincontainer{

	width: 100%;
	background: #fff;

}

#logo{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 740px;
}

#nav{
	clear: both;
	height: 30px;
	background: #006699;
	margin-top: 10px;
}

#subhead{
	width: 740px;
	height: 151px;
	margin: auto;
	clear: both;
	background: #82AECF; color: #2D566B;
}

img.subpic {
	float: left;
	width: 200px;
         height: 151px; 
}

p.subpara {
	float: left;
	width: 500px;
	margin: 20px;
font-size: 90%;
}

#subhead1 {
	 width: 740px;
	 height: 151px;
	 margin: auto;
	 clear: both;
	 background: #2D566B;
}
p.subpara1 {
	  float: left;
	  width: 500px;
	  margin: 20px;
	  color: #CAEDFF;
	  font-size: 90%;
}

#pagecontainer {
	clear: both;
	margin: auto;
	padding: 0;
	width: 740px;

}

#container {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
}

.post {
	text-align: justify;
	font-size: 90%;
}

.post h2 {
	font-size: 120%;
}

.entry {
	padding: 0 20px 20px 0;
	border-bottom: gray 1px dotted;
}

p.postmetadata {
	font-size: smaller;
	color: gray;
}

p.postmetadata a {
	color: #2D566B;
}

.navigation {
	color: gray;
	font-size: 90%;
}

.navigation a {
	color: #2D566B;
	font-size: 90%;
}

.sidebar {
	float: left;
	background: #fff;
	width: 240px;
	margin: 0;
	margin-top: 10px;
	color: #CAEDFF;
	font-size: 95%;
}

.sidebar a {color: #65CCFF;}

.sidebar ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

.sidebar ul li {
	list-style-type: none;
	margin: 0;
	margin-bottom: 10px;
	background: #2D566B;
	padding: 10px;
}

.sidebar ul li h2 {
	font-size: 120%;
	color: #CAEDFF;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

.sidebar ul li ul {
	margin: 0;
	padding: 0;
}

.sidebar ul li ul li {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}


#footer{
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #999999;
	font-size: 80%;
}

.tops {

	margin: 0;
	padding: 0;
	border-bottom: gray 1px dotted;
}



/* List Formatting */

ul.top {
	float: left;
	margin: 20px 0 20px 300px;
	font-family: arial narrow, arial, tahoma, sans;
	font-weight: bold;
	list-style-type: none;
	letter-spacing: 3px;
}

ul.top li {margin-bottom: 3px}
ul.top a {color: #999999; text-decoration: none;}
ul.top a:hover {color: #006699}

ul.foot {
	margin: 10px auto;
	width: 740px;
	padding: 0;
	list-style-type: none;
}

ul.foot li {
	float: left;
	margin: 0 10px;
}

/* End of List Formatting */


/* Image Formatting */

img.logo {float: left;}

/* End of Image Formatting */

/* Paragraph Formatting */

#footer p {
	clear: both;
	margin: 0 auto;
	width: 740px;
	line-height: 135%;
}

/* End of Paragraph Formatting */

/* Links Formatting */

#footer a {

	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #006699;
}

/* End of Links Formatting */

/* Header Formatting */

.cat {
	font-size: 120%;
	margin: 10px 0;
	color: #2D566B;
}

.cattitle {
	font-size: 90%;
	margin: 0;
	padding: 0;
}

.tops p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	text-align: justify;
	font-size: 90%;
}

/* End of Header Formatting */

#cssdropdown, #cssdropdown ul {
font-family: arial narrow, arial, tahoma, sans;
font-weight: bold;
letter-spacing: 3px;
padding: 0;
padding-top: 7px;
margin: auto;
list-style: none;
}

#cssdropdown {
width: 740px;
}

#cssdropdown li {
float: left;
position: relative;
margin-right:10px;
}

.mainitems{

}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color: #fff;
}

.mainitems a:hover{
color: #32BBFF;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background: #006699;
border: none;
}

.subuls li{
width: 100%;
background: #006699;
padding: 3px 5px;
}

.subuls li a{
display: block;
text-decoration: none;
background: #006699;
padding: 0;
margin: 0;
}

.subuls li a:hover{
color: #32BBFF;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 1.2em;
left: -1em;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

/* Comments */

h3#comments {

}

.comments-template{
	margin: 10px 0 0;
	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: 5px 10px;
	background: #EEEEEE;
}

.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;
}