/*  
Theme Name: Aceh Media Grafika
Theme URI: http://acehmediagrafika.com
Description: Modern Web Profile Themes - Grey White
Version: 1.0
Author: Kusnandar Zainuddin
Author URI: http://www.aneukaceh.com
*/


/* Import CSS Reset File */
@import url("reset.css");

/* ----------------------- GENERAL LAYOUT -----------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;  
  background-color: #DDD;
  background-image: url(images/mozaic.png);
  /*background: #DDD url(images/bg.jpg) repeat-x fixed;*/
}
/* Heading */

h1, h2, h3, h4, h5, h6 {
   font-weight:normal; color:#555555; font-family: 'Oswald', Arial, Tahoma, Verdana, sans-serif;}
h1{font-size:30px; line-height:36px; margin-bottom:10px;}
h2{font-size:25px; line-height:30px; margin-bottom:10px;}
h3{font-size:18px; margin-bottom:12px; font-weight:bold;}
h4{font-size:16px; margin-bottom:12px; padding:0px;}
h5 {font-size:14px; margin-bottom:5px; padding: 0px; color: #C33;}
h6 {font-size:12px; margin-bottom:5px; padding: 0px; color: #CCC;}
/* links */
a,a:link,a:visited {color:#09c; text-decoration:none; }
a:hover{color:#990000;}
a img, img {border:none}

/* paragraphs,blockquote,code */
p {
  margin-bottom:12px;
  color:#666666;
  font-size: 12px;
  line-height: 21px;
}
blockquote {
  margin: 0 0 20px 0;
  color: #8a8a8a;
  background: url(images/quote.png) top left no-repeat;
  font-style: italic; 
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.4em;
  font-size: 14px;
}
blockquote p {
  line-height: 1.4em;
  font-size: 14px;
}
code {
  background: #fafafa;
  padding: 5px 10px;
  display: block;
  font-size: 12px;
  color: #858585;
  margin-bottom: 10px;
  border: 1px dotted #eaeaea; 
  clear: both;   
}
ol {
  margin: 20px 0 20px 25px;
  list-style-type: decimal;
}
ol li {
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 5px;
  color: #666666;
} 

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* Images Alignment & Styling */
.alignleft {
  float: left;
  margin: 5px 12px 0 0;
}
.alignright {
  float: right;
  margin: 5px  0 5px 12px;
}
.aligncenter {
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 15px;
  display: block; 
}

/* ----------------------- WRAPPER -----------------------*/
.wrapper {  
  width: 976px;
  margin: 0 auto;
}
.mainwrapper {
  width: 976px;
  background: none;
}
/* ----------------------- HEADER -----------------------*/
#header {margin : 20px auto 0; padding: 0 auto; width: 1006px; }
#headerright {
  float: right;
  padding-top: 30px;
  width: 400px;
  height: 75px;
}
#logo {
  float: left;
  width: 500px;
  height: 35px;
  margin-top: 40px;
}
#navbar {clear: both; width: 100%; height: 50px; background: #FFF; 
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}

.searchbox {
  width: 192px;
  height: 37px;
  float: right;
}
.searchinput {
  border: none;
  height: 17px;
  width: 135px;
  background: url(images/searchinput.png) left center no-repeat;  
  float: left;
  padding: 10px;
  color: #cacaca;
}
.searchsubmit {
  height: 37px;
  width: 36px;
  background: url(images/searchsubmit.png) left center no-repeat;
  float: left;
  border: none;
  cursor: pointer;
}

/* ----------------------- HOMEPAGE CONTENT -----------------------*/
#index {margin : 0 auto; padding: 0 15px 15px; width: 976px; background: #FFF; box-shadow: rgba(0, 0, 0, .33) 0 6px 15px;}

.devider {clear: both; width: 100%; height: auto; border-bottom: solid 1px #e2e2e2;}
.devider10 {margin-right: 15px;}
.w300 {width:300px;}
.w278 {width:278px;}

#news {padding: 15px 0;}
.Update {float: left; padding: 0 0 15px;}
.Update h3 {color: #039; text-transform: uppercase;}
.Update ul {margin: 0;}
.Update ul li {clear: left; border-bottom: solid 1px #FFF; padding: 10px 0; max-height: 62px; font-size: 8pt; line-height: 11pt; color: #990000; overflow: hidden;}
.Update ul li a {text-decoration: none; font-size: 10pt; font-weight: bold;}
.Update ul li a:hover {text-decoration: underline;}
.Update img {float: left; width: 62px; height: 62px; margin-right: 10px; overflow: hidden;}
.Update ul.dotted li {vertical-align: top; padding: 7px 0 7px 20px; background: url(images/bullet.png) no-repeat 0 8px;}

/* ----------------------- SINGLE PAGE -----------------------*/
#content {margin : 0 auto; padding: 15px 0; width: 976px; min-height: 500px; background: #FFF;}

.post {
  width: 630px;
  float: left;
}
.post img {
  max-width: 630px;
  height: auto;
}
.post .attachment-medium {
  float: left;
  border: 2px solid #e6e6e6;
  padding: 5px;
  margin-right: 5px;
}
.post .attachment-medium img.medium {
	width: 300px;
}
.post .attachment-medium img.thumb {
	width: 150px;
}

/* bullet List */
.post ul {
  margin-bottom: 20px;
  margin-left: 5px;
  list-style: none;
}
.post ul li {
  font-size: 12px;
  line-height: 20px;
  margin: 8px 0; 
  padding-bottom: 5px;
  padding-left: 20px;  
  background: url(images/bullet.png) 0 .1em no-repeat;
  color: #757575;
  border-bottom: 1px solid #dfdfdf;
}

.entry {padding-top: 10px; border-top: 3px solid #EAEAEA;}
.entry p {text-align: justify;}
.entry img {max-width: 600px;}

/* ----------------------- GALLERY FOTO -----------------------*/
.photo {float: left; width: 150px; height: 200px; text-align: center; margin: 10px 10px 20px 0px;}
.photo a {font: normal 10px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;
	overflow: hidden; display: block; height: 50px; padding-top: 5px;}

/* ----------------------- SIDEBAR -----------------------*/
#sidebar {
  width: 300px;
  padding: 0 15px;
  float: right;
}
#sidebar h4 {
  color: #F00;
  margin-bottom: 0;
}
#sidebar p {
  margin-bottom: 5px;
}
#sidebar a {
  color: #900;
  text-decoration: none;
}
#sidebar a:hover {
  color: #F00;
  text-decoration: underline;
}
#sidebar ul {
  margin: 10px 0 20px 0;
  list-style: none;
}
#sidebar ul li {
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 5px;
  padding-left: 20px;  
  background: url(images/bullet.png) 0 .1em no-repeat;
}

.Update ul li {clear: left; border-bottom: solid 1px #FFF; padding: 10px 0; max-height: 62px; font-size: 8pt; line-height: 11pt; color: #990000; overflow: hidden;}
.Update ul li a {text-decoration: none; font-size: 10pt; font-weight: bold;}
.Update ul li a:hover {text-decoration: underline;}
.Update img {float: left; width: 62px; height: 62px; margin-right: 10px; overflow: hidden;}
.Update ul.dotted li {vertical-align: top; padding: 7px 0 7px 20px; background: url(images/bullet.png) no-repeat 0 8px;}


/* ----------------------- FOOTER -----------------------*/
#footer {margin : 0 auto 50px auto; width: 1006px; height: 160px; background: #FFF; box-shadow: rgba(0, 0, 0, .33) 0 6px 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;}

/* Footer Box */
.footerbox {
   padding: 15px 0;
   border-top: 2px solid #F00;
}
.address {
  float: left;
  width: 500px;
  margin-left: 15px;
}
.socmed {
  float: left;
  width: 475px;
  text-align: right;
}
/*.socmed img {
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.socmed img:hover {
  -webkit-filter: grayscale(0%);
}*/

.footerbox a,
.footerbox li a {
  color: #01BAFD; 
}
.footerbox a:hover {
  color: #FF6600; 
}
.footerbox ul {
  margin: 0;
  padding: 0; 
}
.footerbox h5{text-transform: uppercase; padding-bottom:5px; border-bottom: 1px solid #999;}
.footerbox p {
  font-size: 12px;  
  line-height: 18px;
  margin-bottom: 5px;
  color: #333;
}
.footerbox ul {
  margin: 0;
}
.footerbox ul li {
  font-size: 12px;
  padding-bottom: 8px
}
.footerbox ul li a {
  color: #FFFFFF;
}
.footerbox ul li a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

/* Native Wordpress Styling */
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.sticky {
}
.gallery {
   padding-bottom: 20px
}
.gallery-caption {
  font-size: 8pt;
  line-height: 12pt;
}
/* Front Tabs */
.tabs-wrapper {
  margin: 15px 0;
}
ul.tabs {
	margin:0px 0px 0px 1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px;
	border-bottom: 1px solid #dbdbdb;
	border-left:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: auto;
	float:left;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin:0px 0px -1px -1px;
	background-image:url(images/bg-dropdown.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
	position: relative;	
}
ul.tabs li a {
	text-decoration: none;
	color: #7d7b7b;
	display: block;
	font-size: 14px;
	padding: 1px 26px;
	outline: none;
}
ul.tabs li a:hover {
	background-image:url(images/bg-dropdown.jpg);
	background-repeat:repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	
html ul.tabs li.current, html ul.tabs li.current a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}
.tab_container,
.panes {
	border: 1px solid #dbdbdb;
	border-top: none;
	clear: both;
	float: left; 
	width: auto;
	background: #fff;
  width: 100%;
  padding-bottom: 10px;
  font-size: 12px;
  color: #666666;
}
.tab_content,
.pane {
	padding: 18px 20px 8px 20px;
  border-top: 1px solid #dbdbdb;
}
.tab_content p {
  font-size: 12px;
	padding-top: 5px;
  color: inherit;
}
.tab_content img {
	float: left;
	margin: 0 18px 18px 0;
	padding: 0px 5px 0px 5px;
}

/* tables */
table {
  border: 1px solid #ccc;
  text-align: left;
  margin-bottom: 20px;
  width:100%;
  font-size: 12px;
  color: #666666;
}
th.empty { 
  background: #fff; 
}
tr.empty:hover { 
  background: #fff; 
}
th {
  background-color: #aaaaaa;
  font-weight: normal;
  font-size: 15px;
  padding: 5px 10px;
  color: #fff;
  text-shadow:#414141 0 1px 0px;
  line-height: 22px;
}
tbody tr {
  font-weight: normal;
  background-color: #fafafa;
}
tbody tr:nth-child(even) { 
  background-color: #f0f0f0; 
}
tbody tr:hover { 
  background-color: #eaeaea; 
}
td {
  padding: 5px 10px;
  border-left: #d7d7d7 1px solid;
  border-top: #d7d7d7 1px solid;
  border-bottom: #d7d7d7 1px solid;
  line-height: 16px;
  font-size: 8pt
}
tr td:first-child { 
  border-left:0; 
}
.entry td ol, .entry td ul {
  margin: 0 0 0 20px;
}
.entry td li, .entry td p {
  line-height: 16px;
  font-size: 8pt;
  text-align: left;
}